From 84e447527af5494be36bed36bf783689c1b46b27 Mon Sep 17 00:00:00 2001
From: caoqianming <caoqianming@foxmail.com>
Date: Sun, 9 Nov 2025 22:37:18 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E7=A6=BB=E8=81=8C?=
 =?UTF-8?q?=E7=94=B3=E8=AF=B7=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/hrm/resignation_form.vue | 188 +++++++++++++++++++----------
 src/views/ofm/booking_form.vue     |   2 +-
 2 files changed, 122 insertions(+), 68 deletions(-)

diff --git a/src/views/hrm/resignation_form.vue b/src/views/hrm/resignation_form.vue
index a6eadc3f..05abea57 100644
--- a/src/views/hrm/resignation_form.vue
+++ b/src/views/hrm/resignation_form.vue
@@ -1,75 +1,129 @@
 <template>
-    <el-form label-width="80px" :model="formData" style="padding: 20px;">
-        <el-form-item label="员工信息" required>
-            {{ formData.employee_name }}（{{ formData.belong_dept_name }} - {{ formData.post_name }}）
-        </el-form-item>
-        <el-form-item label="离职日期" required>
-            <el-date-picker
-                v-model="formData.resign_date"
-                type="date"
-                placeholder="预计离职日期"
-                style="width: 100%;"
-                :readonly="mode === 'show'"
-            ></el-date-picker>
-        </el-form-item>
-        <el-form-item label="离职原因" required>
-            <el-input
-                type="textarea"
-                :rows="4"
-                v-model="formData.reason"
-                placeholder="请输入离职原因"
-                :readonly="mode === 'show'"
-            ></el-input>
-        </el-form-item>
-        <el-form-item>
-            <ticketd_b 
-            :workflow_key="'resignation'" 
-            :title="formData.employee_name + '的离职申请'" 
-            :t_id="formData.id" 
-            :ticket_="formData.ticket_"
-            @success="()=>{$emit('success')}" 
-            :submit_b_func="submit_b_func" 
-            ref="ticketd_b"
-          ></ticketd_b>
-        </el-form-item>
-    </el-form>
+    <el-container>
+        <el-main class="nopadding">
+            <el-form label-width="80px" :model="formData" style="padding: 20px;">
+                <el-form-item label="员工信息" required>
+                    {{ formData.employee_name }}（{{ formData.belong_dept_name }} - {{ formData.post_name }}）
+                </el-form-item>
+                <el-form-item label="离职日期" required>
+                    <el-date-picker
+                        v-model="formData.end_date"
+                        type="date"
+                        placeholder="预计离职日期"
+                        style="width: 100%;"
+                        value-format="YYYY-MM-DD"
+                        :readonly="localMode === 'show'"
+                    ></el-date-picker>
+                </el-form-item>
+                <el-form-item label="离职原因" required>
+                    <el-input
+                        type="textarea"
+                        :rows="4"
+                        v-model="formData.reason"
+                        placeholder="请输入离职原因"
+                        :readonly="localMode === 'show'"
+                    ></el-input>
+                </el-form-item>
+            </el-form>
+            <el-footer>
+                <ticketd_b 
+                        :workflow_key="'wf_resignation'" 
+                        :title="ticketTitle"
+                        :t_id="formData.id" 
+                        :ticket_="formData.ticket_"
+                        @success="$emit('success', localMode)" 
+                        :submit_b_func="submit_b_func" 
+                        ref="ticketd_b"
+                    ></ticketd_b>
+            </el-footer>
+        </el-main>
+        <el-aside width="20%" v-if="formData.ticket_">
+            <ticketd :ticket_="formData.ticket_" @success="$emit('success')"></ticketd>
+        </el-aside>
+    </el-container>
 </template>
-<script setup>
-import { ref, onMounted, defineProps } from 'vue'
+
+<script>
 import ticketd_b from "@/views/wf/ticketd_b.vue";
 import ticketd from '@/views/wf/ticketd.vue'
