feat(wms): 新增报表导出文件管理功能

新增报表导出文件管理模块，包含后端接口和前端页面在各类报表页面添加保存报表功能优化CoilSelector和CoilCard组件显示调整分页大小和表格高度统一各产线报表配置修复文件预览组件高度问题
2026-04-11 15:36:50 +08:00
parent 848ad2c3cd
commit 3020a4244d
78 changed files with 1697 additions and 160 deletions
--- a/klp-ui/src/views/wms/report/template/comprehensive.vue
+++ b/klp-ui/src/views/wms/report/template/comprehensive.vue
@@ -43,6 +43,8 @@
          <el-button type="primary" @click="exportData">导出产出钢卷</el-button>
          <el-button type="primary" @click="exportLossData">导出消耗钢卷</el-button>
          <el-button type="primary" @click="settingVisible = true">列设置</el-button>
+          <el-button type="primary" @click="saveOutputReport">保存产出报表</el-button>
+          <el-button type="primary" @click="saveLossReport">保存消耗报表</el-button>
        </el-form-item>
      </el-form>
    </el-row>
@@ -133,6 +135,7 @@ import WarehouseSelect from "@/components/KLPService/WarehouseSelect";
 import { calcSummary, calcAbSummary, calcMSummary } from "@/views/wms/report/js/calc";
 import ColumnsSetting from "@/views/wms/report/components/setting/columns.vue";
 import CoilTable from "@/views/wms/report/components/coilTable/index.vue";
+import { saveReportFile } from "@/views/wms/report/js/reportFile";

 export default {
  name: 'ComprehensiveTemplate',
@@ -162,7 +165,11 @@ export default {
    warehouseOptions: {
      type: Array,
      default: () => []
-    }
+    },
+    productionLine: {
+      type: String,
+      default: '',
+    },
  },
  dicts: ['product_coil_status', 'coil_material', 'coil_itemname', 'coil_manufacturer'],
  data() {
@@ -393,6 +400,48 @@ export default {
        coilIds: this.lossList.map(item => item.coilId).join(',')
      }, `materialCoil_${this.queryParams.startDate}_${this.queryParams.endDate}_${new Date().getTime()}.xlsx`)
    },
+    // 保存产出报表
+    saveOutputReport() {
+      this.loading = true
+      saveReportFile(this.list.map(item => item.coilId).join(','), {
+        reportParams: this.queryParams,
+        reportType: '产出报表,综合报表',
+        productionLine: this.productionLine,
+      }).then(res => {
+        this.$message({
+          message: '保存成功',
+          type: 'success',
+        })
+      }).catch(err => {
+        this.$message({
+          message: '保存失败',
+          type: 'error',
+        })
+      }).finally(() => {
+        this.loading = false
+      })
+    },
+    // 保存消耗报表
+    saveLossReport() {
+      this.loading = true
+      saveReportFile(this.lossList.map(item => item.coilId).join(','), {
+        reportParams: this.queryParams,
+        reportType: '消耗报表,综合报表',
+        productionLine: this.productionLine,
+      }).then(res => {
+        this.$message({
+          message: '保存成功',
+          type: 'success',
+        })
+      }).catch(err => {
+        this.$message({
+          message: '保存失败',
+          type: 'error',
+        })
+      }).finally(() => {
+        this.loading = false
+      })
+    },
  },
  mounted() {
    this.getList()
--- a/klp-ui/src/views/wms/report/template/day.vue
+++ b/klp-ui/src/views/wms/report/template/day.vue
@@ -40,6 +40,8 @@
          <el-button type="primary" @click="exportData">导出产出钢卷</el-button>
          <el-button type="primary" @click="exportLossData">导出消耗钢卷</el-button>
          <el-button type="primary" @click="settingVisible = true">列设置</el-button>
+          <el-button type="primary" @click="saveOutputReport">保存产出报表</el-button>
+          <el-button type="primary" @click="saveLossReport">保存消耗报表</el-button>
        </el-form-item>
      </el-form>
    </el-row>
@@ -127,6 +129,8 @@ import { calcSummary, calcAbSummary, calcMSummary } from "@/views/wms/report/js/
 import ColumnsSetting from "@/views/wms/report/components/setting/columns.vue";
 import CoilTable from "@/views/wms/report/components/coilTable/index.vue";
 import { fetchLossList, fetchOutputList } from "@/views/wms/report/js/fetch";
+import { saveReportFile } from "@/views/wms/report/js/reportFile";
+

 export default {
  name: 'DayTemplate',
@@ -156,7 +160,11 @@ export default {
    warehouseOptions: {
      type: Array,
      default: () => []
-    }
+    },
+    productionLine: {
+      type: String,
+      default: '',
+    },
  },
  dicts: ['product_coil_status', 'coil_itemname'],
  data() {
@@ -234,7 +242,7 @@ export default {
    },
    mSummary() {
      return calcMSummary(this.list, this.lossList)
-    }
+    },
  },
  methods: {
    // 加载列设置
@@ -289,6 +297,48 @@ export default {
        actionIds: this.actionIds
      }, `materialCoil_${this.queryParams.date}_${new Date().getTime()}.xlsx`)
    },
