From 4245a5b71a7803ef5df819ea596439799f6cd6fc Mon Sep 17 00:00:00 2001
From: bb_pan <max_163email@163.com>
Date: Tue, 26 Aug 2025 14:48:57 +0800
Subject: [PATCH] =?UTF-8?q?=E9=85=8D=E4=BB=B6=E5=BA=93=E5=AD=98=E6=9F=A5?=
 =?UTF-8?q?=E8=AF=A2,=20=E5=8E=82=E5=AE=B6=E4=B8=8B=E6=8B=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/nameplateUpdate/index.vue           |   2 +-
 .../repair/repairManage/code-operate.vue      |   2 +-
 src/pages/repair/repairManage/num-operate.vue |   2 +-
 src/pages/search/index.vue                    |   5 +
 .../stquery/deviceStatusRecord/partsStore.vue | 211 ++++++++++++++++++
 src/services/stquery/stquery.js               |  14 +-
 6 files changed, 227 insertions(+), 9 deletions(-)
 create mode 100644 src/pages/stquery/deviceStatusRecord/partsStore.vue

diff --git a/src/pages/nameplateUpdate/index.vue b/src/pages/nameplateUpdate/index.vue
index c395e12..40745df 100644
--- a/src/pages/nameplateUpdate/index.vue
+++ b/src/pages/nameplateUpdate/index.vue
@@ -204,7 +204,7 @@ const handleSearch = async () => {
 
 const fetchSuppliers = async () => {
     try {
-        const res = await getSupplierList()
+        const res = await getSupplierList({ pageNum: 1, pageSize: 99999 })
         if (res.code === 200) {
             suppliers.value = res.rows.map(item => ({
                 id: item.supplierId,
diff --git a/src/pages/repair/repairManage/code-operate.vue b/src/pages/repair/repairManage/code-operate.vue
index 7d0ec57..4d529d5 100644
--- a/src/pages/repair/repairManage/code-operate.vue
+++ b/src/pages/repair/repairManage/code-operate.vue
@@ -569,7 +569,7 @@ const formLeft = ref({
 //返厂维修
 const partsMillList = ref([])
 const getSupplierListData = async () => {
-    const res = await getSupplierList({})
+    const res = await getSupplierList({ pageNum: 1, pageSize: 99999 })
     partsMillList.value = res.rows.map((item) => {
         let obj = {
             value: item.supplierId,
diff --git a/src/pages/repair/repairManage/num-operate.vue b/src/pages/repair/repairManage/num-operate.vue
index b6b9979..040c88c 100644
--- a/src/pages/repair/repairManage/num-operate.vue
+++ b/src/pages/repair/repairManage/num-operate.vue
@@ -490,7 +490,7 @@ const partTreeChange = (val,index) =>{
 //获取厂商
 const partsMillList = ref([])
 const getSupplierListData = async () => {
-    const res = await getSupplierList({})
+    const res = await getSupplierList({ pageNum: 1, pageSize: 99999 })
     partsMillList.value = res.rows.map((item) => {
         let obj = {
             value: item.supplierId,
diff --git a/src/pages/search/index.vue b/src/pages/search/index.vue
index 2b8d9b6..586be38 100644
--- a/src/pages/search/index.vue
+++ b/src/pages/search/index.vue
@@ -264,6 +264,11 @@ const deviceList = ref([
         url: '/pages/stquery/deviceStatusRecord/index',
         iconSrc: '../../static/searchModel/partRecord.png',
     },
+    {
+        title: '配件库存查询',
+        url: '/pages/stquery/deviceStatusRecord/partsStore',
+        iconSrc: '../../static/searchModel/partRecord.png',
+    },
 ])
 
 // 使用计算属性筛选 newInfoList 中的数据
diff --git a/src/pages/stquery/deviceStatusRecord/partsStore.vue b/src/pages/stquery/deviceStatusRecord/partsStore.vue
new file mode 100644
index 0000000..d34da4a
--- /dev/null
+++ b/src/pages/stquery/deviceStatusRecord/partsStore.vue
@@ -0,0 +1,211 @@
+<template>
+  <!-- 退料任务 -->
+  <view class="accept page-common">
+    <uni-row :gutter="24" class="search-form">
+      <uni-col :span="18">
+        <view>
+          <uni-easyinput v-model="queryParams.keyWord" placeholder="请输入内容" />
+        </view>
+      </uni-col>
+      <uni-col :span="6">
+        <view class="search" @click="getTableList">查询</view>
+      </uni-col>
+    </uni-row>
+    <view style="width: 100%">
+      <uni-table border stripe emptyText="">
+        <uni-tr>
+          <uni-th style="font-size: 20rpx" width="40px" align="center">序号</uni-th>
+          <uni-th style="font-size: 20rpx" width="70px" align="center">配件名称</uni-th>
+          <uni-th style="font-size: 20rpx" width="70px" align="center">规格型号</uni-th>
+          <uni-th style="font-size: 20rpx" width="70px" align="center">单位</uni-th>
+          <uni-th style="font-size: 20rpx" width="45px" align="center">库存</uni-th>
+        </uni-tr>
+        <uni-tr></uni-tr>
+      </uni-table>
+    </view>
+    <scroll-view scroll-y class="scroll-container" @scrolltolower="onScrollTolower">
+      <uni-table border stripe emptyText="暂无更多数据" sticky>
+        <!-- 表格数据行 -->
+        <uni-tr v-for="(item, index) in tableList" :key="index">
+          <uni-td style="width: 40px; font-size: 20rpx; text-align: center">{{
+            index + 1
+          }}</uni-td>
+          <uni-td style="width: 70px; font-size: 20rpx; text-align: center">{{
+            item.typeName
+          }}</uni-td>
+          <uni-td style="width: 70px; font-size: 20rpx; text-align: center">{{
+            item.typeModelName
+          }}</uni-td>
+          <uni-td style="width: 70px; font-size: 20rpx; text-align: center">{{
+            item.unit
+          }}</uni-td>
+          <uni-td style="width: 45px; font-size: 20rpx; text-align: center">{{
+            item.storeNum
+          }}</uni-td>
+        </uni-tr>
+      </uni-table>
+    </scroll-view>
+  </view>
+</template>
+
+<script setup>
+import { ref, computed } from 'vue'
+import { onLoad, onShow } from '@dcloudio/uni-app'
+import { getPartPersonNumApi } from '@/services/stquery/stquery.js'
+import { debounce } from 'lodash-es'
+
+const tableList = ref([]) //列表数据源
+const total = ref(0)
+// 查询参数
+const queryParams = ref({
+  keyWord: '', //关键字
+  pageNum: 1,
+  pageSize: 20,
+})
+// 滚动触底事件
+const onScrollTolower = debounce(() => {
+  console.log('触底事件')
+  if (total.value > tableList.value.length) {
+    queryParams.value.pageSize += 10
+    getTableList()
+  }
+}, 500)
+// 获取列表数据
+const getTableList = async (isTap = false) => {
+  try {
+    uni.showLoading({ title: '加载中', mask: true })
+    const res = await getPartPersonNumApi(queryParams.value)
+    const newRows = res?.data?.rows || []
+    total.value = res?.data?.total || 0
+
+    if (isTap || queryParams.pageNum === 1) {
+      // 刷新或tab切换，直接替换
+      tableList.value = newRows
+    } else {
+      // 加载更多，按 typeId 去重后合并
+      const existingIds = new Set(tableList.value.map((item) => item.typeId))
+      const filteredRows = newRows.filter((item) => !existingIds.has(item.typeId))
+      tableList.value.push(...filteredRows)
+    }
+  } catch (error) {
+    console.log('🚀 ~ getTableList ~ error:', error)
+  } finally {
+    uni.hideLoading()
+  }
+}
+
+onLoad(() => {
+  tableList.value = []
+  total.value = 0
+  getTableList(true)
+})
+</script>
+
+<style lang="scss" scoped>
+.accept {
+  height: 95vh;
+  word-break: break-all;
+  background-color: #f7f8fa;
+  padding: 24rpx;
+  // 搜索表单
+  .search-form {
+    display: flex;
+    align-items: center;
+    background: #fff;
+    padding: 10rpx;
+    border-radius: 20rpx;
+    margin-bottom: 24rpx;
+    box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.05);
+
+    .select-box {
+      width: 100%;
+      height: 80rpx;
+    }
+    .select-box-content {
+      height: 75rpx;
+      width: auto;
+      display: flex;
+      align-items: center;
+      flex-wrap: nowrap;
+    }
+    .select-box-item {
+      width: auto;
+      padding: 5rpx;
+      margin-right: 10rpx;
+      height: 60rpx;
+      line-height: 60rpx;
+      font-size: 24rpx;
+      word-break: keep-all;
+      white-space: nowrap;
+    }
+
+    // 搜索按钮
+    .search {
+      height: 60rpx;
+      background: linear-gradient(135deg, #4b8eff 0%, #3784fb 100%);
+      text-align: center;
+      line-height: 60rpx;
+      color: #fff;
+      border-radius: 12rpx;
+      font-size: 28rpx;
+      font-weight: 600;
+      box-shadow: 0 6rpx 20rpx rgba(55, 132, 251, 0.2);
+      transition: all 0.3s ease;
+
+      &:active {
+        transform: scale(0.98);
+        opacity: 0.9;
+      }
+    }
+
+    // 新增按钮
+    .addBtn {
+      height: 80rpx;
+      background: linear-gradient(135deg, #19be6b 0%, #16a75c 100%);
+      text-align: center;
+      line-height: 80rpx;
+      color: #fff;
+      border-radius: 12rpx;
+      font-size: 28rpx;
+      font-weight: 600;
+      box-shadow: 0 6rpx 20rpx rgba(25, 190, 107, 0.2);
+      transition: all 0.3s ease;
+
+      &:active {
+        transform: scale(0.98);
+        opacity: 0.9;
+      }
+    }
+  }
+}
+
+// 列表容器
+.scroll-container {
+  width: 100%;
+  height: 65vh;
+  margin: 0rpx auto;
+}
+
+/* 针对Web平台 */
+.scroll-view {
+  overflow: auto; /* 允许滚动 */
+  -ms-overflow-style: none; /* IE和Edge */
+  scrollbar-width: none; /* Firefox */
+}
+
+/* 针对其他非Web平台，比如小程序，可以通过条件编译来设置 */
+/* #ifdef MP-WEIXIN */
+.scroll-view {
+  scroll-view {
+    scroll-x: true;
+    scroll-y: auto;
+    ::-webkit-scrollbar {
+      display: none; /* 针对Webkit浏览器，隐藏滚动条 */
+      width: 0;
+      height: 0;
+      color: transparent;
+    }
+  }
+}
+/* #endif */
+</style>
diff --git a/src/services/stquery/stquery.js b/src/services/stquery/stquery.js
index 04b267a..1d8be3d 100644
--- a/src/services/stquery/stquery.js
+++ b/src/services/stquery/stquery.js
@@ -27,12 +27,14 @@ export const getSelectionList = (data) => {
   })
 }
 
-
-
-
-
-
-
+// 配件库存
+export const getPartPersonNumApi = (data) => {
+  return http({
+    method: 'GET',
+    url: '/material/complex_query/getPartPersonNum',
+    data,
+  })
+}