From b4194ffe6d3799f3bd592bf32c4d57f2ab46d5b4 Mon Sep 17 00:00:00 2001
From: lSun <15893999301@qq.com>
Date: Sat, 29 Nov 2025 17:59:56 +0800
Subject: [PATCH] =?UTF-8?q?=20=E6=A1=A3=E6=A1=88=E7=A7=BB=E4=BA=A4?=
 =?UTF-8?q?=E7=94=B3=E8=AF=B7=EF=BC=8C=E5=AE=A1=E6=A0=B8=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/fileTransfer/audit.vue              |   2 +-
 .../fileTransfer/components/data-detail.vue   | 419 ++++++++++++++++++
 .../fileTransfer/components/maintenance.vue   | 180 ++++++++
 .../fileTransfer/components/recordList.vue    | 227 ++++++++++
 src/views/fileTransfer/prop/detail-data.vue   |  15 +-
 src/views/fileTransfer/record.vue             | 132 ++++--
 6 files changed, 929 insertions(+), 46 deletions(-)
 create mode 100644 src/views/fileTransfer/components/data-detail.vue
 create mode 100644 src/views/fileTransfer/components/maintenance.vue
 create mode 100644 src/views/fileTransfer/components/recordList.vue

diff --git a/src/views/fileTransfer/audit.vue b/src/views/fileTransfer/audit.vue
index 3931bec3..cd20f11f 100644
--- a/src/views/fileTransfer/audit.vue
+++ b/src/views/fileTransfer/audit.vue
@@ -270,7 +270,7 @@ const handleDetail = (rowData) => {
     query: {
       id: rowData.id ?? '0',
       proId: rowData.proId ?? '0',
-      viewStatus: 'detail',
+      viewStatus: 'audit',
       auditStatus: getStatusText2(rowData.auditStatus),
     }
   })
