From f10cf167372f2d8c4c0e14f42f361d7ab96d8347 Mon Sep 17 00:00:00 2001
From: spring <2396852758@qq.com>
Date: 星期五, 03 七月 2026 13:59:00 +0800
Subject: [PATCH] Merge branch 'dev_pro2.0' of http://114.132.189.42:9002/r/mom-pro2-before into dev_pro2.0

---
 src/views/mes/pd/project/modules/version-change/version-change-list.vue |  186 ++++++++++++++++++++++++++++++++++++++++++++++
 1 files changed, 186 insertions(+), 0 deletions(-)

diff --git a/src/views/mes/pd/project/modules/version-change/version-change-list.vue b/src/views/mes/pd/project/modules/version-change/version-change-list.vue
new file mode 100644
index 0000000..4cb2a67
--- /dev/null
+++ b/src/views/mes/pd/project/modules/version-change/version-change-list.vue
@@ -0,0 +1,186 @@
+<script lang="ts" setup>
+import type { FormType } from '../../data';
+
+import type { VxeTableGridOptions } from '#/adapter/vxe-table';
+import type { MesPdVersionChangeApi } from '#/api/mes/pd/version-change';
+
+import { computed } from 'vue';
+
+import { useVbenModal } from '#/packages/effects/common-ui/src';
+
+import { message } from 'ant-design-vue';
+
+import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
+import {
+  approvePdVersionChange,
+  deletePdVersionChange,
+  getPdVersionChangePage,
+} from '#/api/mes/pd/version-change';
+import { $t } from '#/locales';
+
+import {
+  useVersionChangeGridColumns,
+  useVersionChangeGridFormSchema,
+} from './data';
+import VersionChangeForm from './version-change-form.vue';
+
+const props = withDefaults(
+  defineProps<{
+    formType: FormType;
+    gridHeight?: number | string;
+    projectId: number;
+    projectVersion?: string;
+    selectable?: boolean;
+  }>(),
+  {
+    gridHeight: 360,
+    selectable: false,
+  },
+);
+
+const emit = defineEmits<{
+  viewMaterials: [row: MesPdVersionChangeApi.VersionChange];
+}>();
+
+const isEditable = computed(() =>
+  ['create', 'update'].includes(props.formType),
+);
+
+const [FormModal, formModalApi] = useVbenModal({
+  connectedComponent: VersionChangeForm,
+  destroyOnClose: true,
+});
+
+function handleRefresh() {
+  gridApi.query();
+}
+
+function handleCreate() {
+  formModalApi
+    .setData({
+      formType: 'create',
+      projectId: props.projectId,
+      fromVersion: props.projectVersion,
+    })
+    .open();
+}
+
+function handleDetail(row: MesPdVersionChangeApi.VersionChange) {
+  if (!isEditable.value) {
+    emit('viewMaterials', row);
+    return;
+  }
+  formModalApi.setData({ formType: 'detail', id: row.id }).open();
+}
+
+function handleEdit(row: MesPdVersionChangeApi.VersionChange) {
+  formModalApi.setData({ formType: 'update', id: row.id }).open();
+}
+
+async function handleApprove(row: MesPdVersionChangeApi.VersionChange) {
+  await approvePdVersionChange(row.id!);
+  message.success('鐗堟湰鍙樻洿宸叉壒鍑�');
+  handleRefresh();
+}
+
+async function handleDelete(row: MesPdVersionChangeApi.VersionChange) {
+  await deletePdVersionChange(row.id!);
+  message.success($t('ui.actionMessage.deleteSuccess', [row.code]));
+  handleRefresh();
+}
+
+function handleSelectRow(row: MesPdVersionChangeApi.VersionChange) {
+  emit('viewMaterials', row);
+}
+
+const [Grid, gridApi] = useVbenVxeGrid({
+  formOptions: { schema: useVersionChangeGridFormSchema() },
+  gridOptions: {
+    columns: useVersionChangeGridColumns(!props.selectable),
+    height: props.gridHeight,
+    keepSource: true,
+    proxyConfig: {
+      ajax: {
+        query: async ({ page }, formValues) => {
+          return await getPdVersionChangePage({
+            pageNo: page.currentPage,
+            pageSize: page.pageSize,
+            projectId: props.projectId,
+            ...formValues,
+          });
+        },
+      },
+    },
+    rowConfig: {
+      keyField: 'id',
+      isCurrent: props.selectable,
+      isHover: true,
+    },
+    toolbarConfig: { refresh: true, search: true },
+  } as VxeTableGridOptions<MesPdVersionChangeApi.VersionChange>,
+  gridEvents: props.selectable
+    ? {
+        cellClick: ({ row }: { row: MesPdVersionChangeApi.VersionChange }) => {
+          handleSelectRow(row);
+        },
+      }
+    : undefined,
+});
+</script>
+
+<template>
+  <FormModal @success="handleRefresh" />
+  <Grid :table-title="selectable ? '鐗堟湰鍙樻洿璁板綍' : undefined">
+    <template v-if="isEditable" #toolbar-tools>
+      <TableAction
+        :actions="[
+          {
+            label: $t('ui.actionTitle.create', ['鐗堟湰鍙樻洿']),
+            type: 'primary',
+            icon: ACTION_ICON.ADD,
+            auth: ['mes:pd-version-change:create'],
+            onClick: handleCreate,
+          },
+        ]"
+      />
+    </template>
+    <template #actions="{ row }">
+      <TableAction
+        :actions="[
+          {
+            label: isEditable ? '鏌ョ湅' : '鏌ョ湅璧勬枡',
+            type: 'link',
+            onClick: handleDetail.bind(null, row),
+          },
+          {
+            label: $t('common.edit'),
+            type: 'link',
+            icon: ACTION_ICON.EDIT,
+            auth: ['mes:pd-version-change:update'],
+            ifShow: isEditable,
+            onClick: handleEdit.bind(null, row),
+          },
+          {
+            label: '鎵瑰噯',
+            type: 'link',
+            auth: ['mes:pd-version-change:approve'],
+            ifShow: isEditable,
+            onClick: handleApprove.bind(null, row),
+          },
+          {
+            label: $t('common.delete'),
+            type: 'link',
+            danger: true,
+            icon: ACTION_ICON.DELETE,
+            auth: ['mes:pd-version-change:delete'],
+            ifShow: isEditable,
+            popConfirm: {
+              title: $t('ui.actionMessage.deleteConfirm', [row.code]),
+              confirm: handleDelete.bind(null, row),
+            },
+          },
+        ]"
+      />
+    </template>
+  </Grid>
+</template>

--
Gitblit v1.9.3