From 5e9c9b2e2970fae664c1600e0d8aa4c247ae6229 Mon Sep 17 00:00:00 2001
From: TianyangZhang <zty18395607196@163.com>
Date: Fri, 15 May 2026 17:08:30 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BF=AE=E6=94=B9=E5=85=89=E8=8A=AFbug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/hrm/empcontract_form.vue | 232 ++++++++++++++++-------------
 1 file changed, 128 insertions(+), 104 deletions(-)

diff --git a/src/views/hrm/empcontract_form.vue b/src/views/hrm/empcontract_form.vue
index 40caf777..71365535 100644
--- a/src/views/hrm/empcontract_form.vue
+++ b/src/views/hrm/empcontract_form.vue
@@ -1,7 +1,7 @@
-<template>
+<template>
     <el-container>
         <el-main class="nopadding">
-            <el-form label-width="100px" :model="formData" style="padding: 20px;" :disabled="localMode === 'show'">
+            <el-form label-width="120px" :model="formData" style="padding: 20px;" :disabled="localMode === 'show'">
                 <el-form-item label="申请部门" required>
                     <el-cascader
                         v-model="formData.dept_need"
@@ -12,40 +12,57 @@
                         style="width: 220px"
                     ></el-cascader>
                 </el-form-item>
-                <el-form-item label="员工信息" required>
-                    <xtSelect
-                        v-model="formData.employee"
-                        :apiObj="$API.hrm.employee.list"
-                        v-model:label="formData.employee_name"
-                        @change="handleChange"
-                        style="width: 230px"
-                    >
-                        <el-table-column prop="name" label="姓名"></el-table-column>
-                        <el-table-column prop="belong_dept_name" label="部门"></el-table-column>
-                        <el-table-column prop="post_name" label="岗位"></el-table-column>
-                    </xtSelect>
-                </el-form-item>
-                <el-form-item label="性别">
-                    <el-input v-model="formData.gender" disabled style="width: 230px"></el-input>
-                </el-form-item>
-                <el-form-item label="身份证号">
-                    <el-input v-model="formData.id_number" disabled style="width: 230px"></el-input>
-                </el-form-item>
-                <el-form-item label="手机号">
-                    <el-input v-model="formData.phone" disabled style="width: 230px"></el-input>
-                </el-form-item>
-                <el-form-item label="岗位">
-                    <el-input v-model="formData.post_name" disabled style="width: 230px"></el-input>
-                </el-form-item>
-                <el-form-item label="部门">
-                    <el-input v-model="formData.dept_name" disabled style="width: 230px"></el-input>
-                </el-form-item>
-                <el-form-item label="入职日期">
-                    <el-input v-model="formData.join_date" disabled style="width: 230px"></el-input>
-                </el-form-item>
-                <el-form-item label="合同结束日期">
-                    <el-input v-model="formData.end_contract" disabled style="width: 230px"></el-input>
-                </el-form-item>
+                <!-- 新增模式：多选员工 -->
+                <template v-if="localMode === 'add'">
+                    <el-form-item label="选择员工" required>
+                        <xtSelect
+                            v-model="selectedIds"
+                            :apiObj="$API.hrm.employee.list"
+                            :multiple="true"
+                            @change="handleEmpChange"
+                            style="width: 400px"
+                            :tableWidth="650"
+                        >
+                            <el-table-column prop="name" label="姓名" width="80"></el-table-column>
+                            <el-table-column prop="belong_dept_name" label="部门" width="120"></el-table-column>
+                            <el-table-column prop="post_name" label="岗位" width="100"></el-table-column>
+                            <el-table-column prop="start_date" label="入职日期" width="110"></el-table-column>
+                            <el-table-column prop="contract_end_date" label="合同结束日期" width="120"></el-table-column>
+                        </xtSelect>
+                    </el-form-item>
+                    <el-form-item v-if="selectedEmps.length > 0">
+                        <el-table :data="selectedEmps" border size="small" style="width: 100%;" max-height="250">
+                            <el-table-column type="index" label="#" width="40"></el-table-column>
+                            <el-table-column prop="name" label="姓名" width="80"></el-table-column>
+                            <el-table-column prop="gender" label="性别" width="50"></el-table-column>
+                            <el-table-column prop="belong_dept_name" label="部门" width="120"></el-table-column>
+                            <el-table-column prop="post_name" label="岗位" width="100"></el-table-column>
+                            <el-table-column prop="start_date" label="入职日期" width="110"></el-table-column>
+                            <el-table-column prop="contract_end_date" label="合同结束日期" width="120"></el-table-column>
+                            <el-table-column label="操作" width="60">
+                                <template #default="scope">
+                                    <el-button type="danger" text size="small" @click="removeEmp(scope.$index)">移除</el-button>
+                                </template>
+                            </el-table-column>
+                        </el-table>
+                        <div style="margin-top: 4px; color: #909399; font-size: 12px;">共选择 {{ selectedEmps.length }} 人</div>
+                    </el-form-item>
+                </template>
+                <!-- 查看模式：显示变更人员列表 -->
+                <template v-else>
+                    <el-form-item label="变更人员">
+                        <el-tag type="warning" effect="plain" style="margin-right: 8px;" v-if="batchEmployees.length > 0">共 {{ batchEmployees.length }} 人</el-tag>
+                        <el-table :data="batchEmployees" border size="small" style="width: 100%; margin-top: 4px;" max-height="300">
+                            <el-table-column type="index" label="#" width="40"></el-table-column>
+                            <el-table-column prop="employee_name" label="姓名" width="80"></el-table-column>
+                            <el-table-column prop="dept_name" label="部门" width="120"></el-table-column>
+                            <el-table-column prop="post_name" label="岗位" width="100"></el-table-column>
+                            <el-table-column prop="join_date" label="入职日期" width="110"></el-table-column>
+                            <el-table-column prop="end_contract" label="合同结束日期" width="120"></el-table-column>
+                        </el-table>
+                    </el-form-item>
+                </template>
+                <el-divider>变更信息</el-divider>
                 <el-form-item label="合同变更次数">
                     <el-input-number
                         v-model="formData.counts"