+    // 保存产出报表
+    saveOutputReport() {
+      this.loading = true
+      saveReportFile(this.list.map(item => item.coilId).join(','), {
+        reportParams: this.queryParams,
+        reportType: '产出报表,日报表',
+        productionLine: this.productionLine,
+      }).then(res => {
+        this.$message({
+          message: '保存成功',
+          type: 'success',
+        })
+      }).catch(err => {
+        this.$message({
+          message: '保存失败',
+          type: 'error',
+        })
+      }).finally(() => {
+        this.loading = false
+      })
+    },
+    // 保存消耗报表
+    saveLossReport() {
+      this.loading = true
+      saveReportFile(this.lossList.map(item => item.coilId).join(','), {
+        reportParams: this.queryParams,
+        reportType: '消耗报表,日报表',
+        productionLine: this.productionLine,
+      }).then(res => {
+        this.$message({
+          message: '保存成功',
+          type: 'success',
+        })
+      }).catch(err => {
+        this.$message({
+          message: '保存失败',
+          type: 'error',
+        })
+      }).finally(() => {
+        this.loading = false
+      })
+    },
  },
  mounted() {
    this.handleQuery()
--- a/klp-ui/src/views/wms/report/template/loss.vue
+++ b/klp-ui/src/views/wms/report/template/loss.vue
@@ -42,6 +42,8 @@
          <el-button type="primary" @click="getList">查询</el-button>
          <el-button type="primary" @click="exportData">导出</el-button>
          <el-button type="primary" @click="settingVisible = true">列设置</el-button>
+          <!-- <el-button type="primary" @click="saveOutputReport">保存产出报表</el-button> -->
+          <el-button type="primary" @click="saveLossReport">保存消耗报表</el-button>
        </el-form-item>
      </el-form>
    </el-row>
@@ -80,6 +82,7 @@ import { listDeliveryPlan } from '@/api/wms/deliveryPlan'
 import ColumnsSetting from "@/views/wms/report/components/setting/columns.vue";
 import CoilTable from "@/views/wms/report/components/coilTable/index.vue";
 import { fetchLossList } from "@/views/wms/report/js/fetch";
+import { saveReportFile } from "@/views/wms/report/js/reportFile";


 export default {
@@ -103,6 +106,10 @@ export default {
      type: Object,
      default: () => {},
    },
+    productionLine: {
+      type: String,
+      default: '',
+    },
  },
  dicts: ['product_coil_status', 'coil_material', 'coil_itemname', 'coil_manufacturer'],
  data() {
@@ -131,6 +138,7 @@ export default {
      activeColumnConfig: 'coil-report-loss',
      settingVisible: false,
      list: [],
+      lossList: [],
      queryParams: {
        pageNum: 1,
        pageSize: 9999,
@@ -199,6 +207,27 @@ export default {
        actionIds: this.actionIds
      }, `materialCoil_${new Date().getTime()}.xlsx`)
    },
+    // 保存消耗报表
+    saveLossReport() {
+      this.loading = true
+      saveReportFile(this.lossList.map(item => item.coilId).join(','), {
+        reportParams: this.queryParams,
+        reportType: '消耗报表',
+        productionLine: this.productionLine,
+      }).then(res => {
+        this.$message({
+          message: '保存成功',
+          type: 'success',
+        })
+      }).catch(err => {
+        this.$message({
+          message: '保存失败',
+          type: 'error',
+        })
+      }).finally(() => {
+        this.loading = false
+      })
+    },
  },
  mounted() {
    this.getList()
--- a/klp-ui/src/views/wms/report/template/merge.vue
+++ b/klp-ui/src/views/wms/report/template/merge.vue
@@ -39,6 +39,8 @@
          <el-button type="primary" @click="exportData">导出产出钢卷</el-button>
          <el-button type="primary" @click="exportLossData">导出消耗钢卷</el-button>
          <el-button type="primary" @click="settingVisible = true">列设置</el-button>
+          <el-button type="primary" @click="saveOutputReport">保存产出报表</el-button>
+          <el-button type="primary" @click="saveLossReport">保存消耗报表</el-button>
        </el-form-item>
      </el-form>
    </el-row>
@@ -122,6 +124,7 @@ import CoilNo from "@/components/KLPService/Renderer/CoilNo.vue";
 import { calcSummary, calcMSummary } from "@/views/wms/report/js/calc";
 import CoilTable from "@/views/wms/report/components/coilTable";
 import ColumnsSetting from "@/views/wms/report/components/setting/columns";
+import { saveReportFile } from "@/views/wms/report/js/reportFile";

 export default {
  name: 'MergeTemplate',
@@ -129,7 +132,11 @@ export default {
    actionType: {
      type: Number,
      required: true
-    }
+    },
+    productionLine: {
+      type: String,
+      default: '',
+    },
  },
  components: {
    MemoInput,
@@ -209,7 +216,7 @@ export default {
        pageNum: 1,
      },
      lossColumns: [],
-      outColumns: []
+      outputColumns: []
    }
  },
  computed: {
@@ -288,6 +295,48 @@ export default {
        coilIds: this.lossList.map(item => item.coilId).join(',')
      }, `materialCoil_${new Date().getTime()}.xlsx`)
    },
