From bdbcde7a6d5686ef13ec1d26d7021d675b897c6f Mon Sep 17 00:00:00 2001
From: "zangch@mesnac.com" <zangch@mesnac.com>
Date: Wed, 12 Nov 2025 14:25:36 +0800
Subject: [PATCH] =?UTF-8?q?change(erpProjectChange):=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E9=A1=B9=E7=9B=AE=E5=8F=98=E6=9B=B4=E7=94=B3=E8=AF=B7=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 移除列表页面的弹窗表单，统一跳转至编辑页
- 修复缺少参数时的错误提示逻辑
- 新增项目选择功能，支持在新增时选择项目并自动带出项目信息
- 调整表单编辑权限，仅草稿状态可编辑
- 查看模式下增加返回按钮和审批记录查看功能
- 优化列表页面操作按钮显示逻辑，根据状态控制显示
- 增加创建人字段显示
- 调整查询条件，移除部分不必要的筛选项
---
 src/api/oa/erp/erpProjectChange/types.ts    |  17 ++
 src/views/oa/erp/erpProjectChange/edit.vue  | 104 +++++++-
 src/views/oa/erp/erpProjectChange/index.vue | 264 +++++---------------
 3 files changed, 168 insertions(+), 217 deletions(-)

diff --git a/src/api/oa/erp/erpProjectChange/types.ts b/src/api/oa/erp/erpProjectChange/types.ts
index b7426eb..2a88423 100644
--- a/src/api/oa/erp/erpProjectChange/types.ts
+++ b/src/api/oa/erp/erpProjectChange/types.ts
@@ -254,6 +254,11 @@ export interface ErpProjectChangeVO {
    */
   progressList?: ErpProjectChangeProgress[];
 
+  /**
+   * 创建人
+   */
+  createName?: string;
+
 }
 
 export interface ErpProjectChangeForm extends BaseEntity {
@@ -402,6 +407,11 @@ export interface ErpProjectChangeForm extends BaseEntity {
    */
   bizExt?: any;
 
+  /**
+   * 创建人
+   */
+  createName?: string;
+
 }
 
 export interface ErpProjectChangeQuery extends PageQuery {
@@ -515,6 +525,13 @@ export interface ErpProjectChangeQuery extends PageQuery {
    * 日期范围参数
    */
   params?: any;
+
+  /**
+   * 创建人
+   */
+  createName?: string;
+
+
 }
 
 
diff --git a/src/views/oa/erp/erpProjectChange/edit.vue b/src/views/oa/erp/erpProjectChange/edit.vue
index 7723d71..ace9d9b 100644
--- a/src/views/oa/erp/erpProjectChange/edit.vue
+++ b/src/views/oa/erp/erpProjectChange/edit.vue
@@ -2,6 +2,7 @@
   <div class="p-2">
     <el-card shadow="never">
       <approvalButton
+        v-if="!isViewMode"
         @submitForm="handleApprovalSubmit"
         @approvalVerifyOpen="approvalVerifyOpen"
         @handleApprovalRecord="handleApprovalRecord"
@@ -11,6 +12,13 @@
         :pageType="approvalPageType"
         :mode="false"
       />
+      <!-- 查看模式下显示返回按钮和审批记录 -->
+      <el-row v-if="isViewMode" :gutter="10" class="mb-2">
+        <el-col :span="24">
+          <el-button @click="goBack">返回</el-button>
+          <el-button v-if="form.projectChangeStatus === '2' || form.projectChangeStatus === '3'" @click="handleApprovalRecord">查看审批记录</el-button>
+        </el-col>
+      </el-row>
 
       <el-form ref="projectChangeFormRef" :model="form" :rules="rules" label-width="140px">
         <!-- 基本信息 -->
@@ -18,7 +26,21 @@
         <el-row :gutter="20">
           <el-col :span="12">
             <el-form-item label="项目名称" prop="projectId">
-              <el-input v-model="form.projectName" disabled placeholder="项目名称" />
+              <el-select
+                v-if="showProjectSelect"
+                v-model="form.projectId"
+                placeholder="请选择项目"
+                @change="handleProjectChange"
+                style="width: 100%"
+              >
+                <el-option
+                  v-for="project in projectInfoList"
+                  :key="project.projectId"
+                  :label="project.projectName"
+                  :value="project.projectId"
+                />
+              </el-select>
+              <el-input v-else v-model="form.projectName" disabled placeholder="项目名称" />
             </el-form-item>
           </el-col>
           <el-col :span="12">
@@ -204,15 +226,20 @@
 
 <script setup lang="ts" name="ErpProjectChangeEdit">
 import { ref, reactive, onMounted, getCurrentInstance, toRefs, watch, onActivated, nextTick, computed } from 'vue';
+import type { ComponentInternalInstance } from 'vue';
 import { useRoute, useRouter } from 'vue-router';
 import { getErpProjectChange, addErpProjectChange, updateErpProjectChange, prepareProjectChangeWithInfo, submitProjectChangeAndFlowStart } from '@/api/oa/erp/erpProjectChange';
-import { ErpProjectChangeForm, ErpProjectChangeBudget, ErpProjectChangeProgress } from '@/api/oa/erp/erpProjectChange/types';
+import { ElMessage, ElMessageBox } from 'element-plus';
 import { useUserStore } from '@/store/modules/user';
-import type { FormInstance as ElFormInstance } from 'element-plus';
-import type { ComponentInternalInstance } from 'vue';
+import type { ErpProjectChangeForm, ErpProjectChangeBudget } from '@/api/oa/erp/erpProjectChange/types';
+import { useDict } from '@/utils/dict';
+// import approvalButton from '@/components/Workflow/approvalButton.vue';
+// import SubmitVerify from '@/components/Workflow/SubmitVerify.vue';
+// import ApprovalRecord from '@/components/Workflow/ApprovalRecord.vue';
 import SubmitVerify from '@/components/Process/submitVerify.vue';
 import ApprovalRecord from '@/components/Process/approvalRecord.vue';
 import ApprovalButton from '@/components/Process/approvalButton.vue';
+import { getErpProjectInfoList } from '@/api/oa/erp/projectInfo';
 
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
 const { project_category, change_type, project_phases } = toRefs<any>(proxy?.useDict('project_category', 'change_type', 'project_phases'));
@@ -236,8 +263,14 @@ const taskVariables = ref<Record<string, any>>({});
 const isViewMode = computed(() => routeParams.value.type === 'view');
 // 计算属性：判断是否为审批模式
 const isApprovalMode = computed(() => routeParams.value.type === 'approval');
-// 计算属性：判断表单是否可编辑
-const isFormEditable = computed(() => !isViewMode.value && !isApprovalMode.value);
+// 计算属性：判断表单是否可编辑（草稿状态且非查看/审批模式）
+const isFormEditable = computed(() => {
+  if (isViewMode.value || isApprovalMode.value) {
+    return false;
+  }
+  // 只有草稿状态才能编辑
+  return form.value.projectChangeStatus === '1';
+});
 const buttonLoading = computed(() => draftLoading.value || submitLoading.value);
 const approvalPageType = computed(() => {
   const type = routeParams.value.type as string | undefined;
@@ -296,6 +329,56 @@ const form = ref<ErpProjectChangeForm>({
   ...getDefaultForm()
 });
 
+// 添加项目选择功能（仅在新增且无projectId参数时显示）
+const projectInfoList = ref([]);
+const showProjectSelect = computed(() => {
+  const projectId = route.query.projectId as string;
+  return (!routeParams.value.projectChangeId || routeParams.value.projectChangeId === '0') && !projectId;
+});
+
+const loadProjectList = async () => {
+  if (showProjectSelect.value) {
+    try {
+      const res = await getErpProjectInfoList({});
+      if (res.code === 200) {
+        projectInfoList.value = res.data;
+      }
+    } catch (error) {
+      console.error('加载项目列表失败:', error);
+    }
+  }
+};
+
+// 项目选择变化时自动带出项目信息
+const handleProjectChange = async (projectId: string | number) => {
+  if (!projectId) return;
+
+  try {
+    const res = await prepareProjectChangeWithInfo(projectId);
+    if (res.code === 200) {
+      // 保留已填写的变更信息，只更新项目相关信息
+      const changeData = {
+        changeType: form.value.changeType,
+        currentStatus: form.value.currentStatus,
+        changeReason: form.value.changeReason,
+        followUpWork: form.value.followUpWork,
+        budgetList: form.value.budgetList,
+        progressList: form.value.progressList
+      };
+
+      Object.assign(form.value, res.data, changeData);
+
+      // 处理变更类型（多选）
+      if (form.value.changeType) {
+        changeTypeList.value = form.value.changeType.split(',');
+      }
+    }
+  } catch (error) {
+    console.error('加载项目信息失败:', error);
+    ElMessage.error('加载项目信息失败');
+  }
+};
+
 const resetFormState = async () => {
   form.value = { ...getDefaultForm() };
   changeTypeList.value = [];
@@ -436,18 +519,18 @@ const submitCallback = async () => {
 
 const loadFormData = async () => {
   await resetFormState();
-  
+
   // 获取路由参数
   routeParams.value = {
     ...route.params,
     ...route.query
   };
-  
+
   // 优先使用 query.id（审批/查看模式），其次使用 params.projectChangeId（列表编辑模式）
   const id = routeParams.value.id as string | number;
   const projectChangeId = route.params.projectChangeId as string;
   const projectId = route.query.projectId as string;
-  
+
   // 判断是否为查看/审批/编辑模式
   if (id && (routeParams.value.type === 'update' || routeParams.value.type === 'view' || routeParams.value.type === 'approval')) {
     // 审批/查看/编辑模式：根据 id 加载数据
@@ -491,7 +574,7 @@ const loadFormData = async () => {
   } else if (projectId) {
     // 新增模式：根据项目ID加载项目计划信息
     await loadProjectDataByProjectId(projectId);
-  } else {
+  } else if (!showProjectSelect.value) {
     proxy?.$modal.msgError('缺少必要的参数：项目ID或变更申请ID');
   }
 };
@@ -500,6 +583,7 @@ let skipNextActivated = false;
 
 onMounted(async () => {
   skipNextActivated = true;
+  await loadProjectList();
   await loadFormData();
 });
 
diff --git a/src/views/oa/erp/erpProjectChange/index.vue b/src/views/oa/erp/erpProjectChange/index.vue
index 2ca74d7..44e677d 100644
--- a/src/views/oa/erp/erpProjectChange/index.vue
+++ b/src/views/oa/erp/erpProjectChange/index.vue
@@ -4,9 +4,9 @@
             <div v-show="showSearch" class="mb-[10px]">
                 <el-card shadow="hover">
                     <el-form ref="queryFormRef" :model="queryParams" :inline="true" label-width='100px'>
-                                    <el-form-item label="项目ID" prop="projectId">
+<!--                                    <el-form-item label="项目ID" prop="projectId">
                                         <el-input v-model="queryParams.projectId" placeholder="请输入项目ID" clearable @keyup.enter="handleQuery" />
-                                    </el-form-item>
+                                    </el-form-item>-->
                                     <el-form-item label="项目编号" prop="projectCode">
                                         <el-input v-model="queryParams.projectCode" placeholder="请输入项目编号" clearable @keyup.enter="handleQuery" />
                                     </el-form-item>
@@ -18,7 +18,7 @@
                                             <el-option v-for="dict in project_category" :key="dict.value" :label="dict.label" :value="dict.value"/>
                                         </el-select>
                                     </el-form-item>
-                                    <el-form-item label="变更次数" prop="changeNumber">
+<!--                                    <el-form-item label="变更次数" prop="changeNumber">
                                         <el-input v-model="queryParams.changeNumber" placeholder="请输入变更次数" clearable @keyup.enter="handleQuery" />
                                     </el-form-item>
                                     <el-form-item label="项目经理ID" prop="projectManagerId">
@@ -59,16 +59,16 @@
                                     <el-form-item label="后续工作" prop="followUpWork">
                                         <el-input v-model="queryParams.followUpWork" placeholder="请输入后续工作" clearable @keyup.enter="handleQuery" />
                                     </el-form-item>
-                                    <el-form-item label="项目变更状态(1暂存 2审批中 3可用)" prop="projectChangeStatus">
-                                        <el-select v-model="queryParams.projectChangeStatus" placeholder="请选择项目变更状态(1暂存 2审批中 3可用)" clearable >
+                                    <el-form-item label="项目变更状态" prop="projectChangeStatus">
+                                        <el-select v-model="queryParams.projectChangeStatus" placeholder="请选择项目变更状态" clearable >
                                             <el-option v-for="dict in project_change_status" :key="dict.value" :label="dict.label" :value="dict.value"/>
                                         </el-select>
-                                    </el-form-item>
-                                    <el-form-item label="激活标识" prop="activeFlag">
+                                    </el-form-item>-->
+<!--                                    <el-form-item label="激活标识" prop="activeFlag">
                                         <el-select v-model="queryParams.activeFlag" placeholder="请选择激活标识" clearable >
                                             <el-option v-for="dict in active_flag" :key="dict.value" :label="dict.label" :value="dict.value"/>
                                         </el-select>
-                                    </el-form-item>
+                                    </el-form-item>-->
                         <el-form-item>
                             <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
                             <el-button icon="Refresh" @click="resetQuery">重置</el-button>
@@ -84,9 +84,9 @@
                     <el-col :span="1.5">
                         <el-button type="primary" plain icon="Plus" @click="handleAdd" v-hasPermi="['oa/erp:erpProjectChange:add']">新增</el-button>
                     </el-col>
-                    <el-col :span="1.5">
+                    <!-- <el-col :span="1.5">
                         <el-button type="success" plain icon="Edit" :disabled="single" @click="handleUpdate()" v-hasPermi="['oa/erp:erpProjectChange:edit']">修改</el-button>
-                    </el-col>
+                    </el-col> -->
                     <el-col :span="1.5">
                         <el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete()" v-hasPermi="['oa/erp:erpProjectChange:remove']">删除</el-button>
                     </el-col>
@@ -130,7 +130,7 @@
                         <el-table-column label="项目当前情况" align="center" prop="currentStatus" v-if="columns[17].visible"/>
                         <el-table-column label="变更原因" align="center" prop="changeReason" v-if="columns[18].visible"/>
                         <el-table-column label="后续工作" align="center" prop="followUpWork" v-if="columns[19].visible"/>
-                        <el-table-column label="项目变更状态(1暂存 2审批中 3可用)" align="center" prop="projectChangeStatus" v-if="columns[20].visible">
+                        <el-table-column label="项目变更状态" align="center" prop="projectChangeStatus" v-if="columns[20].visible">
                             <template #default="scope">
                                     <dict-tag :options="project_change_status" :value="scope.row.projectChangeStatus"/>
                             </template>
@@ -142,7 +142,7 @@
                                     <dict-tag :options="active_flag" :value="scope.row.activeFlag"/>
                             </template>
                         </el-table-column>
-                        <el-table-column label="创建人" align="center" prop="createBy" v-if="columns[26].visible"/>
+                        <el-table-column label="创建人" align="center" prop="createName" v-if="columns[26].visible"/>
                         <el-table-column label="创建时间" align="center" prop="createTime" width="180" v-if="columns[27].visible">
                             <template #default="scope">
                                 <span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
@@ -150,11 +150,25 @@
                         </el-table-column>
                 <el-table-column label="操作" align="center" fixed="right"  class-name="small-padding fixed-width">
                     <template #default="scope">
-                        <el-tooltip content="修改" placement="top">
+                        <!-- 查看按钮：非草稿状态显示 -->
+                        <el-tooltip v-if="scope.row.projectChangeStatus !== '1'" content="查看" placement="top">
+                            <el-button link type="primary" icon="View" @click="handleView(scope.row)"></el-button>
+                        </el-tooltip>
+                        <!-- 修改按钮：仅草稿状态显示 -->
+                        <el-tooltip v-if="scope.row.projectChangeStatus === '1'" content="修改" placement="top">
                             <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['oa/erp:erpProjectChange:edit']"></el-button>
                         </el-tooltip>
-                        <el-tooltip content="删除" placement="top">
-                            <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['oa/erp:erpProjectChange:remove']"></el-button>
+                        <!-- 新增变更按钮：完成状态显示 -->
+                        <el-tooltip v-if="scope.row.projectChangeStatus === '3'" content="新增变更" placement="top">
+                            <el-button link type="success" icon="Plus" @click="handleAddChange(scope.row)" v-hasPermi="['oa/erp:erpProjectChange:add']"></el-button>
+                        </el-tooltip>
+                        <!-- 审批记录按钮：审批中或完成状态显示 -->
+<!--                        <el-tooltip v-if="scope.row.projectChangeStatus === '2' || scope.row.projectChangeStatus === '3'" content="审批记录" placement="top">
+                            <el-button link type="info" icon="DocumentCopy" @click="handleApprovalRecord(scope.row)"></el-button>
+                        </el-tooltip>-->
+                        <!-- 删除按钮：仅草稿状态显示 -->
+                        <el-tooltip v-if="scope.row.projectChangeStatus === '1'" content="删除" placement="top">
+                            <el-button link type="danger" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['oa/erp:erpProjectChange:remove']"></el-button>
                         </el-tooltip>
                     </template>
                 </el-table-column>
@@ -162,120 +176,20 @@
 
             <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" />
         </el-card>
-        <!-- 添加或修改项目变更申请对话框 -->
-        <el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body>
-            <el-form ref="erpProjectChangeFormRef" :model="form" :rules="rules" label-width="120px">
-                            <el-form-item label="项目ID" prop="projectId">
-                                <el-input v-model="form.projectId" placeholder="请输入项目ID" />
-                            </el-form-item>
-                            <el-form-item label="项目编号" prop="projectCode">
-                                <el-input v-model="form.projectCode" placeholder="请输入项目编号" />
-                            </el-form-item>
-                            <el-form-item label="项目名称" prop="projectName">
-                                <el-input v-model="form.projectName" placeholder="请输入项目名称" />
-                            </el-form-item>
-                            <el-form-item label="项目类别" prop="projectCategory">
-                                <el-select v-model="form.projectCategory" placeholder="请选择项目类别">
-                                    <el-option
-                                        v-for="dict in project_category"
-                                        :key="dict.value"
-                                        :label="dict.label"
-                                        :value="dict.value"
-                                    ></el-option>
-                                </el-select>
-                            </el-form-item>
-                            <el-form-item label="变更类型" prop="changeType">
-                                <el-checkbox-group v-model="form.changeType">
-                                    <el-checkbox
-                                        v-for="dict in change_type"
-                                        :key="dict.value"
-                                        :label="dict.value">
-                                        {{dict.label}}
-                                    </el-checkbox>
-                                </el-checkbox-group>
-                            </el-form-item>
-                            <el-form-item label="变更次数" prop="changeNumber">
-                                <el-input v-model="form.changeNumber" placeholder="请输入变更次数" />
-                            </el-form-item>
-                            <el-form-item label="项目经理ID" prop="projectManagerId">
-                                <el-input v-model="form.projectManagerId" placeholder="请输入项目经理ID" />
-                            </el-form-item>
-                            <el-form-item label="项目经理姓名" prop="projectManagerName">
-                                <el-input v-model="form.projectManagerName" placeholder="请输入项目经理姓名" />
-                            </el-form-item>
-                            <el-form-item label="部门负责人ID" prop="deptHeadId">
-                                <el-input v-model="form.deptHeadId" placeholder="请输入部门负责人ID" />
-                            </el-form-item>
-                            <el-form-item label="部门负责人姓名" prop="deptHeadName">
-                                <el-input v-model="form.deptHeadName" placeholder="请输入部门负责人姓名" />
-                            </el-form-item>
-                            <el-form-item label="分管副总ID" prop="responsibleVpId">
-                                <el-input v-model="form.responsibleVpId" placeholder="请输入分管副总ID" />
-                            </el-form-item>
-                            <el-form-item label="分管副总姓名" prop="responsibleVpName">
-                                <el-input v-model="form.responsibleVpName" placeholder="请输入分管副总姓名" />
-                            </el-form-item>
-                            <el-form-item label="申请变更时间" prop="applyChangeDate">
-                                <el-date-picker clearable
-                                                v-model="form.applyChangeDate"
-                                                type="datetime"
-                                                value-format="YYYY-MM-DD HH:mm:ss"
-                                                placeholder="请选择申请变更时间">
-                                </el-date-picker>
-                            </el-form-item>
-                            <el-form-item label="项目合同额" prop="contractAmount">
-                                <el-input v-model="form.contractAmount" placeholder="请输入项目合同额" />
-                            </el-form-item>
-                            <el-form-item label="项目合同净额" prop="contractNetAmount">
-                                <el-input v-model="form.contractNetAmount" placeholder="请输入项目合同净额" />
-                            </el-form-item>
-                            <el-form-item label="变更原因" prop="changeReason">
-                                <el-input v-model="form.changeReason" type="textarea" placeholder="请输入内容" />
-                            </el-form-item>
-                            <el-form-item label="后续工作" prop="followUpWork">
-                                <el-input v-model="form.followUpWork" type="textarea" placeholder="请输入内容" />
-                            </el-form-item>
-                            <el-form-item label="项目变更状态(1暂存 2审批中 3可用)" prop="projectChangeStatus">
-                                <el-radio-group v-model="form.projectChangeStatus">
-                                    <el-radio
-                                        v-for="dict in project_change_status"
-                                        :key="dict.value"
-                                        :value="dict.value"
-                                    >{{dict.label}}</el-radio>
-                                </el-radio-group>
-                            </el-form-item>
-                            <el-form-item label="备注" prop="remark">
-                                <el-input v-model="form.remark" placeholder="请输入备注" />
-                            </el-form-item>
-                            <el-form-item label="激活标识" prop="activeFlag">
-                                <el-radio-group v-model="form.activeFlag">
-                                    <el-radio
-                                        v-for="dict in active_flag"
-                                        :key="dict.value"
-                                        :value="dict.value"
-                                    >{{dict.label}}</el-radio>
-                                </el-radio-group>
-                            </el-form-item>
-            </el-form>
-            <template #footer>
-                <div class="dialog-footer">
-                    <el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
-                    <el-button @click="cancel">取 消</el-button>
-                </div>
-            </template>
-        </el-dialog>
     </div>
 </template>
 
 <script setup name="ErpProjectChange" lang="ts">
-    import { listErpProjectChange, getErpProjectChange, delErpProjectChange, addErpProjectChange, updateErpProjectChange } from '@/api/oa/erp/erpProjectChange';
+    import { listErpProjectChange, delErpProjectChange } from '@/api/oa/erp/erpProjectChange';
     import { ErpProjectChangeVO, ErpProjectChangeQuery, ErpProjectChangeForm } from '@/api/oa/erp/erpProjectChange/types';
+    import { useRouter } from 'vue-router';
+
+    const router = useRouter();
 
     const { proxy } = getCurrentInstance() as ComponentInternalInstance;
         const { active_flag, change_type, project_change_status, project_category } = toRefs<any>(proxy?.useDict('active_flag', 'change_type', 'project_change_status', 'project_category'));
 
     const erpProjectChangeList = ref<ErpProjectChangeVO[]>([]);
-    const buttonLoading = ref(false);
     const loading = ref(true);
     const showSearch = ref(true);
     const ids = ref<Array<string | number>>([]);
@@ -284,12 +198,6 @@
     const total = ref(0);
 
     const queryFormRef = ref<ElFormInstance>();
-    const erpProjectChangeFormRef = ref<ElFormInstance>();
-
-    const dialog = reactive<DialogOption>({
-        visible: false,
-        title: ''
-    });
 
     // 列显隐信息
     const columns = ref<FieldOption[]>([
@@ -313,7 +221,7 @@
             { key: 17, label: `项目当前情况`, visible: false },
             { key: 18, label: `变更原因`, visible: false },
             { key: 19, label: `后续工作`, visible: false },
-            { key: 20, label: `项目变更状态`, visible: true },
+            { key: 20, label: `项目变更状态`, visible: false },
             { key: 21, label: `流程状态`, visible: false },
             { key: 22, label: `备注`, visible: false },
             { key: 23, label: `激活标识`, visible: false },
@@ -325,34 +233,7 @@
             { key: 29, label: `更新时间`, visible: false },
     ]);
 
-    const initFormData: ErpProjectChangeForm = {
-                        projectChangeId: undefined,
-                        projectId: undefined,
-                        projectCode: undefined,
-                        projectName: undefined,
-                        projectCategory: undefined,
-                        changeType: [],
-                        changeNumber: undefined,
-                        projectManagerId: undefined,
-                        projectManagerName: undefined,
-                        deptHeadId: undefined,
-                        deptHeadName: undefined,
-                        responsibleVpId: undefined,
-                        responsibleVpName: undefined,
-                        applyChangeDate: undefined,
-                        contractAmount: undefined,
-                        contractNetAmount: undefined,
-                        currentStatus: undefined,
-                        changeReason: undefined,
-                        followUpWork: undefined,
-                        projectChangeStatus: undefined,
-                        flowStatus: undefined,
-                        remark: undefined,
-                        activeFlag: undefined,
-    }
-    const data = reactive<PageData<ErpProjectChangeForm, ErpProjectChangeQuery>>({
-        form: {...initFormData},
-        queryParams: {
+    const queryParams = reactive<ErpProjectChangeQuery>({
             pageNum: 1,
             pageSize: 10,
                             projectId: undefined,
@@ -378,22 +259,8 @@
                             activeFlag: undefined,
             params: {
             }
-        },
-        rules: {
-                            projectChangeId: [
-                            { required: true, message: "项目变更ID不能为空", trigger: "blur" }
-                        ],
-                            projectId: [
-                            { required: true, message: "项目ID不能为空", trigger: "blur" }
-                        ],
-                            applyChangeDate: [
-                            { required: true, message: "申请变更时间不能为空", trigger: "blur" }
-                        ],
-        }
     });
 
-    const { queryParams, form, rules } = toRefs(data);
-
     /** 查询项目变更申请列表 */
     const getList = async () => {
         loading.value = true;
@@ -403,18 +270,6 @@
         loading.value = false;
     }
 
-    /** 取消按钮 */
-    const cancel = () => {
-        reset();
-        dialog.visible = false;
-    }
-
-    /** 表单重置 */
-    const reset = () => {
-        form.value = {...initFormData};
-            erpProjectChangeFormRef.value?.resetFields();
-    }
-
     /** 搜索按钮操作 */
     const handleQuery = () => {
         queryParams.value.pageNum = 1;
@@ -436,38 +291,33 @@
 
     /** 新增按钮操作 */
     const handleAdd = () => {
-        reset();
-        dialog.visible = true;
-        dialog.title = "添加项目变更申请";
+        // 跳转到编辑页面（新增模式）
+        router.push('/oa/erp/erpProjectChange/edit/0');
     }
 
     /** 修改按钮操作 */
-    const handleUpdate = async (row?: ErpProjectChangeVO) => {
-        reset();
-        const _projectChangeId = row?.projectChangeId || ids.value[0]
-        const res = await getErpProjectChange(_projectChangeId);
-        Object.assign(form.value, res.data);
-                form.value.changeType = form.value.changeType.split(",");
-        dialog.visible = true;
-        dialog.title = "修改项目变更申请";
+    const handleUpdate = (row?: ErpProjectChangeVO) => {
+        const _projectChangeId = row?.projectChangeId || ids.value[0];
+        // 跳转到编辑页面（编辑模式）
+        router.push(`/oa/erp/erpProjectChange/edit/${_projectChangeId}`);
     }
 
-    /** 提交按钮 */
-    const submitForm = () => {
-            erpProjectChangeFormRef.value?.validate(async (valid: boolean) => {
-            if (valid) {
-                buttonLoading.value = true;
-                        form.value.changeType = form.value.changeType.join(",");
-                if (form.value.projectChangeId) {
-                    await updateErpProjectChange(form.value).finally(() =>  buttonLoading.value = false);
-                } else {
-                    await addErpProjectChange(form.value).finally(() =>  buttonLoading.value = false);
-                }
-                proxy?.$modal.msgSuccess("操作成功");
-                dialog.visible = false;
-                await getList();
-            }
-        });
+    /** 查看按钮操作 */
+    const handleView = (row: ErpProjectChangeVO) => {
+        // 跳转到查看页面（查看模式）
+        router.push(`/oa/erp/erpProjectChange/edit/${row.projectChangeId}?type=view`);
+    }
+
+    /** 新增变更按钮操作 */
+    const handleAddChange = (row: ErpProjectChangeVO) => {
+        // 从完成状态的变更记录新增变更，传递projectId
+        router.push(`/oa/erp/erpProjectChange/edit/0?projectId=${row.projectId}`);
+    }
+
+    /** 审批记录按钮操作 */
+    const handleApprovalRecord = (row: ErpProjectChangeVO) => {
+        // 跳转到查看页面并显示审批记录
+        router.push(`/oa/erp/erpProjectChange/edit/${row.projectChangeId}?type=view`);
     }
 
     /** 删除按钮操作 */