From 2aa41bf3e45a6f5ba493c33dcaf31b2088e99537 Mon Sep 17 00:00:00 2001
From: "liang.chao" <1360241448@qq.com>
Date: Wed, 3 Dec 2025 16:29:57 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/filesTransfer/rectFeedback.js         |  17 ++
 src/router/views/index.js                     |   8 +
 .../components/rectFeedbackDetail.vue         | 204 +++++++++++++++
 .../fileTransfer/feedbackRectification.vue    | 235 ++++++++++++++++++
 4 files changed, 464 insertions(+)
 create mode 100644 src/api/filesTransfer/rectFeedback.js
 create mode 100644 src/views/fileTransfer/components/rectFeedbackDetail.vue
 create mode 100644 src/views/fileTransfer/feedbackRectification.vue

diff --git a/src/api/filesTransfer/rectFeedback.js b/src/api/filesTransfer/rectFeedback.js
new file mode 100644
index 00000000..68330364
--- /dev/null
+++ b/src/api/filesTransfer/rectFeedback.js
@@ -0,0 +1,17 @@
+import request from '@/axios';
+
+// 档案移交审核列表
+export function list(params) {
+    return request({
+        url: '/blade-system/rectFeedback/list',
+        method: 'POST',
+        data: params,
+    })
+}
+export function getRectifyDetailApi(params) {
+    return request({
+        url: '/blade-system/rectFeedback/detail',
+        method: 'POST',
+        data: params,
+    })
+}
diff --git a/src/router/views/index.js b/src/router/views/index.js
index 24c8bba9..ed9c6310 100644
--- a/src/router/views/index.js
+++ b/src/router/views/index.js
@@ -116,6 +116,14 @@ export default [
       title: '移交详情'
     }
   },