@@ -91,26 +108,27 @@
             </el-form>
             <el-footer>
                 <el-button type="danger"
-                v-if="localMode=='edit'"
-                style="margin-right: 4px;"
-                @click="handleDel"
-                :loading="saveLoading"
+                    v-if="localMode=='edit'"
+                    style="margin-right: 4px;"
+                    @click="handleDel"
+                    :loading="saveLoading"
                 >删除</el-button>
                 <ticketd_b
-                        v-if = "formData.ticket_ && localMode=='show'"
-                        :t_id="formData.id"
-                        :ticket_="formData.ticket_"
-                        :ticket_data="ticket_data"
-                        @success="$emit('success', localMode)"
-                        ref="ticketd_b"
-                    ></ticketd_b>
-                     <el-button
-                        v-if="localMode!='show'"
-                        type="primary"
-                        style="margin-right: 4px;"
-                        @click="handleSave"
-                        :loading="saveLoading"
-                        >提交审批</el-button>
+                    v-if="formData.ticket_ && localMode=='show'"
+                    :t_id="formData.id"
+                    :ticket_="formData.ticket_"
+                    :ticket_data="ticket_data"
+                    @success="$emit('success', localMode)"
+                    ref="ticketd_b"
+                ></ticketd_b>
+                <el-button
+                    v-if="localMode=='add'"
+                    type="primary"
+                    style="margin-right: 4px;"
+                    @click="handleSave"
+                    :loading="saveLoading"
+                    :disabled="selectedEmps.length === 0"
+                >提交审批 ({{ selectedEmps.length }} 人)</el-button>
             </el-footer>
         </el-main>
         <el-aside width="20%" v-if="formData.ticket_">