+    // 保存产出报表
+    saveOutputReport() {
+      this.loading = true
+      saveReportFile(this.outList.map(item => item.coilId).join(','), {
+        reportParams: this.queryParams,
+        reportType: '产出报表,合卷报表',
+        productionLine: this.productionLine,
+      }).then(res => {
+        this.$message({
+          message: '保存成功',
+          type: 'success',
+        })
+      }).catch(err => {
+        this.$message({
+          message: '保存失败',
+          type: 'error',
+        })
+      }).finally(() => {
+        this.loading = false
+      })
+    },
+    // 保存消耗报表
+    saveLossReport() {
+      this.loading = true
+      saveReportFile(this.lossList.map(item => item.coilId).join(','), {
+        reportParams: this.queryParams,
+        reportType: '消耗报表,合卷报表',
+        productionLine: this.productionLine,
+      }).then(res => {
+        this.$message({
+          message: '保存成功',
+          type: 'success',
+        })
+      }).catch(err => {
+        this.$message({
+          message: '保存失败',
+          type: 'error',
+        })
+      }).finally(() => {
+        this.loading = false
+      })
+    },
    // 加载列设置
    loadColumns() {
      this.lossColumns = JSON.parse(localStorage.getItem('preference-tableColumns-coil-report-loss') || '[]') || []
--- a/klp-ui/src/views/wms/report/template/month.vue
+++ b/klp-ui/src/views/wms/report/template/month.vue
@@ -40,6 +40,8 @@
          <el-button type="primary" @click="exportData">导出产出钢卷</el-button>
          <el-button type="primary" @click="exportLossData">导出消耗钢卷</el-button>
          <el-button type="primary" @click="settingVisible = true">列设置</el-button>
+          <el-button type="primary" @click="saveOutputReport">保存产出报表</el-button>
+          <el-button type="primary" @click="saveLossReport">保存消耗报表</el-button>
        </el-form-item>
      </el-form>
    </el-row>
@@ -131,6 +133,7 @@ import { calcSummary, calcAbSummary, calcMSummary } from "@/views/wms/report/js/
 import ColumnsSetting from "@/views/wms/report/components/setting/columns.vue";
 import CoilTable from "@/views/wms/report/components/coilTable/index.vue";
 import { fetchLossList, fetchOutputList } from "@/views/wms/report/js/fetch";
+import { saveReportFile } from "@/views/wms/report/js/reportFile";

 export default {
  name: 'MonthTemplate',
@@ -160,7 +163,11 @@ export default {
    warehouseOptions: {
      type: Array,
      default: () => []
-    }
+    },
+    productionLine: {
+      type: String,
+      default: '',
+    },
  },
  dicts: ['product_coil_status', 'coil_material', 'coil_itemname', 'coil_manufacturer'],
  data() {
@@ -310,6 +317,48 @@ export default {
        actionIds: this.actionIds
      }, `materialCoil_${this.queryParams.date}_${new Date().getTime()}.xlsx`)
    },
