From e924770226e194591e6428801147c16fc9ea780d Mon Sep 17 00:00:00 2001
From: "liang.chao" <1360241448@qq.com>
Date: Thu, 27 Nov 2025 18:56:44 +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/views/fileTransfer/accept.vue | 229 +++++++++++++++++++++++
 src/views/fileTransfer/issue.vue  | 292 ++++++++++++++++++++++++++++++
 2 files changed, 521 insertions(+)
 create mode 100644 src/views/fileTransfer/accept.vue
 create mode 100644 src/views/fileTransfer/issue.vue

diff --git a/src/views/fileTransfer/accept.vue b/src/views/fileTransfer/accept.vue
new file mode 100644
index 00000000..6b43467d
--- /dev/null
+++ b/src/views/fileTransfer/accept.vue
@@ -0,0 +1,229 @@
+<template>
+  <basic-container>
+    <avue-crud
+      :option="option"
+      :table-loading="loading"
+      :data="data"
+      v-model:page="page"
+      :permission="permissionList"
+      :before-open="beforeOpen"
+      v-model="form"
+      ref="crud"
+      @search-change="searchChange"
+      @search-reset="searchReset"
+      @selection-change="selectionChange"
+      @current-change="currentChange"
+      @size-change="sizeChange"
+      @refresh-change="refreshChange"
+      @on-load="onLoad"
+    >
+      <template #receiveStatus="{ row }">
+        {{
+          getProgressStatusText(row.receiveStatus)
+        }}
+      </template>
+      <template #deptId="{ row }">
+        {{ row.deptName }}
+      </template>
+    </avue-crud>
+  </basic-container>
+</template>
+
+<script>
+import {
+  getTransferReceiceListApi,
+} from '@/api/filesTransfer/accept';
+import { mapGetters } from 'vuex';
+import website from '@/config/website';
+import { getDeptSelectApi } from '@/api/select';
+
+export default {
+  data() {
+    return {
+      form: {},
+      query: {},
+      loading: true,
+      page: {
+        pageSize: 10,
+        currentPage: 1,
+        total: 0,
+      },
+      selectionList: [],
+      option: {
+        height: 'auto',
+        calcHeight: 32,
+        tip: false,
+        searchShow: true,
+        searchMenuSpan: 6,
+        border: true,
+        index: true,
+        viewBtn: true,
+        editBtn: false,
+        delBtn: false,
+        selection: false,
+        addBtn:true,
+        dialogClickModal: false,
+        column: [
+
+          {
+            label: '项目名称',
+            prop: 'proName',
+            search: true,
+          },
+          {
+            label: '单项工程名称',
+            prop: 'singleProName',
+            search: true,
+          },
+          {
+            label: '移交时间',
+            prop: 'transferTime',
+            search: true,
+            type: 'date',
+            format: 'YYYY-MM-DD',
+            valueFormat: 'YYYY-MM-DD',
+            dataType: 'string'
+          },
+          {
+            label: '接收单位',
+            prop: 'deptId',
+            search: true,
+            type: 'tree',
+            dicData: [], // 初始空，后面动态赋值
+            props: {
+              label: 'label',
+              value: 'id',
+              children: 'children'
+            },
+            // 显示时用插槽展示 deptName（因为 row.deptName 是名称）
+            slot: true
+          },
+
+          {
+            label: '接收清单',
+            prop: 'transferIssue',
+          },
+          {
+            label: '接收进度',
+            prop: 'receiveStatus',
+            slot: true,
+          },
+
+        ],
+      },
+      data: [],
+    };
+  },
+  computed: {
+    ...mapGetters(['permission']),
+    permissionList() {
+      return {
+        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),
+      };
+    },
+    ids() {
+      let ids = [];
+      this.selectionList.forEach(ele => {
+        ids.push(ele.id);
+      });
+      return ids.join(',');
+    },
+  },
+  methods: {
+    /* 查看接收进度 */
+    getProgressStatusText(status) {
+      switch (status) {
+        case '0':
+          return '进行中'
+        case '1':
+          return '已完成'
+        default:
+          return '未知状态'
+      }
+    },
+    loadDeptOptions() {
+      getDeptSelectApi().then(res => {
+        this.treeDataList = this.convertToVueTree(res.data.data);
+        // 找到 deptId 列并更新 dicData
+        const deptColumn = this.option.column.find(col => col.prop === 'deptId');
+        if (deptColumn) {
+          deptColumn.dicData = this.treeDataList; // Vue 3 可直接赋值；Vue 2 建议用 this.$set
+        }
+      }).catch(err => {
+        console.error('加载部门列表失败', err);
+      });
+    },
+    // 树数据过滤 - 支持无限层级转换
+    convertToVueTree(data, level = 1) {
+      if (!data || !Array.isArray(data)) {
+        return []
+      }
+
+      return data.map(item => {
+        const node = {
+          id: item.deptId,
+          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
+          }
+        }
+        return node
+      })
+    },
+    beforeOpen(done, type, row) {
+      done(); // 必须调用 done()
+    },
+    searchReset() {
+      this.query = {};
+      this.onLoad(this.page);
+    },
+    searchChange(params, done) {
+      this.query = params;
+      this.page.currentPage = 1;
+      this.onLoad(this.page, params);
+      done();
+    },
+    selectionChange(list) {
+      this.selectionList = list;
+    },
+    selectionClear() {
+      this.selectionList = [];
+      this.$refs.crud.toggleSelection();
+    },
+    currentChange(currentPage) {
+      this.page.currentPage = currentPage;
+    },
+    sizeChange(pageSize) {
+      this.page.pageSize = pageSize;
+    },
+    refreshChange() {
+      this.onLoad(this.page, this.query);
+    },
+    onLoad(page, params = {}) {
+      this.loading = true;
+      this.loadDeptOptions();
+      let data = {
+        ...params,
+        pageNum:page.currentPage,
+        pageSize:page.pageSize
+      };
+      getTransferReceiceListApi(data).then(res => {
+        const data = res.data;
+        this.page.total = data.total;
+        this.data = data.rows;
+        this.loading = false;
+        this.selectionClear();
+      });
+    },
+  },
+};
+</script>
+
+<style></style>
diff --git a/src/views/fileTransfer/issue.vue b/src/views/fileTransfer/issue.vue
new file mode 100644
index 00000000..4098902a
--- /dev/null
+++ b/src/views/fileTransfer/issue.vue
@@ -0,0 +1,292 @@
+<template>
+  <basic-container>
+    <avue-crud
+      :option="option"
+      :table-loading="loading"
+      :data="data"
+      v-model:page="page"
+      :permission="permissionList"
+      :before-open="beforeOpen"
+      v-model="form"
+      ref="crud"
+      @row-update="rowUpdate"
+      @row-save="rowSave"
+      @row-del="rowDel"
+      @search-change="searchChange"
+      @search-reset="searchReset"
+      @selection-change="selectionChange"
+      @current-change="currentChange"
+      @size-change="sizeChange"
+      @refresh-change="refreshChange"
+      @on-load="onLoad"
+    >
+    </avue-crud>
+  </basic-container>
+</template>
+
+<script>
+import {
+  delTransferProblemApi,
+  getTransferProblemListApi,
+  editTransferProblemApi,
+  addTransferProblemApi,
+} from '@/api/filesTransfer/issue';
+import { mapGetters } from 'vuex';
+import website from '@/config/website';
+
+export default {
+  data() {
+    return {
+      form: {},
+      query: {},
+      loading: true,
+      page: {
+        pageSize: 10,
+        currentPage: 1,
+        total: 0,
+      },
+      selectionList: [],
+      option: {
+        height: 'auto',
+        calcHeight: 32,
+        tip: false,
+        searchShow: true,
+        searchMenuSpan: 6,
+        border: true,
+        index: true,
+        viewBtn: true,
+        selection: false,
+        addBtn:true,
+        dialogClickModal: false,
+        column: [
+
+          {
+            label: '项目名称',
+            prop: 'proName',
+          },
+          {
+            label: '单项工程名称',
+            prop: 'singleProName',
+            search: true,
+          },
+          {
+            label: '移交时间',
+            prop: 'transferTime',
+          },
+          {
+            label: '接收单位',
+            prop: 'deptName',
+          },
+          {
+            label: '移交问题',
+            prop: 'transferIssue',
+          },
+
+          {
+            label: '工程类型',
+            prop: 'proType',  //该列对应的数据字段名（即后端返回或提交时使用的 key）。
+            search: true,
+            hide: true,
+            display: false,
+            type: 'select', //指定该字段在表单中的输入类型为“下拉选择框”
+            dicUrl: '/blade-system/system/dict/data/type', // 接口地址
+            dicMethod: 'post', // 指定为 POST 请求
+            dicQuery: {
+              dictType: 'pro_type' //作为请求体（body）发送（Avue 内部会处理）
+            },
+            props: {
+              label: 'dictLabel',
+              value: 'dictValue',
+            },
+            slot: true,
+            rules: [
+              {
+                required: true,
+                message: '请选择工程类型',
+                trigger: 'blur',
+              },
+            ],
+          },
+          {
+            label: '电压等级',
+            prop: 'voltageLevel',  //该列对应的数据字段名（即后端返回或提交时使用的 key）。
+            search: true,
+            hide: true,
+            display: false,
+            type: 'select', //指定该字段在表单中的输入类型为“下拉选择框”
+            dicUrl: '/blade-system/system/dict/data/type', // 接口地址
+            dicMethod: 'post', // 指定为 POST 请求
+            dicQuery: {
+              dictType: 'voltage_level' //作为请求体（body）发送（Avue 内部会处理）
+            },
+            props: {
+              label: 'dictLabel',
+              value: 'dictValue',
+            },
+            slot: true,
+            rules: [
+              {
+                required: true,
+                message: '请选择电压等级',
+                trigger: 'blur',
+              },
+            ],
+          },
+        ],
+      },
+      data: [],
+    };
+  },
+  computed: {
+    ...mapGetters(['permission']),
+    permissionList() {
+      return {
+        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),
+      };
+    },
+    ids() {
+      let ids = [];
+      this.selectionList.forEach(ele => {
+        ids.push(ele.id);
+      });
+      return ids.join(',');
+    },
+  },
+  methods: {
+    rowSave(row, done, loading) {
+      // 只提取需要的字段
+      const submitData = {
+        encryptName: row.encryptName,
+        encryptParams: row.encryptParams,
+        encryptType: row.encryptType,
+      };
+      addTransferProblemApi(submitData).then(
+        () => {
+          this.onLoad(this.page);
+          this.$message({
+            type: 'success',
+            message: '操作成功!',
+          });
+          done();
+        },
+        error => {
+          console.error('新增失败:', error);
+          loading(); // 恢复按钮 loading 状态
+        }
+      );
+    },
+    rowUpdate(row, index, done, loading) {
+      // 只保留需要的字段
+      const submitData = {
+        id: row.id,
+        encryptName: row.encryptName,
+        encryptParams: row.encryptParams,
+        encryptType: row.encryptType,
+      };
+
+      editTransferProblemApi(submitData).then(
+        () => {
+          this.onLoad(this.page);
+          this.$message({
+            type: 'success',
+            message: '操作成功!',
+          });
+          done();
+        },
+        error => {
+          console.log(error);
+          loading(); // 恢复按钮状态
+        }
+      );
+    },
+    rowDel(row) {
+      this.$confirm('确定将选择数据删除?', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
+      })
+        .then(() => {
+          return delTransferProblemApi(row.id);
+        })
+        .then(() => {
+          this.onLoad(this.page);
+          this.$message({
+            type: 'success',
+            message: '操作成功!',
+          });
+        });
+    },
+    handleDelete() {
+      if (this.selectionList.length === 0) {
+        this.$message.warning('请选择至少一条数据');
+        return;
+      }
+      this.$confirm('确定将选择数据删除?', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
+      })
+        .then(() => {
+          return delTransferProblemApi(this.ids);
+        })
+        .then(() => {
+          this.onLoad(this.page);
+          this.$message({
+            type: 'success',
+            message: '操作成功!',
+          });
+          this.$refs.crud.toggleSelection();
+        });
+    },
+    beforeOpen(done, type, row) {
+      done(); // 必须调用 done()
+    },
+    searchReset() {
+      this.query = {};
+      this.onLoad(this.page);
+    },
+    searchChange(params, done) {
+      this.query = params;
+      this.page.currentPage = 1;
+      this.onLoad(this.page, params);
+      done();
+    },
+    selectionChange(list) {
+      this.selectionList = list;
+    },
+    selectionClear() {
+      this.selectionList = [];
+      this.$refs.crud.toggleSelection();
+    },
+    currentChange(currentPage) {
+      this.page.currentPage = currentPage;
+    },
+    sizeChange(pageSize) {
+      this.page.pageSize = pageSize;
+    },
+    refreshChange() {
+      this.onLoad(this.page, this.query);
+    },
+    onLoad(page, params = {}) {
+      this.loading = true;
+      let data = {
+        ...params,
+        pageNum:page.currentPage,
+        pageSize:page.pageSize
+      };
+      getTransferProblemListApi(data).then(res => {
+        const data = res.data;
+        this.page.total = data.total;
+        this.data = data.rows;
+        this.loading = false;
+        this.selectionClear();
+      });
+    },
+  },
+};
+</script>
+
+<style></style>