-import API from '@/api'
-import TOOL from "@/utils/tool.js";
 
-const props = defineProps({
-    mode: { type: String, default: 'show' },
-    t_id: { type: String, default: "" },
-});
-const formData = ref({});
-const mode = ref(props.mode);
-onMounted(async () =>{
-    if(props.t_id){
-       getTid();
-    }else{
-        let res = await API.hrm.employee.read.req();
-        formData.value.employee_name = res.name;
-        formData.value.belong_dept_name = res.belong_dept_name;
-        formData.value.post_name = res.post_name;
-        formData.value.employee = res.id;
-    }
-})
-const getTid = async () => {
-    let res = await API.hrm.resignation.item.req(props.t_id);
-    formData.value = res;
-    if(res.ticket_.state_.type == 1 && res.create_by == TOOL.data.get("USER_INFO").id ) {
-        mode.value = "edit";
-    }else{
-        mode.value = "show";
-    }
-};
-const submit_b_func = async ()=>{
-    if (mode.value == "add") {
-        await API.hrm.resignation.create.req(formData.value);
+export default {
+    name: 'ResignationForm',
+    components: {
+        ticketd_b,
+        ticketd
+    },
+    props: {
+        mode: {
+            type: String,
+            default: 'show'
+        },
+        t_id: {
+            type: String,
+            default: ""
+        }
+    },
+    data() {
+        return {
+            formData: {
+                employee_name: ""
+            },
+            localMode: this.mode,
+            ticketTitle: "离职申请"
+        }
+    },
+    watch: {
+        mode(newVal) {
+            this.localMode = newVal;
+        }
+    },
+    mounted() {
+        if (this.t_id) {
+            this.getTid();
+        } else {
+            this.initFormData();
+        }
+    },
+    methods: {
+        async initFormData() {
+            try {
+                let res = await this.$API.hrm.employee.read.req();
+                this.formData.employee_name = res.name;
+                this.formData.belong_dept_name = res.belong_dept_name;
+                this.formData.post_name = res.post_name;
+                this.formData.employee = res.id;
+                this.localMode = "add";
+            } catch (error) {
+                console.error('初始化表单数据失败:', error);
+            }
+        },
+        async getTid() {
+            try {
+                let res = await this.$API.hrm.resignation.item.req(this.t_id);
+                this.formData = res;
+                if (res.ticket_ && res.ticket_.state_.type == 1 && res.create_by == this.$TOOL.data.get("USER_INFO").id) {
+                    this.localMode = "edit";
+                }
+            } catch (error) {
+                console.error('获取离职数据失败:', error);
+            }
+        },
+        async submit_b_func() {
+            if (this.localMode == "add") {
+                try {
+                    let res = await this.$API.hrm.resignation.create.req(this.formData);
+                    this.ticketTitle = this.formData.employee_name + "的离职申请";
+                    this.formData.id = res.id;
+                    return res.id;
+                } catch (error) {
+                    console.error('提交离职申请失败:', error);
+                    throw error;
+                }
+            } else if (this.localMode == "edit") {
+                this.$message.error("不支持编辑");
+                throw new Error("不支持编辑");
+            }
+        }
     }
 }
 </script>
\ No newline at end of file
diff --git a/src/views/ofm/booking_form.vue b/src/views/ofm/booking_form.vue
index 6035a403..5134cbd7 100644
--- a/src/views/ofm/booking_form.vue
+++ b/src/views/ofm/booking_form.vue
@@ -68,7 +68,7 @@
       <el-footer>
          <el-button @click="$emit('closed')" style="margin-right: 4px">取消</el-button>
 					<ticketd_b 
-            :workflow_key="'mroombooking.create'" 
+            :workflow_key="'booking'" 
             :title="form.title+'-会议室预定'" 
             :t_id="form.id" 
             :ticket_="form.ticket_"