From 391b0428a02ba5ab9c6a3dd455bf6a546efbe28c Mon Sep 17 00:00:00 2001
From: panxinyu-YUYwp <youremail@example.com>
Date: Tue, 18 Aug 2026 14:38:09 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B5=AB=E8=89=BE=E7=B3=BB=E7=BB=9F=E4=B8=AD?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9E=E5=B7=A5=E5=85=B7=E5=87=BA=E5=85=A5=E5=BA=93?=
 =?UTF-8?q?=E8=AE=B0=E5=BD=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/production/tool.js                  |  12 +
 src/views/modules/tool/toolInventoryLog.vue | 364 ++++++++++++++++++++
 2 files changed, 376 insertions(+)
 create mode 100644 src/views/modules/tool/toolInventoryLog.vue

diff --git a/src/api/production/tool.js b/src/api/production/tool.js
index cde8cbf..6d9f985 100644
--- a/src/api/production/tool.js
+++ b/src/api/production/tool.js
@@ -6,3 +6,15 @@ import { createAPI } from '@/utils/httpRequest.js'
 // 模具实例分页查询 - rqrq
 export const searchToolInstancePage = data =>
   createAPI('/production/tool/searchToolInstancePage', 'post', data)
+
+// 工具出入库单头分页查询
+export const searchToolTransHeaderPage = data =>
+  createAPI('/production/tool/searchToolTransHeaderPage', 'post', data)
+
+// 工具出入库明细分页查询
+export const searchToolTransDetailPage = data =>
+  createAPI('/production/tool/searchToolTransDetailPage', 'post', data)
+
+// 出入库类型下拉列表
+export const searchToolTransTypeList = data =>
+  createAPI('/production/tool/searchToolTransTypeList', 'post', data)
diff --git a/src/views/modules/tool/toolInventoryLog.vue b/src/views/modules/tool/toolInventoryLog.vue
new file mode 100644
index 0000000..a130a87
--- /dev/null
+++ b/src/views/modules/tool/toolInventoryLog.vue
@@ -0,0 +1,364 @@
+<template>
+  <div class="mod-config yzz">
+    <!-- 出入库记录 -->
+    <div class="trans-section">
+      <p class="section-title">出入库记录</p>
+      <el-form :inline="true" label-position="top" style="margin-top: 0px">
+        <el-form-item label="工厂编码">
+          <el-input v-model="headerSearch.site" style="width: 100px" clearable/>
+        </el-form-item>
+        <el-form-item label="出入库单号">
+          <el-input v-model="headerSearch.transNo" style="width: 160px" clearable/>
+        </el-form-item>
+        <el-form-item label="出入库类型">
+          <el-select v-model="headerSearch.transType" style="width: 160px" clearable placeholder="全部">
+            <el-option label="全部" value=""/>
+            <el-option
+              v-for="item in transTypeOptions"
+              :key="item"
+              :label="item"
+              :value="item"/>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="经手人">
+          <el-input v-model="headerSearch.receiver" style="width: 120px" clearable/>
+        </el-form-item>
+        <el-form-item label=" ">
+          <el-button type="primary" @click="searchHeader()" :loading="dataListLoading">查询</el-button>
+          <!-- 导出功能 -->
+          <!--download-excel
+            :fields="headerFields()"
+            type="xls"
+            :name="headerExportName"
+            :fetch="createHeaderExportData"
+            worksheet="导出信息"
+            class="el-button el-button--primary el-button--medium"
+            style="margin-left: 8px;">
+            导出
+          </download-excel-->
+        </el-form-item>
+      </el-form>
+
+      <el-table
+        :data="headerList"
+        :height="headerHeight"
+        border
+        highlight-current-row
+        @row-click="handleHeaderRowClick"
+        v-loading="dataListLoading"
+        style="width: 100%;">
+        <el-table-column
+          v-for="(item,index) in headerColumnList"
+          :key="index"
+          :sortable="item.columnSortable"
+          :prop="item.columnProp"
+          header-align="center"
+          :show-overflow-tooltip="item.showOverflowTooltip"
+          :align="item.align"
+          :fixed="item.fixed==''?false:item.fixed"
+          :min-width="item.columnWidth"
+          :label="item.columnLabel">
+          <template slot-scope="scope">
+            <span v-if="!item.columnHidden">{{ scope.row[item.columnProp] }}</span>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <el-pagination
+        @size-change="headerSizeChange"
+        @current-change="headerCurrentChange"
+        :current-page="headerPageIndex"
+        :page-sizes="[20, 50, 100]"
+        :page-size="headerPageSize"
+        :total="headerTotal"
+        layout="total, sizes, prev, pager, next, jumper">
+      </el-pagination>
+    </div>
+
+    <!-- 出入库明细 -->
+    <div class="trans-section" style="margin-top: 10px;">
+      <p class="section-title">出入库明细</p>
+
+      <el-table
+        :data="detailList"
+        :height="detailHeight"
+        border
+        highlight-current-row
+        v-loading="dataListLoading"
+        style="width: 100%;">
+        <el-table-column
+          v-for="(item,index) in detailColumnList"
+          :key="index"
+          :sortable="item.columnSortable"
+          :prop="item.columnProp"
+          header-align="center"
+          :show-overflow-tooltip="item.showOverflowTooltip"
+          :align="item.align"
+          :fixed="item.fixed==''?false:item.fixed"
+          :min-width="item.columnWidth"
+          :label="item.columnLabel">
+          <template slot-scope="scope">
+            <span v-if="!item.columnHidden">{{ scope.row[item.columnProp] }}</span>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <el-pagination
+        @size-change="detailSizeChange"
+        @current-change="detailCurrentChange"
+        :current-page="detailPageIndex"
+        :page-sizes="[20, 50, 100]"
+        :page-size="detailPageSize"
+        :total="detailTotal"
+        layout="total, sizes, prev, pager, next, jumper">
+      </el-pagination>
+    </div>
+  </div>
+</template>
+
+<script>
+/**
+ * 工具出入库记录查询页面
+ * 出入库单头(tool_trans_header) + 出入库明细(tool_trans_detail) 两个查询
+ */
+import {
+  searchToolTransHeaderPage,
+  searchToolTransDetailPage,
+  searchToolTransTypeList
+} from '@/api/production/tool.js'
+
+/** 出入库单头列 */
+const HEADER_COLUMN_SPECS = [
+  { prop: 'site', label: '工厂编码', width: 70, align: 'center' },
+  { prop: 'transNo', label: '出入库单号', width: 150, align: 'left', tooltip: true },
+  { prop: 'transDate', label: '出入库日期', width: 110, align: 'center' },
+  { prop: 'transType', label: '出入库类型', width: 130, align: 'left', tooltip: true },
+  { prop: 'receiver', label: '经手人', width: 90, align: 'left' },
+  { prop: 'status', label: '状态', width: 80, align: 'center' },
+  { prop: 'remark', label: '备注', width: 180, align: 'left', tooltip: true }
+]
+
+/** 出入库明细列 */
+const DETAIL_COLUMN_SPECS = [
+  //{ prop: 'batchNo', label: '批号', width: 130, align: 'left', tooltip: true },
+  { prop: 'toolInstanceId', label: '工具实例编码', width: 130, align: 'left', tooltip: true },
+  { prop: 'itemNo', label: '行号', width: 70, align: 'center' },
+  { prop: 'wareHouseId', label: '仓库编码', width: 90, align: 'left' },
+  { prop: 'locationId', label: '库位编码', width: 90, align: 'left' },
+  { prop: 'remark', label: '备注', width: 180, align: 'left', tooltip: true }
+]
+
+/** 列配置转为与 cancelSfdcForWareHouse 相同的字段结构 */
+function buildColumnList (specs, tableId, vm) {
+  return specs.map(spec => ({
+    tableId: tableId,
+    tableName: vm.$route.meta.title,
+    columnProp: spec.prop,
+    columnLabel: spec.label,
+    columnHidden: false,
+    columnImage: false,
+    columnSortable: false,
+    columnWidth: spec.width,
+    format: null,
+    functionId: vm.$route.meta.menuId,
+    sortLv: 0,
+    status: true,
+    fixed: '',
+    serialNumber: null,
+    columnType: null,
+    align: spec.align || 'left',
+    showOverflowTooltip: !!spec.tooltip,
+    slotKey: ''
+  }))
+}
+
+export default {
+  name: 'toolInventoryLog',
+  data () {
+    return {
+      headerHeight: 200,
+      detailHeight: 200,
+      dataListLoading: false,
+
+      // 出入库类型下拉选项
+      transTypeOptions: [],
+
+      // 出入库单头
+      headerSearch: {
+        site: '',
+        transNo: '',
+        transType: '',
+        receiver: ''
+      },
+      headerList: [],
+      headerPageIndex: 1,
+      headerPageSize: 20,
+      headerTotal: 0,
+      headerExportName: '工具出入库记录' + this.getStrDate(),
+
+      // 出入库明细（根据上方出入库记录选中行联动加载）
+      currentHeaderRow: null,
+      detailList: [],
+      detailPageIndex: 1,
+      detailPageSize: 20,
+      detailTotal: 0,
+      detailExportName: '工具出入库明细' + this.getStrDate()
+    }
+  },
+  computed: {
+    headerColumnList () {
+      return buildColumnList(HEADER_COLUMN_SPECS, 'toolTransHeaderList', this)
+    },
+    detailColumnList () {
+      return buildColumnList(DETAIL_COLUMN_SPECS, 'toolTransDetailList', this)
+    }
+  },
+mounted () {
+    this.loadTransTypeOptions()
+    this.$nextTick(() => {
+      const total = window.innerHeight - 280
+      this.headerHeight = Math.floor(total * 0.5) - 30
+      this.detailHeight = Math.floor(total * 0.5) - 30
+    })
+  },
+  methods: {
+    /** 加载出入库类型下拉 */
+    loadTransTypeOptions () {
+      searchToolTransTypeList({}).then(({ data }) => {
+        if (data && data.code === 0) {
+          this.transTypeOptions = data.list || []
+        }
+      }).catch(() => {
+        this.transTypeOptions = []
+      })
+    },
+    /** 查询出入库单头 */
+    searchHeader () {
+      this.dataListLoading = true
+      const payload = {
+        site: this.headerSearch.site ? this.headerSearch.site.trim() : undefined,
+        transNo: this.headerSearch.transNo ? this.headerSearch.transNo.trim() : undefined,
+        transType: this.headerSearch.transType ? this.headerSearch.transType.trim() : undefined,
+        receiver: this.headerSearch.receiver ? this.headerSearch.receiver.trim() : undefined,
+        page: this.headerPageIndex,
+        limit: this.headerPageSize
+      }
+      searchToolTransHeaderPage(payload).then(({ data }) => {
+        this.dataListLoading = false
+        if (data && data.code === 0 && data.page) {
+          this.headerList = data.page.list || []
+          this.headerTotal = data.page.totalCount
+        } else {
+          this.headerList = []
+          this.headerTotal = 0
+        }
+      }).catch(() => {
+        this.dataListLoading = false
+        this.$message.error('查询失败')
+      })
+    },
+    headerSizeChange (val) {
+      this.headerPageSize = val
+      this.headerPageIndex = 1
+      this.searchHeader()
+    },
+    headerCurrentChange (val) {
+      this.headerPageIndex = val
+      this.searchHeader()
+    },
+
+    /** 点击上方出入库记录时联动加载出入库明细 */
+    handleHeaderRowClick (row) {
+      this.currentHeaderRow = row
+      this.detailPageIndex = 1
+      this.queryDetail()
+    },
+    /** 根据选中的出入库记录查询明细 */
+    queryDetail () {
+      const row = this.currentHeaderRow
+      if (!row || !row.transNo) {
+        this.detailList = []
+        this.detailTotal = 0
+        return
+      }
+      this.dataListLoading = true
+      const payload = {
+        site: row.site ? String(row.site).trim() : undefined,
+        transNo: row.transNo ? String(row.transNo).trim() : undefined,
+        page: this.detailPageIndex,
+        limit: this.detailPageSize
+      }
+      searchToolTransDetailPage(payload).then(({ data }) => {
+        this.dataListLoading = false
+        if (data && data.code === 0 && data.page) {
+          this.detailList = data.page.list || []
+          this.detailTotal = data.page.totalCount
+        } else {
+          this.detailList = []
+          this.detailTotal = 0
+        }
+      }).catch(() => {
+        this.dataListLoading = false
+        this.$message.error('查询失败')
+      })
+    },
+    detailSizeChange (val) {
+      this.detailPageSize = val
+      this.detailPageIndex = 1
+      this.queryDetail()
+    },
+    detailCurrentChange (val) {
+      this.detailPageIndex = val
+      this.queryDetail()
+    },
+
+    /** 动态导出列 */
+    headerFields () {
+      return this.buildFields(this.headerColumnList)
+    },
+    detailFields () {
+      return this.buildFields(this.detailColumnList)
+    },
+    buildFields (columnList) {
+      let json = '{'
+      columnList.forEach((item, index) => {
+        json += '"' + item.columnLabel + '"' + ':' + '"' + item.columnProp + '"' + (index === columnList.length - 1 ? '' : ',')
+      })
+      json += '}'
+      return eval('(' + json + ')')
+    },
+
+    /** 导出当前页数据 */
+    createHeaderExportData () {
+      return this.headerList
+    },
+    createDetailExportData () {
+      return this.detailList
+    },
+
+    /** 导出文件名时间戳 */
+    getStrDate () {
+      const dd = new Date()
+      const Y = dd.getFullYear()
+      const M = (dd.getMonth() + 1) < 10 ? '0' + (dd.getMonth() + 1) : (dd.getMonth() + 1)
+      const D = dd.getDate() < 10 ? '0' + dd.getDate() : dd.getDate()
+      const H = dd.getHours() < 10 ? '0' + dd.getHours() : dd.getHours()
+      const MM = dd.getMinutes() < 10 ? '0' + dd.getMinutes() : dd.getMinutes()
+      const S = dd.getSeconds() < 10 ? '0' + dd.getSeconds() : dd.getSeconds()
+      return Y + '' + M + D + H + MM + S
+    }
+  }
+}
+</script>
+
+<style scoped>
+.trans-section {
+  border: 1px solid #e4e7ed;
+  padding: 10px 10px 6px 10px;
+}
+.section-title {
+  margin: 0 0 6px 0;
+  font-size: 16px;
+  font-weight: bold;
+}
+</style>