+    // 保存产出报表
+    saveOutputReport() {
+      this.loading = true
+      saveReportFile(this.list.map(item => item.coilId).join(','), {
+        reportParams: this.queryParams,
+        reportType: '产出报表,月报表',
+        productionLine: this.productionLine,
+      }).then(res => {
+        this.$message({
+          message: '保存成功',
+          type: 'success',
+        })
+      }).catch(err => {
+        this.$message({
+          message: '保存失败',
+          type: 'error',
+        })
+      }).finally(() => {
+        this.loading = false
+      })
+    },
+    // 保存消耗报表
+    saveLossReport() {
+      this.loading = true
+      saveReportFile(this.lossList.map(item => item.coilId).join(','), {
+        reportParams: this.queryParams,
+        reportType: '消耗报表,月报表',
+        productionLine: this.productionLine,
+      }).then(res => {
+        this.$message({
+          message: '保存成功',
+          type: 'success',
+        })
+      }).catch(err => {
+        this.$message({
+          message: '保存失败',
+          type: 'error',
+        })
+      }).finally(() => {
+        this.loading = false
+      })
+    },
    fetchData() {
      this.loading = true
      Promise.all([
--- a/klp-ui/src/views/wms/report/template/out.vue
+++ b/klp-ui/src/views/wms/report/template/out.vue
@@ -43,6 +43,7 @@
          <el-button type="primary" @click="handleQuery">查询</el-button>
          <el-button type="primary" @click="exportData">导出</el-button>
          <el-button type="primary" @click="settingVisible = true">列设置</el-button>
+          <el-button type="primary" @click="saveOutputReport">保存产出报表</el-button>
        </el-form-item>
      </el-form>
    </el-row>
@@ -77,6 +78,7 @@ import WarehouseSelect from "@/components/KLPService/WarehouseSelect";
 import ColumnsSetting from "@/views/wms/report/components/setting/columns.vue";
 import CoilTable from "@/views/wms/report/components/coilTable/index.vue";
 import { fetchOutputList } from "@/views/wms/report/js/fetch";
+import { saveReportFile } from "@/views/wms/report/js/reportFile";


 export default {
@@ -99,7 +101,11 @@ export default {
    warehouseOptions: {
      type: Array,
      default: () => []
-    }
+    },
+    productionLine: {
+      type: String,
+      default: '',
+    },
  },
  dicts: ['product_coil_status', 'coil_material', 'coil_itemname', 'coil_manufacturer'],
  data() {
@@ -204,6 +210,27 @@ export default {
        coilIds: this.list.map(item => item.coilId).join(',')
      }, `materialCoil_${new Date().getTime()}.xlsx`)
    },
+    // 保存产出报表
+    saveOutputReport() {
+      this.loading = true
+      saveReportFile(this.list.map(item => item.coilId).join(','), {
+        reportParams: this.queryParams,
+        reportType: '产出报表',
+        productionLine: this.productionLine,
+      }).then(res => {
+        this.$message({
+          message: '保存成功',
+          type: 'success',
+        })
+      }).catch(err => {
+        this.$message({
+          message: '保存失败',
+          type: 'error',
+        })
+      }).finally(() => {
+        this.loading = false
+      })
+    },
  },
  mounted() {
    this.handleQuery()
--- a/klp-ui/src/views/wms/report/template/team.vue
+++ b/klp-ui/src/views/wms/report/template/team.vue
@@ -50,6 +50,8 @@
          <el-button type="primary" @click="exportData">导出产出钢卷</el-button>
          <el-button type="primary" @click="exportLossData">导出消耗钢卷</el-button>
          <el-button type="primary" @click="settingVisible = true">列设置</el-button>
+          <el-button type="primary" @click="saveOutputReport">保存产出报表</el-button>
+          <el-button type="primary" @click="saveLossReport">保存消耗报表</el-button>
        </el-form-item>
      </el-form>
    </el-row>
@@ -144,6 +146,7 @@ import { calcSummary, calcAbSummary, calcTeamSummary, calcMSummary } from "@/vie
 import ColumnsSetting from "@/views/wms/report/components/setting/columns.vue";
 import CoilTable from "@/views/wms/report/components/coilTable/index.vue";
 import { fetchLossList, fetchOutputList } from "@/views/wms/report/js/fetch";
+import { saveReportFile } from "@/views/wms/report/js/reportFile";

 export default {
  name: 'TeamTemplate',
@@ -173,7 +176,11 @@ export default {
    warehouseOptions: {
      type: Array,
      default: () => []
-    }
+    },
+    productionLine: {
+      type: String,
+      default: '',
+    },
  },
  dicts: ['product_coil_status', 'coil_material', 'coil_itemname', 'coil_manufacturer'],
  data() {
@@ -311,6 +318,48 @@ export default {
        // coilIds: this.lossList.map(item => item.coilId).join(',')
        actionIds: this.actionIds
      }, `materialCoil_${this.queryParams.date}_${new Date().getTime()}.xlsx`);
+    },
+    // 保存产出报表
+    saveOutputReport() {
+      this.loading = true
+      saveReportFile(this.list.map(item => item.coilId).join(','), {
+        reportParams: this.queryParams,
+        reportType: '产出报表,班报表',
+        productionLine: this.productionLine,
+      }).then(res => {
+        this.$message({
+          message: '保存成功',
+          type: 'success',
+        })
+      }).catch(err => {
+        this.$message({
+          message: '保存失败',
+          type: 'error',
+        })
+      }).finally(() => {
+        this.loading = false
+      })
+    },
+    // 保存消耗报表
+    saveLossReport() {
+      this.loading = true
+      saveReportFile(this.lossList.map(item => item.coilId).join(','), {
+        reportParams: this.queryParams,
+        reportType: '消耗报表,班报表',
+        productionLine: this.productionLine,
+      }).then(res => {
+        this.$message({
+          message: '保存成功',
+          type: 'success',
+        })
+      }).catch(err => {
+        this.$message({
+          message: '保存失败',
+          type: 'error',
+        })
+      }).finally(() => {
+        this.loading = false
+      })
    }
  },
  mounted() {
--- a/klp-ui/src/views/wms/report/template/year.vue
+++ b/klp-ui/src/views/wms/report/template/year.vue
@@ -40,6 +40,8 @@
          <el-button type="primary" @click="exportData">导出产出钢卷</el-button>
          <el-button type="primary" @click="exportLossData">导出消耗钢卷</el-button>
          <el-button type="primary" @click="settingVisible = true">列设置</el-button>
+          <el-button type="primary" @click="saveOutputReport">保存产出报表</el-button>
+          <el-button type="primary" @click="saveLossReport">保存消耗报表</el-button>
        </el-form-item>
      </el-form>
    </el-row>
@@ -130,6 +132,7 @@ import { calcSummary, calcAbSummary, calcMSummary } from "@/views/wms/report/js/
 import ColumnsSetting from "@/views/wms/report/components/setting/columns.vue";
 import CoilTable from "@/views/wms/report/components/coilTable/index.vue";
 import { fetchLossList, fetchOutputList } from "@/views/wms/report/js/fetch";
+import { saveReportFile } from "@/views/wms/report/js/reportFile";

 export default {
  name: 'YearTemplate',
@@ -159,7 +162,11 @@ export default {
    warehouseOptions: {
      type: Array,
      default: () => []
-    }
+    },
+    productionLine: {
+      type: String,
+      default: '',
+    },
  },
  dicts: ['product_coil_status', 'coil_material', 'coil_itemname', 'coil_manufacturer'],
  data() {
@@ -303,6 +310,48 @@ export default {
        actionIds: this.actionIds
      }, `materialCoil_${this.queryParams.date}_${new Date().getTime()}.xlsx`)
    },
+    // 保存产出报表
+    saveOutputReport() {
+      this.loading = true
+      saveReportFile(this.list.map(item => item.coilId).join(','), {
+        reportParams: this.queryParams,
+        reportType: '产出报表,年报表',
+        productionLine: this.productionLine,
+      }).then(res => {
+        this.$message({
+          message: '保存成功',
+          type: 'success',
+        })
+      }).catch(err => {
+        this.$message({
+          message: '保存失败',
+          type: 'error',
+        })
+      }).finally(() => {
+        this.loading = false
+      })
+    },
+    // 保存消耗报表
+    saveLossReport() {
+      this.loading = true
+      saveReportFile(this.lossList.map(item => item.coilId).join(','), {
+        reportParams: this.queryParams,
+        reportType: '消耗报表,年报表',
+        productionLine: this.productionLine,
+      }).then(res => {
+        this.$message({
+          message: '保存成功',
+          type: 'success',
+        })
+      }).catch(err => {
+        this.$message({
+          message: '保存失败',
+          type: 'error',
+        })
+      }).finally(() => {
+        this.loading = false
+      })
+    },
  },
  mounted() {
    this.handleQuery()