+  {
+    path: '/archivesManagement/rectFeedbackDetail',
+    name: 'rectifyDetail',
+    component: () => import('@/views/fileTransfer/components/rectFeedbackDetail.vue'),
+    meta: {
+      title: '整改反馈详情'
+    }
+  },
 
   {
     path: '/fileManager/rectificationList',
diff --git a/src/views/fileTransfer/components/rectFeedbackDetail.vue b/src/views/fileTransfer/components/rectFeedbackDetail.vue
new file mode 100644
index 00000000..a1dd87b9
--- /dev/null
+++ b/src/views/fileTransfer/components/rectFeedbackDetail.vue
@@ -0,0 +1,204 @@
+<template>
+  <div class="rectify-detail-container">
+    <!-- 返回按钮 -->
+    <div>
+      <el-button type="danger" plain :icon="Close" size="mini" @click="handleClose">返回</el-button>
+    </div>
+
+    <!-- 状态标题区域 -->
+    <div class="status-section">
+      <div class="status-icon">
+        <Timer class="status-icon-svg" />
+      </div>
+      <div class="status-text">待整改</div>
+    </div>
+
+    <!-- 表格区域 -->
+    <div class="table-section">
+      <el-table
+        :data="fileList"
+        border
+        style="width: 100%"
+        class="detail-table"
+        max-height="600"
+      >
+        <el-table-column prop="index" label="序号" width="80" align="center">
+          <template #default="scope">
+            {{ scope.$index + 1 }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="proName" label="项目名称" min-width="150">
+          <template #default="scope">
+            {{ scope.row.proName || '--' }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="singleProName" label="单项工程名称" min-width="150">
+          <template #default="scope">
+            {{ scope.row.singleProName || '--' }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="deptName" label="责任单位" min-width="120">
+          <template #default="scope">
+            {{ scope.row.deptName || '--' }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="archiveName" label="档案名称" min-width="300">
+          <template #default="scope">
+            {{ scope.row.archiveName || '--' }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="description" label="整改内容" min-width="200">
+          <template #default="scope">
+            {{ scope.row.description || '--' }}
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+
+    <!-- 整改信息区域 -->
+    <div class="info-section">
+      <span>整改下发人：{{ issuerName || '--' }}</span>
+      <span>联系方式：{{ issuerPhone || '--' }}</span>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, onMounted, onBeforeUnmount } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
+import { ElMessage } from 'element-plus'
+import { Close, Timer } from '@element-plus/icons-vue'
+
+// API（请根据你实际路径调整）
+import { getRectifyDetailApi } from '@/api/filesTransfer/rectFeedback.js'
+
+const route = useRoute()
+const router = useRouter()
+
+// 从 query 获取参数
+const id = route.query.id || '0'
+const proId = route.query.proId || '0'
+
+// 响应式数据
+const fileList = ref([])
+const issuerName = ref('')
+const issuerPhone = ref('')
+
+// 生命周期
+onMounted(() => {
+  document.body.style.overflow = 'hidden'
+  initData()
+})
+
+onBeforeUnmount(() => {
+  document.body.style.overflow = 'auto'
+})
+
+// 初始化数据
+const initData = async () => {
+  try {
+    const res = await getRectifyDetailApi({ id, proId })
+    console.log('获取整改详情成功:', res.data)
+
+    if (res.data?.code === 200) {
+      const data = res.data.data || {}
+
+      // 1. 先赋值下发人信息（用于底部）
+      issuerName.value = data.issuerName || '--'
+      issuerPhone.value = data.issuerPhone || '--'
+      // 关键：把单条记录转为数组
+      if (Object.keys(data).length > 0) {
+        fileList.value = [{
+          proName: data.proName || '--',
+          singleProName: data.singleProName || '--',
+          deptName: data.deptName || '', // 避免显示 --
+          archiveName: (data.contentName || ''),
+          description: data.description || '--',
+          id: data.id
+        }]
+      } else {
+        fileList.value = []
+      }
+    } else {
+      fileList.value = []
+      ElMessage.warning(res.data?.msg || '暂无数据')
+    }
+  } catch (error) {
+    console.error('加载整改详情失败:', error)
+    ElMessage.error('加载详情失败')
+    fileList.value = []
+  }
+}
+
+// 返回
+const handleClose = () => {
+  router.go(-1)
+}
+</script>
+
+<style scoped>
+.rectify-detail-container {
+  padding: 20px;
+  background: #fff;
+  height: calc(100vh - 120px);
+  overflow-y: auto;
+  box-sizing: border-box;
+}
+
+/* 返回按钮 */
+.rectify-detail-container > div:first-child {
+  margin-bottom: 20px;
+}
+
+/* 状态区域 */
+.status-section {
+  text-align: center;
+  margin: 0 auto 24px;
+  max-width: 120px;
+}
+.status-icon {
+  margin-bottom: 12px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.status-icon-svg {
+  font-size: 24px;
+  color: #409eff;
+}
+.status-text {
+  font-size: 18px;
+  font-weight: bold;
+  color: #333;
+}
+
+/* 表格区域 */
+.table-section {
+  margin-bottom: 24px;
+}
+
+/* 信息区域 */
+.info-section {
+  text-align: center;
+  padding: 16px 0;
+  border-top: 1px dashed #ebeef5;
+  color: #666;
+  font-size: 14px;
+}
+.info-section span {
+  margin: 0 16px;
+}
+
+/* 滚动条 */
+.rectify-detail-container::-webkit-scrollbar {
+  width: 6px;
+  background: #f5f5f5;
+}
+.rectify-detail-container::-webkit-scrollbar-thumb {
+  background: #c0c4cc;
+  border-radius: 3px;
+}
+.rectify-detail-container::-webkit-scrollbar-thumb:hover {
+  background: #909399;
+}
+</style>
diff --git a/src/views/fileTransfer/feedbackRectification.vue b/src/views/fileTransfer/feedbackRectification.vue
new file mode 100644
index 00000000..3e72624c
--- /dev/null
+++ b/src/views/fileTransfer/feedbackRectification.vue
@@ -0,0 +1,235 @@
+<template>
+  <basic-container>
+    <avue-crud
+      ref="crudRef"
+      :data="tableData"
+      :table-loading="loading"
+      :option="tableOption"
+      :page="page"
+      @search-change="searchChange"
+      @size-change="sizeChange"
+      @current-change="currentChange"
+      @refresh-change="refreshChange"
+    >
+      <!-- 整改状态插槽 -->
+      <template #rectifyStatus="{ row }">
+        <el-tag size="small" :type="getStatusType(row.rectifyStatus)">
+          {{ getStatusText(row.rectifyStatus) }}
+        </el-tag>
+      </template>
+
+      <!-- 操作列 -->
+      <template #menu="{ row }">
+        <el-button
+          plain
+          size="small"
+          type="success"
+          v-hasPermi="['rectify:feedback:query']"
+          @click="handleDetail(row)"
+        >
+          详情
+        </el-button>
+      </template>
+    </avue-crud>
+  </basic-container>
+</template>
+
+<script setup>
+import { ref, reactive, onMounted, computed } from 'vue'
+import { useRouter } from 'vue-router'
+// 假设你有对应的 API（请根据实际路径调整）
+import { list } from '@/api/filesTransfer/rectFeedback'
+
+const router = useRouter()
+const crudRef = ref()
+const loading = ref(false)
+const tableData = ref([])
+const page = reactive({
+  total: 0,
+  currentPage: 1,
+  pageSize: 10
+})
+
+// 搜索表单
+const searchForm = reactive({
+  singleProName: '',
+  proType: '',
+  voltageLevel: ''
+})
+
+// 字典数据
+const dictData = reactive({
+  pro_type: [],
+  voltage_level: []
+})
+
+// 表格配置
+const tableOption = computed(() => ({
+  border: true,
+  index: true,
+  indexLabel: '序号',
+  menuWidth: 120,
+  align: 'center',
+  headerAlign: 'center',
+  labelWidth: 120,
+  searchMenuSpan: 8,
+  searchLabelWidth: 80,
+  addBtn: false,
+  delBtn: false,
+  editBtn: false,
+  viewBtn: false,
+  column: [
+    {
+      label: '项目名称',
+      prop: 'proName',
+      width: 200,
+      overHidden: true,
+      showOverflowTooltip: true
+    },
+    {
+      label: '单项工程名称',
+      prop: 'singleProName',
+      width: 200,
+      overHidden: true,
+      showOverflowTooltip: true,
+      search: true,
+      searchLabel: '单项工程名称',
+      searchPlaceholder: '请输入单项工程名称',
+      searchSpan: 8
+    },
+    {
+      label: '责任单位',
+      prop: 'deptName',
+      align: 'center'
+    },
+    {
+      label: '下发时间',
+      prop: 'issueTime',
+      type: 'datetime',
+      format: 'YYYY-MM-DD',
+      valueFormat: 'YYYY-MM-DD',
+      align: 'center'
+    },
+    {
+      label: '整改状态',
+      prop: 'rectifyStatus',
+      slot: true,
+      align: 'center',
+      formatter: (row) => getStatusText(row.rectifyStatus)
+    }
+  ]
+}))
+
+// 获取列表
+const getList = async () => {
+  loading.value = true
+  try {
+    const params = {
+      ...searchForm,
+      pageNum: page.currentPage,
+      pageSize: page.pageSize
+    }
+    // 清理空值
+    Object.keys(params).forEach(k => {
+      if (params[k] === '' || params[k] == null) delete params[k]
+    })
+
+    const res = await list(params)
+    if (res.data?.code === 200) {
+      tableData.value = res.data.rows || []
+      page.total = res.data.total || 0
+    } else {
+      tableData.value = []
+      page.total = 0
+    }
+  } catch (err) {
+    console.error('获取列表失败', err)
+    tableData.value = []
+    page.total = 0
+  } finally {
+    loading.value = false
+  }
+}
+
+// 事件处理
+const searchChange = (params, done) => {
+  Object.assign(searchForm, params)
+  page.currentPage = 1
+  getList()
+  done()
+}
+const sizeChange = (val) => {
+  page.pageSize = val
+  getList()
+}
+const currentChange = (val) => {
+  page.currentPage = val
+  getList()
+}
+const refreshChange = () => {
+  getList()
+}
+
+// 详情
+const handleDetail = (row) => {
+  router.push({
+    name: 'rectifyDetail',
+    query: {
+      id: row.id ?? '0',
+      proId: row.proId ?? '0',
+      viewStatus: 'rectify',
+    }
+  })
+}
+
+// 状态文本
+const getStatusText = (status) => {
+  switch (status) {
+    case '0': return '整改中'
+    case '1': return '已反馈'
+    case '2': return '已完成'
+    default: return '未知'
+  }
+}
+const getStatusType = (status) => {
+  switch (status) {
+    case '0': return 'warning'
+    case '1': return 'primary'
+    case '2': return 'success'
+    default: return 'info'
+  }
+}
+
+// 初始化
+onMounted(async () => {
+  await getList()
+})
+</script>
+
+<style scoped>
+/* 复用 audit.vue 的样式 */
+:deep(.avue-crud__search) {
+  margin-bottom: 16px;
+}
+:deep(.avue-crud__search .el-form-item) {
+  margin-bottom: 16px;
+  margin-right: 16px;
+}
+:deep(.avue-crud__search .el-form-item__label) {
+  width: auto !important;
+  padding-right: 12px;
+}
+:deep(.avue-crud__search .el-input),
+:deep(.avue-crud__search .el-select) {
+  width: 200px !important;
+}
+:deep(.avue-crud__search .el-form--inline .el-form-item) {
+  display: inline-flex;
+  margin-right: 16px;
+  margin-bottom: 16px;
+  vertical-align: top;
+}
+:deep(.avue-crud__table) {
+  margin-top: 16px;
+}
+</style>