diff --git a/src/views/fileTransfer/components/data-detail.vue b/src/views/fileTransfer/components/data-detail.vue
new file mode 100644
index 00000000..0f6fc974
--- /dev/null
+++ b/src/views/fileTransfer/components/data-detail.vue
@@ -0,0 +1,419 @@
+<template>
+  <div class="detail-container">
+    <!-- 返回按钮 -->
+    <div class="back-btn">
+      <el-button type="danger" plain :icon="Close" size="mini" @click="handleClose">
+        返回
+      </el-button>
+    </div>
+
+    <!-- 移交内容区域 -->
+    <div class="content-section">
+      <div class="section-title">
+        <div class="title-bar"></div>
+        <span>移交内容</span>
+      </div>
+      <div class="content-info">
+        <span class="project-name">{{ projectName }}</span>
+        <span class="receiving-org">接收组织: {{ receivingOrg }}</span>
+      </div>
+    </div>
+
+    <!-- 文件详情表格 -->
+    <div class="table-section">
+      <!-- 移交记录视图 -->
+      <el-table
+        v-if="viewStatus === 'record'"
+        :data="fileList"
+        border
+        style="width: 100%"
+        class="detail-table"
+        max-height="800"
+      >
+        <el-table-column type="index" label="序号" width="80" align="center" />
+        <el-table-column prop="proName" label="项目名称" min-width="150">
+          <template #default="{ row }">
+            {{ row.proName || '--' }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="singleProName" label="单项工程名称" min-width="150">
+          <template #default="{ row }">
+            {{ row.singleProName || '--' }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="transferTime" label="移交时间" min-width="120">
+          <template #default="{ row }">
+            {{ row.transferTime || '--' }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="archiveName" label="档案名称" min-width="300">
+          <template #default="{ row }">
+            <div class="archive-name-cell file-name-link" @click="viewFile(row)">
+              {{ row.archiveName }}
+            </div>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <!-- 接收视图 -->
+      <el-table
+        v-if="viewStatus === 'accept'"
+        :data="fileList"
+        border
+        style="width: 100%"
+        class="detail-table"
+        max-height="800"
+      >
+        <el-table-column type="index" label="序号" width="80" align="center" />
+        <el-table-column prop="transferTime" label="移交时间" min-width="150">
+          <template #default="{ row }">
+            {{ row.transferTime || '--' }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="archiveName" label="档案名称" min-width="300">
+          <template #default="{ row }">
+            <div class="archive-name-cell file-name-link" @click="viewFile(row)">
+              {{ row.archiveName }}
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column label="接收状态" min-width="120">
+          <template #default="{ row }">
+            <el-tag :type="row.receiveStatus === '1' ? 'success' : 'danger'">
+              {{ row.receiveStatus === '1' ? '已接收' : '未接收' }}
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" min-width="100" v-if="viewStatus === 'accept'">
+          <template #default="{ row }">
+            <el-button
+              v-if="row.receiveStatus === '0'"
+              plain
+              :icon="Check"
+              type="primary"
+              size="mini"
+              @click="handleAccept(row)"
+            >
+              确认接收
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+
+    <!-- 确认接收弹窗 -->
+    <el-dialog
+      v-model="confirmDialogVisible"
+      :close-on-click-modal="false"
+      :close-on-press-escape="false"
+      :show-close="true"
+      width="450px"
+    >
+      <template #header>
+        <div class="dialog-title">操作确认</div>
+      </template>
+      <div class="confirm-content">
+        <div class="confirm-icon">
+          <el-icon><QuestionFilled /></el-icon>
+        </div>
+        <div class="confirm-text">
+          <p class="main-message">移交接收确认?</p>
+          <p class="sub-message">确定该档案已经接收完成吗？</p>
+        </div>
+      </div>
+      <template #footer>
+        <el-button class="clear-btn" @click="confirmDialogVisible = false">取消</el-button>
+        <el-button type="primary" class="search-btn" @click="confirmTransferStatus">
+          确定
+        </el-button>
+      </template>
+    </el-dialog>
+
+    <!-- 预览文件 -->
+    <ViewFile
+      v-if="isViewFlag"
+      :row-data="currentRow"
+      title="预览"
+      @close-dialog="isViewFlag = false"
+      :width="600"
+    />
+  </div>
+</template>
+
+<script setup>
+import { ref, onMounted, onBeforeUnmount, nextTick } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
+import { ElMessage } from 'element-plus';
+import {
+  Close,
+  Check,
+  QuestionFilled
+} from '@element-plus/icons-vue';
+
+// API
+import { getTransferRecordDetailApi } from '@/api/filesTransfer/record';
+import { getTransferReceiceDetailApi, transferReceiveApi } from '@/api/filesTransfer/accept';
+
+// Components
+import ViewFile from '@/views/viewFile/viewFile.vue';
+
+// Route & Router
+const route = useRoute();
+const router = useRouter();
+
+// ================== Refs ==================
+const id = route.query.id;
+const proId = route.query.proId;
+const viewStatus = route.query.viewStatus;
+
+const projectName = ref('');
+const receivingOrg = ref('');
+const fileList = ref([]);
+const confirmDialogVisible = ref(false);
+const isViewFlag = ref(false);
+const currentRow = ref({});
+const currentForm = ref({});
+
+// ================== Methods ==================
+const viewFile = (row) => {
+  currentRow.value = row;
+  isViewFlag.value = true;
+};
+
+const handleClose = () => {
+  let path = '';
+  if (viewStatus === 'record') {
+    path = '/archivesManagement/filesTransfer/record';
+  } else {
+    path = '/archivesManagement/filesTransfer/accept';
+  }
+
+  // 模拟 tab 关闭并跳转（根据你的实际逻辑调整）
+  // 如果你使用的是 keep-alive + tab，可能需要调用全局方法
+  // 这里简化为直接返回
+  router.push(path);
+};
+
+const initData = async () => {
+  fileList.value = [];
+  try {
+    const api =
+      viewStatus === 'accept'
+        ? getTransferReceiceDetailApi
+        : getTransferRecordDetailApi;
+
+    const res = await api({ id, proId });
+
+    projectName.value = res?.data?.proName || '/';
+    receivingOrg.value = res?.data?.deptName || '/';
+
+    if (Array.isArray(res.data.transferFileDtos)) {
+      fileList.value = res.data.transferFileDtos.map((item) => ({
+        id: item.id,
+        proName: item.proName,
+        singleProName: item.singleProName,
+        transferTime: item.transferTime,
+        archiveName:
+          `${item.parParentName || ''}/${item.parentName || ''}/${item.fileName}`.replace(/^\/+/, ''),
+        receiveStatus: item.receiveStatus || '0',
+        transferDate: item.transferDate,
+        fileId: item.fileId || '',
+        proId: item.proId || ''
+      }));
+    }
+  } catch (error) {
+    console.error('加载详情失败', error);
+    ElMessage.error('加载数据失败');
+  }
+};
+
+const handleAccept = (row) => {
+  currentForm.value = row;
+  confirmDialogVisible.value = true;
+};
+
+const confirmTransferStatus = async () => {
+  const { id: fileId, proId: rowProId } = currentForm.value;
+  const transferApplyId = id;
+
+  try {
+    const res = await transferReceiveApi({
+      id: fileId,
+      transferApplyId,
+      proId: rowProId
+    });
+
+    confirmDialogVisible.value = false;
+
+    if (res.code === 200) {
+      ElMessage.success(res.msg || '确认接收成功');
+      await refreshData();
+    } else {
+      ElMessage.error(res.msg || '确认接收失败');
+    }
+  } catch (error) {
+    ElMessage.error('操作失败');
+    console.error(error);
+  }
+};
+
+const refreshData = async () => {
+  fileList.value = [];
+  try {
+    const res = await getTransferReceiceDetailApi({ id, proId });
+    if (Array.isArray(res.data.transferFileDtos)) {
+      fileList.value = res.data.transferFileDtos.map((item) => ({
+        id: item.id,
+        proName: item.proName,
+        singleProName: item.singleProName,
+        transferTime: item.transferTime,
+        archiveName:
+          `${item.parParentName || ''}/${item.parentName || ''}/${item.fileName}`.replace(/^\/+/, ''),
+        receiveStatus: item.receiveStatus || '0',
+        transferDate: item.transferDate,
+        fileId: item.fileId || '',
+        proId: item.proId || ''
+      }));
+    }
+  } catch (error) {
+    console.error('刷新失败', error);
+  }
+};
+
+// ================== Lifecycle ==================
+onMounted(() => {
+  document.body.style.overflow = 'hidden';
+  initData();
+});
+
+onBeforeUnmount(() => {
+  document.body.style.overflow = 'auto';
+});
+</script>
+
+<style scoped lang="scss">
+.detail-container {
+  padding: 20px;
+  background: #fff;
+  height: calc(100vh - 120px);
+  overflow-y: auto;
+  box-sizing: border-box;
+
+  &::-webkit-scrollbar {
+    width: 6px;
+    background: #f5f5f5;
+  }
+  &::-webkit-scrollbar-track {
+    background: #f5f5f5;
+    border-radius: 3px;
+  }
+  &::-webkit-scrollbar-thumb {
+    background: #c0c4cc;
+    border-radius: 3px;
+    transition: background 0.3s;
+  }
+  &::-webkit-scrollbar-thumb:hover {
+    background: #909399;
+  }
+}
+
+.status-section {
+  text-align: center;
+  margin-bottom: 40px;
+  .status-icon {
+    margin-bottom: 15px;
+    i {
+      font-size: 80px;
+      color: #409eff;
+    }
+  }
+  .status-text {
+    font-size: 24px;
+    font-weight: bold;
+    color: #333;
+  }
+}
+
+.content-section {
+  margin-bottom: 30px;
+  .section-title {
+    display: flex;
+    align-items: center;
+    margin-bottom: 15px;
+    .title-bar {
+      width: 4px;
+      height: 20px;
+      background: #409eff;
+      margin-right: 10px;
+    }
+    span {
+      font-size: 18px;
+      font-weight: bold;
+      color: #333;
+    }
+  }
+  .content-info {
+    display: flex;
+    align-items: center;
+    gap: 30px;
+    .project-name {
+      font-size: 16px;
+      color: #333;
+    }
+    .receiving-org {
+      font-size: 14px;
+      color: #666;
+    }
+  }
+}
+
+.table-section {
+  margin-bottom: 30px;
+  .detail-table {
+    .archive-name-cell {
+      white-space: normal;
+      word-break: break-word;
+      line-height: 1.4;
+    }
+  }
+}
+
+.back-btn {
+  height: 50px;
+}
+
+/* 确认弹框样式 */
+.confirm-content {
+  display: flex;
+  align-items: flex-start;
+  padding: 20px 0;
+}
+.confirm-icon {
+  font-size: 48px;
+  color: #e6a23c;
+  margin-right: 16px;
+  flex-shrink: 0;
+}
+.confirm-text {
+  flex: 1;
+}
+.main-message {
+  margin: 0 0 8px 0;
+  font-size: 16px;
+  color: #303133;
+  line-height: 1.5;
+}
+.sub-message {
+  margin: 0;
+  font-size: 14px;
+  color: #909399;
+  line-height: 1.4;
+}
+.file-name-link {
+  color: #409eff;
+  cursor: pointer;
+}
+.file-name-link:hover {
+  text-decoration: underline;
+}
+</style>
diff --git a/src/views/fileTransfer/components/maintenance.vue b/src/views/fileTransfer/components/maintenance.vue
new file mode 100644
index 00000000..96e618d4
--- /dev/null
+++ b/src/views/fileTransfer/components/maintenance.vue
@@ -0,0 +1,180 @@
+<template>
+  <el-dialog
+    class="l-dialog"
+    :class="lDialog"
+    :title="title"
+    v-model="dialogVisible"
+    :show-close="true"
+    :close-on-click-modal="false"
+    @close="handleClose"
+    append-to-body
+    :width="width > 500 ? '700px' : '500px'"
+  >
+    <el-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      label-width="110px"
+      :disabled="disabled"
+    >
+      <el-form-item label="文件名称" prop="fileName">
+        <el-input
+          v-model="form.fileName"
+          clearable
+          show-word-limit
+          placeholder="请输入文件名称"
+          maxlength="64"
+          style="width: 100%"
+        />
+      </el-form-item>
+    </el-form>
+
+    <template #footer>
+      <el-button class="clear-btn" @click="handleClose" :disabled="disabled">
+        取消
+      </el-button>
+      <el-button
+        type="primary"
+        class="search-btn"
+        :disabled="disabled"
+        @click="submitForm"
+      >
+        确认
+      </el-button>
+    </template>
+  </el-dialog>
+</template>
+
+<script setup>
+import { ref, computed, watch } from 'vue';
+import { ElMessage, ElLoading } from 'element-plus';
+import { updateTransferRecordFileApi } from '@/api/filesTransfer/record';
+
+// ================== Props & Emits ==================
+const props = defineProps({
+  modelValue: Boolean, // v-model:visible
+  rowData: Object,
+  title: {
+    type: String,
+    default: '维护'
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  },
+  width: {
+    type: Number,
+    default: 500
+  }
+});
+
+const emit = defineEmits(['update:modelValue', 'closeDialog', 'handleQuery']);
+
+// ================== Refs ==================
+const dialogVisible = ref(false);
+const formRef = ref(null);
+const form = ref({
+  id: null,
+  fileName: ''
+});
+
+const rules = {
+  fileName: [
+    { required: true, message: '请输入文件名称', trigger: 'blur' }
+  ]
+};
+
+const lDialog = computed(() => (props.width > 500 ? 'w700' : 'w500'));
+
+// ================== Methods ==================
+const initFormData = () => {
+  if (props.rowData) {
+    form.value = {
+      id: props.rowData.fileId || null,
+      fileName: props.rowData.fileName || ''
+    };
+  } else {
+    form.value = { id: null, fileName: '' };
+  }
+};
+
+const handleClose = () => {
+  dialogVisible.value = false;
+  emit('update:modelValue', false);
+  emit('closeDialog');
+};
+
+const submitForm = async () => {
+  if (!formRef.value) return;
+
+  try {
+    await formRef.value.validate();
+    const loading = ElLoading.service({
+      lock: true,
+      text: '数据提交中，请稍候...',
+      background: 'rgba(0,0,0,0.5)'
+    });
+
+    try {
+      const params = { ...form.value };
+      const res = await updateTransferRecordFileApi(params);
+
+      loading.close();
+
+      if (res.data.code === 200) {
+        ElMessage.success(res.data.msg);
+        emit('handleQuery');
+        handleClose();
+      } else {
+        ElMessage.error(res.data.msg);
+      }
+    } catch (error) {
+      loading.close();
+      // ElMessage.error('提交失败，请重试');
+      console.error(error);
+    }
+  } catch (error) {
+    // 表单验证未通过，无需处理
+  }
+};
+
+// ================== Watch & Lifecycle ==================
+watch(
+  () => props.modelValue,
+  (val) => {
+    dialogVisible.value = val;
+    if (val) {
+      initFormData();
+    }
+  },
+  { immediate: true }
+);
+
+// 监听 rowData 变化（可选，用于动态更新）
+watch(
+  () => props.rowData,
+  () => {
+    if (dialogVisible.value) {
+      initFormData();
+    }
+  }
+);
+</script>
+
+<style scoped>
+.l-dialog .el-dialog__header .el-dialog__title {
+  font-size: 16px;
+}
+.w700 .el-dialog {
+  width: 700px;
+}
+.w500 .el-dialog {
+  width: 500px;
+}
+.form-item {
+  width: 100%;
+}
+.clear-btn {
+  margin-right: 10px;
+}
+</style>
diff --git a/src/views/fileTransfer/components/recordList.vue b/src/views/fileTransfer/components/recordList.vue
new file mode 100644
index 00000000..128fe20f
--- /dev/null
+++ b/src/views/fileTransfer/components/recordList.vue
@@ -0,0 +1,227 @@
+<template>
+  <!-- 小型弹窗，用于查看移交清单/进度 -->
+  <el-dialog
+    class="l-dialog"
+    :class="lDialog"
+    :title="title"
+    v-model="dialogVisible"
+    :show-close="true"
+    :close-on-click-modal="false"
+    @close="handleClose"
+    append-to-body
+    width="700px"
+  >
+    <el-table
+      :data="tableData"
+      style="width: 100%"
+      border
+      header-align="center"
+      max-height="600"
+    >
+      <el-table-column type="index" label="序号" width="80" align="center" />
+
+      <el-table-column
+        v-for="item in tableColumns"
+        :key="item.prop"
+        :prop="item.prop"
+        :label="item.label"
+        align="center"
+      >
+        <template #default="scope">
+          <span
+            v-if="item.prop === 'fileName'"
+            class="file-name-link"
+            @click="viewFile(scope.row)"
+            style="color: #409eff; cursor: pointer"
+          >
+            {{ scope.row.fileName }}
+          </span>
+          <span v-else>
+            {{ scope.row[item.prop] }}
+          </span>
+        </template>
+      </el-table-column>
+
+      <el-table-column label="操作" width="100" align="center">
+        <template #default="scope">
+          <el-button
+            v-if="jumpType === 'list' && scope.row.transferStatus === '进行中'"
+            plain
+            type="primary"
+            size="small"
+            @click="handleMaintenance(scope.row)"
+            :disabled="!hasPermission(['record:file:update'])"
+          >
+            维护
+          </el-button>
+          <el-button
+            v-if="jumpType === 'progress' && scope.row.transferStatus === '进行中'"
+            plain
+            type="primary"
+            size="small"
+            @click="transfer(scope.row)"
+            :disabled="!hasPermission(['record:file:transfer'])"
+          >
+            移交
+          </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <!-- 预览文件 -->
+    <ViewFile
+      v-if="isViewFlag"
+      :row-data="currentRow"
+      title="预览"
+      @close-dialog="isViewFlag = false"
+      :width="600"
+    />
+
+    <!-- 维护弹窗 -->
+    <Maintenance
+      v-if="isMaintenanceVisible"
+      :row-data="maintenanceRow"
+      title="维护"
+      @close-dialog="isMaintenanceVisible = false"
+      :width="600"
+      @handle-query="handleQuery"
+    />
+  </el-dialog>
+</template>
+
+<script setup>
+import { ref, computed, onMounted, watch } from 'vue';
+import { ElMessage, ElMessageBox, ElLoading } from 'element-plus';
+import { getTransferRecordFilesApi, updateTransferRecordFilesStatusApi } from '@/api/filesTransfer/record';
+import Maintenance from './maintenance.vue';
+import ViewFile from '@/views/viewFile/viewFile.vue';
+
+// ================== Props & Emits ==================
+const props = defineProps({
+  modelValue: Boolean, // v-model:visible
+  title: String,
+  rowData: Object,
+  jumpType: {
+    type: String,
+    required: true,
+    validator: (val) => ['list', 'progress'].includes(val)
+  }
+});
+
+const emit = defineEmits(['update:modelValue', 'close', 'handle-query']);
+
+// ================== Refs ==================
+const dialogVisible = ref(false);
+const tableData = ref([]);
+const currentRow = ref(null);
+const isViewFlag = ref(false);
+const isMaintenanceVisible = ref(false);
+const maintenanceRow = ref(null);
+
+const lDialog = computed(() => (props.title?.length > 10 ? 'w700' : 'w500'));
+
+// 动态列
+const tableColumns = computed(() => {
+  if (props.jumpType === 'list') {
+    return [
+      { prop: 'parParentName', label: '所属分类' },
+      { prop: 'parentName', label: '所属案卷' },
+      { prop: 'fileName', label: '文件名称' }
+    ];
+  } else {
+    return [
+      { prop: 'parParentName', label: '所属分类' },
+      { prop: 'parentName', label: '所属案卷' },
+      { prop: 'fileName', label: '文件名称' },
+      { prop: 'transferStatus', label: '进度' }
+    ];
+  }
+});
+
+// ================== Methods ==================
+const initFormData = async () => {
+  if (!props.rowData?.id) return;
+  const res = await getTransferRecordFilesApi({ transferApplyId: props.rowData.id });
+  if (Array.isArray(res.data.data)) {
+    tableData.value = res.data.data.map(item => ({
+      ...item,
+      transferStatus: (item.transferStatus ?? '0') === '0' ? '进行中' : '已完成'
+    }));
+  }
+};
+
+const viewFile = (row) => {
+  currentRow.value = row;
+  isViewFlag.value = true;
+};
+
+const handleMaintenance = (row) => {
+  maintenanceRow.value = row;
+  isMaintenanceVisible.value = true;
+};
+
+const transfer = (row) => {
+  ElMessageBox.confirm(`是否确认移交文件名称为 "${row.fileName}" 的数据项？`, '提示', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning'
+  }).then(async () => {
+    const loading = ElLoading.service({ text: '正在移交，请稍候...' });
+    try {
+      const res = await updateTransferRecordFilesStatusApi({
+        transferApplyId: props.rowData.id,
+        id: row.fileId,
+        transferStatus: '1'
+      });
+      loading.close();
+      if (res.data.code === 200) {
+        ElMessage.success(res.data.msg);
+        await handleQuery();
+        emit('handle-query');
+      } else {
+        ElMessage.error(res.data.msg);
+      }
+    } catch (error) {
+      loading.close();
+    }
+  });
+};
+
+const handleQuery = async () => {
+  await initFormData();
+};
+
+const handleClose = () => {
+  dialogVisible.value = false;
+  emit('update:modelValue', false);
+  emit('close');
+};
+
+// ================== Watch & Lifecycle ==================
+watch(
+  () => props.modelValue,
+  (val) => {
+    dialogVisible.value = val;
+    if (val) {
+      initFormData();
+    }
+  },
+  { immediate: true }
+);
+
+onMounted(() => {
+  if (props.modelValue) {
+    initFormData();
+  }
+});
+</script>
+
+<style scoped>
+.l-dialog .el-dialog__header .el-dialog__title {
+  font-size: 16px;
+}
+.file-name-link {
+  color: #409eff;
+  cursor: pointer;
+}
+</style>
diff --git a/src/views/fileTransfer/prop/detail-data.vue b/src/views/fileTransfer/prop/detail-data.vue
index 31bc5580..3e01f728 100644
--- a/src/views/fileTransfer/prop/detail-data.vue
+++ b/src/views/fileTransfer/prop/detail-data.vue
@@ -90,10 +90,10 @@
           />
         </div>
         <div class="approval-actions">
-          <el-button type="primary" @click="handleApprove" v-hasPermi="['transfer:apply:audit']">
+          <el-button type="primary" @click="handleApprove">
             同意
           </el-button>
-          <el-button type="danger" @click="handleReject" v-hasPermi="['transfer:apply:audit']">
+          <el-button type="danger" @click="handleReject">
             驳回
           </el-button>
         </div>
@@ -247,15 +247,14 @@ const initData = async () => {
       apiInfo({ id, proId })
     ])
 
-    projectName.value = resInfo?.data?.proName || '/'
-    receivingOrg.value = resInfo?.data?.deptName || '/'
+    projectName.value = resInfo?.data.data?.proName || '/'
+    receivingOrg.value = resInfo?.data.data?.deptName || '/'
 
-    auditUserName.value = resInfo?.data?.auditUser || '--'
-    auditDate.value = resInfo?.data?.auditTime || '--'
-    auditOpinion.value = resInfo?.data?.auditOpinion || '--'
+    auditUserName.value = resInfo?.data.data?.auditUser || '--'
+    auditDate.value = resInfo?.data.data?.auditTime || '--'
+    auditOpinion.value = resInfo?.data.data?.auditOpinion || '--'
 
     fileList.value = []
-    console.log("resFile.data",resFile.data)
     if (Array.isArray(resFile.data.data) && resFile.data.data.length > 0) {
       fileList.value = resFile.data.data.map(item => ({
         proName: item.proName,
diff --git a/src/views/fileTransfer/record.vue b/src/views/fileTransfer/record.vue
index 45b6c170..d8f0778a 100644
--- a/src/views/fileTransfer/record.vue
+++ b/src/views/fileTransfer/record.vue
@@ -18,28 +18,57 @@
       @refresh-change="refreshChange"
       @on-load="onLoad"
     >
-      <!-- 自定义档案状态显示 -->
+      <!-- 移交进度状态文本 -->
       <template #transferStatus="{ row }">
-        {{
-          getStatusText(row.transferStatus)
-        }}
+        <span
+          class="clickable-status"
+          @click="handleTProgress(row)"
+        >
+          {{ getStatusText(row.transferStatus) }}
+        </span>
       </template>
+
+      <!-- 接收部门名称 -->
       <template #deptId="{ row }">
-        {{ row.deptName }}
+        {{ row.deptName || '-' }}
       </template>
+
+      <!-- 移交清单操作 -->
+      <template #t_list="{ row }">
+         <span
+           class="clickable-status"
+           @click="handleTList(row)"
+         >
+          查看清单
+        </span>
+      </template>
+
     </avue-crud>
   </basic-container>
+
+  <RecordList
+    v-model="recordListVisible"
+    :title="recordListTitle"
+    :row-data="recordListRow"
+    :jump-type="recordListJumpType"
+    @handle-query="onLoad(page, query)"
+    @close="recordListVisible = false"
+  />
 </template>
 
 <script>
+import RecordList from '@/views/fileTransfer/components/recordList.vue'
 import {
-  getTransferRecordListApi,
+  getTransferRecordListApi
 } from '@/api/filesTransfer/record';
-import { getDeptSelectApi } from '@/api/select'
+import { getDeptSelectApi } from '@/api/select';
 import { mapGetters } from 'vuex';
 import website from '@/config/website';
 
 export default {
+  components: {
+    RecordList
+  },
   data() {
     return {
       form: {},
@@ -48,7 +77,7 @@ export default {
       page: {
         pageSize: 10,
         currentPage: 1,
-        total: 0,
+        total: 0
       },
       selectionList: [],
       option: {
@@ -70,13 +99,13 @@ export default {
           {
             label: '项目名称',
             prop: 'proName',
-            search: true,
+            search: true
           },
 
           {
             label: '单项工程名称',
             prop: 'singleProName',
-            search: true,
+            search: true
           },
           {
             label: '移交时间',
@@ -104,17 +133,22 @@ export default {
           {
             label: '移交清单',
             prop: 't_list',
+            slot: true // 启用插槽
           },
           {
             label: '移交进度',
             prop: 'transferStatus',
-            slot: true,
-          },
+            slot: true
+          }
 
-        ],
+        ]
       },
       data: [],
-      treeDataList:[],
+      treeDataList: [],
+      recordListVisible: false,
+      recordListTitle: '',
+      recordListRow: null,
+      recordListJumpType: 'list'
     };
   },
   computed: {
@@ -124,7 +158,7 @@ export default {
         addBtn: this.validData(this.permission.post_add, false),
         viewBtn: this.validData(this.permission.post_view, false),
         delBtn: this.validData(this.permission.post_delete, false),
-        editBtn: this.validData(this.permission.post_edit, false),
+        editBtn: this.validData(this.permission.post_edit, false)
       };
     },
     ids() {
@@ -133,21 +167,21 @@ export default {
         ids.push(ele.id);
       });
       return ids.join(',');
-    },
+    }
   },
   methods: {
     beforeOpen(done, type, row) {
       done(); // 必须调用 done()
     },
     getStatusText(status) {
-        switch (status) {
-          case '0':
-            return '进行中'
-          case '1':
-            return '已完成'
-          default:
-            return '未知状态'
-        }
+      switch (status) {
+        case '0':
+          return '进行中';
+        case '1':
+          return '已完成';
+        default:
+          return '未知状态';
+      }
     },
     searchReset() {
       this.query = {};
@@ -179,7 +213,7 @@ export default {
       this.$confirm('确定将选择数据删除?', {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
-        type: 'warning',
+        type: 'warning'
       })
         .then(() => {
           return delTransferApplyApi(row.id);
@@ -188,7 +222,7 @@ export default {
           this.onLoad(this.page);
           this.$message({
             type: 'success',
-            message: '操作成功!',
+            message: '操作成功!'
           });
         });
     },
@@ -207,31 +241,31 @@ export default {
     // 树数据过滤 - 支持无限层级转换
     convertToVueTree(data, level = 1) {
       if (!data || !Array.isArray(data)) {
-        return []
+        return [];
       }
 
       return data.map(item => {
         const node = {
           id: item.deptId,
-          label: item.deptName,
-        }
+          label: item.deptName
+        };
 
         if (item.children && Array.isArray(item.children) && item.children.length > 0) {
           if (level < 3) {
-            const children = this.convertToVueTree(item.children, level + 1)
-            if (children.length > 0) node.children = children
+            const children = this.convertToVueTree(item.children, level + 1);
+            if (children.length > 0) node.children = children;
           }
         }
-        return node
-      })
+        return node;
+      });
     },
     onLoad(page, params = {}) {
       this.loading = true;
       this.loadDeptOptions();
       let data = {
         ...params,
-        pageNum:page.currentPage,
-        pageSize:page.pageSize
+        pageNum: page.currentPage,
+        pageSize: page.pageSize
       };
       getTransferRecordListApi(data).then(res => {
         const data = res.data;
@@ -241,8 +275,32 @@ export default {
         this.selectionClear();
       });
     },
-  },
+
+    handleTList(row) {
+      this.recordListTitle = '移交清单';
+      this.recordListRow = row;
+      this.recordListJumpType = 'list';
+      this.recordListVisible = true;
+    },
+
+    handleTProgress(row) {
+      this.recordListTitle = '移交进度';
+      this.recordListRow = row;
+      this.recordListJumpType = 'progress';
+      this.recordListVisible = true;
+    }
+
+  }
 };
 </script>
 
-<style></style>
+<style scoped>
+.clickable-status {
+  color: #409eff;
+  cursor: pointer;
+  text-decoration: none;
+}
+.clickable-status:hover {
+  text-decoration: underline;
+}
+</style>