@@ -125,7 +143,7 @@ import ticketd from '@/views/wf/ticketd.vue';
 import { genTree } from "@/utils/verificate";
 
 export default {
-    name: 'EnpContractForm',
+    name: 'EmpContractForm',
     components: {
         ticketd_b,
         ticketd
@@ -144,25 +162,19 @@ export default {
         return {
             formData: {
                 dept_need: "",
-                employee: "",
-                employee_name: "",
-                gender: "",
-                id_number: "",
-                phone: "",
-                post_name: "",
-                dept_name: "",
-                join_date: "",
-                end_contract: "",
                 counts: 0,
                 plan_renewal: "",
                 normal_renewal: "",
                 change_date: null,
                 change_reason: "",
             },
+            selectedIds: [],
+            selectedEmps: [],
+            batchEmployees: [],
             ticket_data: {},
             localMode: this.mode,
             saveLoading: false,
-            group:[],
+            group: [],
             groupsProps: {
                 multiple: false,
                 emitPath: false,
@@ -192,6 +204,19 @@ export default {
             try {
                 let res = await this.$API.hrm.empcontract.item.req(this.t_id);
                 this.formData = res;
+                // 加载同批次的员工列表
+                if (res.batch_employees && res.batch_employees.length > 0) {
+                    this.batchEmployees = res.batch_employees;
+                } else {
+                    // 单条记录兼容
+                    this.batchEmployees = [{
+                        employee_name: res.employee_name,
+                        post_name: res.post_name,
+                        dept_name: res.dept_name,
+                        join_date: res.join_date,
+                        end_contract: res.end_contract,
+                    }];
+                }
                 if (res.ticket_ && res.ticket_.state_.type == 1 && res.create_by == this.$TOOL.data.get("USER_INFO").id) {
                     this.localMode = "edit";
                 }
@@ -203,51 +228,50 @@ export default {
             let res = await this.$API.system.dept.list.req({ page: 0 });
             this.group = genTree(res);
         },
+        handleEmpChange(rows) {
+            this.selectedEmps = rows || [];
+        },
+        removeEmp(index) {
+            this.selectedEmps.splice(index, 1);
+            this.selectedIds = this.selectedEmps.map(e => e.id);
+        },
         handleDel() {
             this.$confirm(`确定删除吗？`, "提示", {
-				type: "warning",
-			})
-				.then(()=>{
-                    this.$API.hrm.empcontract.delete.req(this.formData.id).then(res=>{
-                        this.$message.success("删除成功");
-                        this.$emit('success');
-                    })
+                type: "warning",
+            }).then(() => {
+                this.$API.hrm.empcontract.delete.req(this.formData.id).then(res => {
+                    this.$message.success("删除成功");
+                    this.$emit('success');
                 })
+            })
         },
         async handleSave() {
-            if (this.localMode == "add") {
-                try {
-                    console.log('formData', this.formData);
-                    let res = await this.$API.hrm.empcontract.create.req(this.formData);
-                    this.$message.success("提交成功");
-                    this.$emit('success', this.localMode);
-                } catch (error) {
-                    console.error('提交申请失败:', error);
-                    throw error;
-                }
-            } else if (this.localMode == "edit") {
-                this.$message.error("不支持编辑");
+            if (!this.formData.dept_need) {
+                this.$message.warning("请选择申请部门");
+                return;
             }
-        },
-        handleChange(obj) {
-            if (obj) {
-                this.formData.employee_name = obj.name;
-                this.formData.gender = obj.gender;
-                this.formData.id_number = obj.id_number;
-                this.formData.phone = obj.phone;
-                this.formData.post_name = obj.post_name;
-                this.formData.dept_name = obj.belong_dept_name;
-                this.formData.join_date = obj.start_date;
-                this.formData.end_contract = obj.contract_end_date;
-            } else {
-                this.formData.employee_name = "";
-                this.formData.gender = "";
-                this.formData.id_number = "";
-                this.formData.phone = "";
-                this.formData.post_name = "";
-                this.formData.dept_name = "";
-                this.formData.join_date = "";
-                this.formData.end_contract = "";
+            if (this.selectedEmps.length === 0) {
+                this.$message.warning("请选择员工");
+                return;
+            }
+            this.saveLoading = true;
+            try {
+                const batchData = this.selectedEmps.map(emp => ({
+                    employee: emp.id,
+                    dept_need: this.formData.dept_need,
+                    counts: this.formData.counts,
+                    plan_renewal: this.formData.plan_renewal,
+                    normal_renewal: this.formData.normal_renewal,
+                    change_date: this.formData.change_date,
+                    change_reason: this.formData.change_reason,
+                }));
+                await this.$API.hrm.empcontract.create.req(batchData);
+                this.$message.success(`提交成功，共 ${this.selectedEmps.length} 人`);
+                this.$emit('success', 'add');
+            } catch (error) {
+                console.error('提交失败:', error);
+            } finally {
+                this.saveLoading = false;
             }
         },
     }