From ce6d5e5d6ec6d0300aac82aa9298d6de39b1eadc Mon Sep 17 00:00:00 2001
From: zx <zhouxinxin0724@163.com>
Date: Fri, 3 Apr 2026 08:38:34 +0800
Subject: [PATCH] =?UTF-8?q?=E5=85=A5=E5=BA=93=E6=B5=81=E7=A8=8B=E5=AF=B9?=
 =?UTF-8?q?=E6=8E=A5=E5=AE=8C=E6=AF=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 api/getRepository.js                          |  24 ++
 api/request.js                                |   3 +-
 api/stockIn.js                                |  37 +++
 api/system.js                                 |   8 +
 api/uniqueCode.js                             |   6 +-
 components/BarcodeGenerator.vue               |  60 ----
 package-lock.json                             |  24 ++
 package.json                                  |   3 +
 pages.json                                    | 122 +++++++-
 pages/components/ChooseList.vue               | 236 ++++++++++++++
 pages/components/DetailInfo.vue               |  88 ++++++
 pages/components/LineSteps.vue                |  97 ++++++
 pages/components/MaterialList.vue             | 281 +++++++++++++++++
 pages/components/Navigation.vue               | 107 +++++++
 pages/components/SearchList.vue               | 186 +++++++++++
 pages/components/WarehousingInfo.vue          | 144 +++++++++
 pages/index/index.vue                         |   1 +
 pages/intelligent/index.vue                   |   1 +
 pages/login/login.vue                         |   4 +-
 pages/my/index.vue                            |   5 +-
 pages/uniqueCode/issueUniqueCode/index.vue    | 242 ---------------
 .../issueUniqueCode/materialSelection.vue     | 121 --------
 pages/uniqueCode/myUniqueCode/QrCodeModal.vue |  97 ------
 pages/uniqueCode/myUniqueCode/detail.vue      | 292 ------------------
 pages/until.js                                | 123 ++++++++
 .../warehousing/StockIn/components/detail.vue | 147 +++++++++
 .../StockIn/components/inbound.vue            | 158 ++++++++++
 pages/warehousing/StockIn/create.vue          | 206 ++++++++++++
 pages/warehousing/StockIn/my.vue              |   9 +
 pages/warehousing/StockIn/putaway.vue         |  10 +
 pages/warehousing/index.vue                   |  69 +++--
 pages/warehousing/toChooseList.vue            |  18 ++
 .../uniqueCode/issueUniqueCode/index.vue      | 205 ++++++++++++
 .../issueUniqueCode/materialSelection.vue     | 218 +++++++++++++
 .../uniqueCode/myUniqueCode/QrCodeModal.vue   | 112 +++++++
 .../uniqueCode/myUniqueCode/detail.vue        | 184 +++++++++++
 .../uniqueCode/myUniqueCode/index.vue         |  18 +-
 pages/{ => warehousing}/uniqueCode/until.js   |   5 +-
 static/edit.png                               | Bin 0 -> 2850 bytes
 static/printer.png                            | Bin 0 -> 3071 bytes
 styles/theme.scss                             | 278 +++++++++++++----
 yarn.lock                                     |  15 +
 42 files changed, 3028 insertions(+), 936 deletions(-)
 create mode 100644 api/getRepository.js
 create mode 100644 api/stockIn.js
 create mode 100644 api/system.js
 delete mode 100644 components/BarcodeGenerator.vue
 create mode 100644 pages/components/ChooseList.vue
 create mode 100644 pages/components/DetailInfo.vue
 create mode 100644 pages/components/LineSteps.vue
 create mode 100644 pages/components/MaterialList.vue
 create mode 100644 pages/components/Navigation.vue
 create mode 100644 pages/components/SearchList.vue
 create mode 100644 pages/components/WarehousingInfo.vue
 delete mode 100644 pages/uniqueCode/issueUniqueCode/index.vue
 delete mode 100644 pages/uniqueCode/issueUniqueCode/materialSelection.vue
 delete mode 100644 pages/uniqueCode/myUniqueCode/QrCodeModal.vue
 delete mode 100644 pages/uniqueCode/myUniqueCode/detail.vue
 create mode 100644 pages/until.js
 create mode 100644 pages/warehousing/StockIn/components/detail.vue
 create mode 100644 pages/warehousing/StockIn/components/inbound.vue
 create mode 100644 pages/warehousing/StockIn/create.vue
 create mode 100644 pages/warehousing/StockIn/my.vue
 create mode 100644 pages/warehousing/StockIn/putaway.vue
 create mode 100644 pages/warehousing/toChooseList.vue
 create mode 100644 pages/warehousing/uniqueCode/issueUniqueCode/index.vue
 create mode 100644 pages/warehousing/uniqueCode/issueUniqueCode/materialSelection.vue
 create mode 100644 pages/warehousing/uniqueCode/myUniqueCode/QrCodeModal.vue
 create mode 100644 pages/warehousing/uniqueCode/myUniqueCode/detail.vue
 rename pages/{ => warehousing}/uniqueCode/myUniqueCode/index.vue (90%)
 rename pages/{ => warehousing}/uniqueCode/until.js (91%)
 create mode 100644 static/edit.png
 create mode 100644 static/printer.png

diff --git a/api/getRepository.js b/api/getRepository.js
new file mode 100644
index 0000000..367f1e9
--- /dev/null
+++ b/api/getRepository.js
@@ -0,0 +1,24 @@
+// mockWarehousing.js
+
+// 模拟数据
+const mockWarehousingData = [
+  { id: 101, deptName: "Y00002", deptId: "WSA0197", remark: "备注" },
+  { id: 102, deptName: "Y00003", deptId: "WSA0198", remark: "" },
+  { id: 103, deptName: "Y00004", deptId: "WSA0199", remark: "备注" },
+  { id: 104, deptName: "Y00005", deptId: "WSA0200", remark: "" },
+];
+
+// Mock 接口（和你原接口格式一致）
+const getRepository = (params) => {
+  return new Promise((resolve) => {
+    setTimeout(() => {
+      resolve({
+        code: 200,
+        msg: "获取成功",
+        data: mockWarehousingData,
+      });
+    }, 200);
+  });
+};
+
+export default getRepository;
diff --git a/api/request.js b/api/request.js
index dd881bb..341a530 100644
--- a/api/request.js
+++ b/api/request.js
@@ -1,5 +1,6 @@
 //存放主站域名
-const BASE_URL = 'http://192.168.1.5:8082' // 正式环境接口
+// const BASE_URL = 'http://192.168.1.5:8082' // w
+const BASE_URL = 'http://192.168.1.9:8082' // 正式环境接口
 // const BASE_URL = 'http://47.100.212.83:18088' // 正式环境接口
 // const BASE_URL = 'http://192.168.1.9:8088' // 测试环境接口
 // const BASE_URL = 'http://192.168.1.5:8088' // 测试环境接口
diff --git a/api/stockIn.js b/api/stockIn.js
new file mode 100644
index 0000000..5b26149
--- /dev/null
+++ b/api/stockIn.js
@@ -0,0 +1,37 @@
+import { request } from './request'
+const api ='/worn/inboundBill/'
+// 新建:入库单
+const addStockIn = (params) => {
+  return request(api+'add', params, 'POST')
+}
+// 列表
+const stockList = (params) => {
+  return request(api+'list', params, 'get')
+}
+// 详情
+const stockInDetail = (params) => {
+  return request('/worn/item/list', params, 'get')
+}
+// 编辑
+const stockInUpdate = (params) => {
+  return request('/worn/item/update', params, 'post')
+}
+// 入库
+const inboundFinish = (params) => {
+  return request('/worn/inboundBill/inboundFinish', params, 'post')
+}
+// 作废
+const inboundBillVoid = (params) => {
+  return request('/worn/inboundBill/void', params, 'post')
+}
+
+
+export {
+  addStockIn,
+  stockList,
+  stockInDetail,
+  stockInUpdate,
+  inboundFinish,
+  inboundBillVoid
+
+}
\ No newline at end of file
diff --git a/api/system.js b/api/system.js
new file mode 100644
index 0000000..1e2a9c5
--- /dev/null
+++ b/api/system.js
@@ -0,0 +1,8 @@
+import { request } from "./request";
+
+// 根据当前用户获取仓库信息
+const getWarehousingInfo = (params) => {
+  return request(`/system/user/myDeptChildren`, params, "get");
+};
+
+export { getWarehousingInfo };
diff --git a/api/uniqueCode.js b/api/uniqueCode.js
index 4bd7818..dfd8aa4 100644
--- a/api/uniqueCode.js
+++ b/api/uniqueCode.js
@@ -21,9 +21,12 @@ const delUniqueCode = (params) => {
 };
 // 详情：唯一码
 const detailUniqueCode = (params) => {
-  console.log(params,'params');
   return request(`/unique/code/${params.id}`, params, 'GET');
 };
+// 详情：通过唯一码获取物料信息
+const getMaterialUnique = (params) => {
+  return request(`/unique/code/materialInfo/${params.code}`, params, 'GET');
+};
 
 export {
   getMaterial,
@@ -32,4 +35,5 @@ export {
   delUniqueCode,
   detailUniqueCode,
   editUniqueCode,
+  getMaterialUnique
 };
diff --git a/components/BarcodeGenerator.vue b/components/BarcodeGenerator.vue
deleted file mode 100644
index 189810d..0000000
--- a/components/BarcodeGenerator.vue
+++ /dev/null
@@ -1,60 +0,0 @@
-<!-- components/BarcodeGenerator.vue -->
-<template>
-  <div class="barcode-container">
-    <canvas v-if="type === 'canvas'" ref="barcodeRef"></canvas>
-    <svg v-else ref="barcodeRef"></svg>
-  </div>
-</template>
-
-<script setup>
-import { ref, watch, onMounted, defineProps, defineEmits } from 'vue';
-import JsBarcode from 'jsbarcode';
-
-// 定义Props（外部传参）
-const props = defineProps({
-  value: { // 条形码内容
-    type: String,
-    required: true
-  },
-  format: { // 条形码格式
-    type: String,
-    default: 'CODE128'
-  },
-  type: { // 渲染类型
-    type: String,
-    default: 'canvas',
-    validator: (val) => ['canvas', 'svg'].includes(val)
-  },
-  options: { // 自定义配置
-    type: Object,
-    default: () => ({
-      width: 2,
-      height: 100,
-      displayValue: true
-    })
-  }
-})
-
-// 定义DOM引用
-const barcodeRef = ref(null)
-
-// 生成条形码
-const generate = () => {
-  if (!barcodeRef.value) return
-  // 合并默认配置和外部配置
-  const finalOptions = { ...props.options, format: props.format }
-  // 清空Canvas（SVG无需清空）
-  if (props.type === 'canvas') {
-    const ctx = barcodeRef.value.getContext('2d')
-    ctx.clearRect(0, 0, barcodeRef.value.width, barcodeRef.value.height)
-  }
-  // 生成条形码
-  JsBarcode(barcodeRef.value, props.value, finalOptions)
-}
-
-// 挂载后初始化
-onMounted(generate)
-
-// 监听props变化，自动更新
-watch([() => props.value, () => props.format, () => props.options], generate, { deep: true })
-</script>
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index 76a6634..dd3ecd6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -6,7 +6,10 @@
     "": {
       "dependencies": {
         "@climblee/uv-ui": "^1.1.20",
+        "dayjs": "^1.11.20",
         "jsbarcode": "^3.12.3",
+        "lodash": "^4.17.23",
+        "numeral": "^2.0.6",
         "z-paging": "^2.8.8"
       },
       "devDependencies": {
@@ -817,6 +820,12 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/dayjs": {
+      "version": "1.11.20",
+      "resolved": "https://registry.npmmirror.com/dayjs/-/dayjs-1.11.20.tgz",
+      "integrity": "sha512-YbwwqR/uYpeoP4pu043q+LTDLFBLApUP6VxRihdfNTqu4ubqMlGDLd6ErXhEgsyvY0K6nCs7nggYumAN+9uEuQ==",
+      "license": "MIT"
+    },
     "node_modules/detect-libc": {
       "version": "2.1.2",
       "resolved": "https://registry.npmmirror.com/detect-libc/-/detect-libc-2.1.2.tgz",
@@ -1107,6 +1116,12 @@
         "node": ">=8.9.0"
       }
     },
+    "node_modules/lodash": {
+      "version": "4.17.23",
+      "resolved": "https://registry.npmmirror.com/lodash/-/lodash-4.17.23.tgz",
+      "integrity": "sha512-LgVTMpQtIopCi79SJeDiP0TfWi5CNEc/L/aRdTh3yIvmZXTnheWpKjSZhnvMl8iXbC1tFg9gdHHDMLoV7CnG+w==",
+      "license": "MIT"
+    },
     "node_modules/merge-stream": {
       "version": "2.0.0",
       "resolved": "https://registry.npmmirror.com/merge-stream/-/merge-stream-2.0.0.tgz",
@@ -1159,6 +1174,15 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/numeral": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmmirror.com/numeral/-/numeral-2.0.6.tgz",
+      "integrity": "sha512-qaKRmtYPZ5qdw4jWJD6bxEf1FJEqllJrwxCLIm0sQU/A7v2/czigzOb+C2uSiFsa9lBUzeH7M1oK+Q+OLxL3kA==",
+      "license": "MIT",
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/picocolors": {
       "version": "1.1.1",
       "resolved": "https://registry.npmmirror.com/picocolors/-/picocolors-1.1.1.tgz",
diff --git a/package.json b/package.json
index 978e13e..eb56032 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,10 @@
 {
   "dependencies": {
     "@climblee/uv-ui": "^1.1.20",
+    "dayjs": "^1.11.20",
     "jsbarcode": "^3.12.3",
+    "lodash": "^4.17.23",
+    "numeral": "^2.0.6",
     "z-paging": "^2.8.8"
   },
   "devDependencies": {
diff --git a/pages.json b/pages.json
index 6dcbacf..81daa19 100644
--- a/pages.json
+++ b/pages.json
@@ -32,22 +32,117 @@
       "path": "pages/my/index",
       "style": { "navigationBarTitleText": "我的" }
     },
+
+    // 仓储 - 唯一码
     {
-      "path": "pages/uniqueCode/issueUniqueCode/index",
+      "path": "pages/warehousing/uniqueCode/issueUniqueCode/index",
       "style": { "navigationBarTitleText": "唯一码发放" }
     },
     {
-      "path": "pages/uniqueCode/issueUniqueCode/materialSelection",
+      "path": "pages/warehousing/uniqueCode/issueUniqueCode/materialSelection",
       "style": { "navigationBarTitleText": "物料选择" }
     },
     {
-      "path": "pages/uniqueCode/myUniqueCode/index",
+      "path": "pages/warehousing/uniqueCode/myUniqueCode/index",
       "style": { "navigationBarTitleText": "唯一码" }
     },
     {
-      "path": "pages/uniqueCode/myUniqueCode/detail",
-      "style": { "navigationBarTitleText": "唯一码详情" }
+      "path": "pages/warehousing/uniqueCode/myUniqueCode/detail",
+      "style": {
+        "navigationBarTitleText": "唯一码详情",
+        "navigationStyle": "custom"
+      }
+    },
+    // {
+    //   "path": "pages/uniqueCode/bindRfid",
+    //   "style": { "navigationBarTitleText": "绑定RFID" }
+    // },
+
+    // ========== 库存信息模块 ==========
+    // {
+    //   "path": "pages/inventory/checkUniqueCode",
+    //   "style": { "navigationBarTitleText": "唯一码盘点" }
+    // },
+    // {
+    //   "path": "pages/inventory/age",
+    //   "style": { "navigationBarTitleText": "库龄查看" }
+    // },
+    // {
+    //   "path": "pages/inventory/alert",
+    //   "style": { "navigationBarTitleText": "库存预警" }
+    // },
+
+    // ========== 报表模块 ==========
+    // {
+    //   "path": "pages/report/daily",
+    //   "style": { "navigationBarTitleText": "库存日报" }
+    // },
+    // {
+    //   "path": "pages/report/monthly",
+    //   "style": { "navigationBarTitleText": "库存月报" }
+    // },
+    // {
+    //   "path": "pages/report/company",
+    //   "style": { "navigationBarTitleText": "公司库存报表" }
+    // },
+    // {
+    //   "path": "pages/report/warehouse",
+    //   "style": { "navigationBarTitleText": "仓库库存报表" }
+    // },
+
+    // ========== 申报单模块 ==========
+    // {
+    //   "path": "pages/declaration/materialQuery",
+    //   "style": { "navigationBarTitleText": "物资查询" }
+    // },
+    // {
+    //   "path": "pages/declaration/create",
+    //   "style": { "navigationBarTitleText": "申报单开单" }
+    // },
+    // {
+    //   "path": "pages/declaration/my",
+    //   "style": { "navigationBarTitleText": "我的申报单" }
+    // },
+
+    // ========== 入库单模块 ==========
+    {
+      "path": "pages/warehousing/stockIn/create",
+      "style": { "navigationBarTitleText": "入库单开单" }
+    },
+    {
+      "path": "pages/warehousing/stockIn/my",
+      "style": { "navigationBarTitleText": "我的入库单" }
+    },
+    {
+      "path": "pages/warehousing/stockIn/components/detail",
+      "style": { "navigationBarTitleText": "详情", "navigationStyle": "custom" }
+    },
+    {
+      "path": "pages/warehousing/stockIn/putaway",
+      "style": { "navigationBarTitleText": "入库单入库" }
+    },
+    {
+      "path": "pages/warehousing/toChooseList",
+      "style": { "navigationBarTitleText": "请选择" }
+    },
+    {
+      "path": "pages/warehousing/stockIn/components/inbound",
+      "style": { "navigationBarTitleText": "入库" }
     }
+
+    // ========== 出库单模块 ==========
+    // {
+    //   "path": "pages/stockOut/create",
+    //   "style": { "navigationBarTitleText": "出库单开单" }
+    // },
+    // {
+    //   "path": "pages/stockOut/my",
+    //   "style": { "navigationBarTitleText": "我的出库单" }
+    // },
+    // {
+    //   "path": "pages/stockOut/warehousing",
+    //   "style": { "navigationBarTitleText": "出库单出库" }
+    // }
   ],
   "globalStyle": {
     "navigationBarTextStyle": "black",
@@ -55,18 +150,17 @@
     "navigationBarBackgroundColor": "#F5F5F5",
     "backgroundColor": "#F5F5F5"
   },
-  // 底部 tabBar 核心配置
   "tabBar": {
-    "color": "#666", // 未选中文字颜色
-    "selectedColor": "#007AFF", // 选中文字颜色
-    "backgroundColor": "#fff", // 导航栏背景色
-    "borderStyle": "black", // 上边框样式（black/white）
-    "height": "50px", // 导航栏高度（App 端建议 50px 左右）
+    "color": "#666",
+    "selectedColor": "#007AFF",
+    "backgroundColor": "#fff",
+    "borderStyle": "black",
+    "height": "50px",
     "list": [
       {
-        "pagePath": "pages/index/index", // 必须和 pages 中的路径一致
-        "text": "首页", // 底部文字
-        "iconPath": "static/icon/home.png", // 未选中图标（建议 28x28px）
+        "pagePath": "pages/index/index",
+        "text": "首页",
+        "iconPath": "static/icon/home.png",
         "selectedIconPath": "static/icon/home-active.png"
       },
       {
diff --git a/pages/components/ChooseList.vue b/pages/components/ChooseList.vue
new file mode 100644
index 0000000..805fc85
--- /dev/null
+++ b/pages/components/ChooseList.vue
@@ -0,0 +1,236 @@
+<!-- 仓库/存储区选择 -->
+<template>
+    <view class="content">
+        <view class="topSearch">
+            <uni-easyinput type="text" v-model="queryParams.keyword" prefixIcon="search" :inputBorder="false"
+                @iconClick="getList" placeholder="请输入搜索内容" />
+        </view>
+
+        <!-- 仓库/存储列表  -->
+        <z-paging ref="pagingRef" class="containerBox" v-model="infoList" @query="getList">
+            <uni-list class="listBox">
+                <uni-list-item v-for="item in infoList" :key="item.id" clickable @click="onChecked(item)">
+                    <template v-slot:body>
+                        <view style="display: flex; flex-direction: column;  width: 100%;" v-if="isWarehousing">
+                            <view class="line title">
+                                <p>仓库名称</p>
+                                <p>{{ item.deptName }}</p>
+                            </view>
+                            <view class="line content">
+                                <p>仓库编码</p>
+                                <p>{{ item.deptId }}</p>
+                            </view>
+                            <!-- todo 以下两个字段pc未维护暂时注释 -->
+                            <!-- <view class=" line content">
+                                <p>仓库类型</p>
+                                <p></p>
+                            </view>
+                            <view class="line content">
+                                <p>仓库位置</p>
+                                <p></p>
+                            </view> -->
+                            <view class="line content">
+                                <p>备注</p>
+                                <p>
+                                    <span v-if="item?.remark"></span>
+                                    <span v-else class="empty">未填写</span>
+                                </p>
+                            </view>
+
+                        </view>
+                        <view v-else style="display: flex; flex-direction: column;width: 100%;">
+                            <view class="line title">
+                                <p>{{ item.deptName }} （{{ item.deptId }}）</p>
+                            </view>
+                            <view class="line content">
+                                <p>
+                                    <span v-if="item?.remark">{{ item?.remark }}</span>
+                                    <span v-else class="empty">未填写</span>
+                                </p>
+                            </view>
+                        </view>
+                    </template>
+                </uni-list-item>
+            </uni-list>
+        </z-paging>
+    </view>
+</template>
+<script setup>
+import { ref, toRefs } from 'vue';
+import { onShow } from "@dcloudio/uni-app";
+import { getWarehousingInfo } from '../../api/system';
+import getRepository from "@/api/getRepository";
+import { objectToQuery } from '../until';
+
+const props = defineProps({
+    // 是否为仓库查询
+    isWarehousing: {
+        type: Boolean,
+        default: true,
+        required: true
+    },
+    // 返回出库开单/入库开单
+    backStr: {
+        type: String,
+        default: true,
+        required: true
+    },
+    pathParams: {
+        type: Object,
+        default: null,
+        required: false
+    }
+
+})
+const { isWarehousing, backStr, pathParams } = toRefs(props)
+// 数据：查询关键字
+const queryParams = ref({
+    keyword: ''
+})
+// 绑定：加载屏
+const pagingRef = ref(null)
+// 数据：仓库/存储区
+const infoList = ref([])
+
+// 列表判断：获取仓库列表/存储库列表
+const getList = () => {
+    if (isWarehousing.value) {
+        // 仓库列表
+        getWarehousing()
+    } else {
+        // 存储库列表
+        getRepositoryInfo()
+    }
+}
+
+// 列表：仓库列表
+const getWarehousing = () => {
+    const userInfo = uni.getStorageSync('app_user')
+    const params = {
+        userId: `${userInfo.userId}`,
+        keyword: queryParams.value.keyword
+    }
+    getWarehousingInfo(params).then(res => {
+        res.data.forEach(e => {
+            e.showMore = false;
+        });
+        pagingRef.value.complete(res.data)
+    }).catch(res => {
+        pagingRef.value.complete(false)
+    })
+}
+// 列表：存储区列表
+const getRepositoryInfo = async () => {
+    getRepository({ pageNum: 1, pageSize: 10 }).then(res => {
+        res.data.forEach(e => {
+            e.showMore = false;
+        });
+        pagingRef.value.complete(res.data)
+    }).catch(res => {
+        pagingRef.value.complete(false)
+    })
+}
+
+// 返回路径
+const toBack = (back) => {
+    let url = ''
+    switch (back) {
+        case 'stockIn':
+            // 入库单开单
+            url = '/pages/warehousing/stockIn/create'
+            break;
+        case 'stockOut':
+            // 出库单开单
+            url = ''
+            break;
+    }
+    let params = pathParams.value
+    delete params.backStr
+    delete params.flag
+    const query = objectToQuery(params)
+    uni.navigateTo({
+        url: `${url}${query}`
+    })
+}
+// 选择：仓库/存储区
+const onChecked = (val) => {
+    const flag = isWarehousing.value ? 'app_warehousing' : 'app_storageArea'
+    let infoChecked = uni.getStorageSync(flag);
+    if (!Array.isArray(infoChecked)) {
+        infoChecked = [];
+    }
+
+    if (val) {
+        infoChecked = [{ ...val }]
+        uni.setStorageSync(flag, infoChecked);
+    }
+
+    // 返回list
+    toBack(backStr.value)
+
+}
+onShow(() => {
+    pagingRef.value?.reload?.()
+})
+
+</script>
+<style scoped lang="scss">
+.topSearch {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    z-index: 999;
+    padding: 4rpx;
+    background-color: #fff;
+    border-bottom: 1px solid #eee;
+    box-sizing: border-box;
+}
+
+.containerBox {
+    padding-top: 44px;
+    width: 100%;
+    height: 100%;
+    box-sizing: border-box;
+
+    .zp-l-text-rpx {
+        font-size: 12px;
+    }
+}
+
+::v-deep.listBox {
+    .uni-list {
+        background-color: #F8F8FF;
+    }
+
+    .uni-list-item {
+        margin-bottom: 1rpx;
+    }
+
+    .uni-list-item__container {
+        padding: 0;
+    }
+
+    .line {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        border-bottom: 1px solid #eee;
+        padding: 12rpx;
+    }
+
+    .title {
+        font-weight: 600;
+        font-size: 14px;
+    }
+
+    .content {
+        font-weight: 500;
+        font-size: 13px;
+    }
+
+    .empty {
+        color: #D3D3D3;
+    }
+}
+</style>
\ No newline at end of file
diff --git a/pages/components/DetailInfo.vue b/pages/components/DetailInfo.vue
new file mode 100644
index 0000000..bdda3c6
--- /dev/null
+++ b/pages/components/DetailInfo.vue
@@ -0,0 +1,88 @@
+<template>
+    <view>
+        <view>
+            <view class="detailInfo mb-2">
+                <view class="line title">
+                    <p> {{ typeName + '单号' }}：{{ detailInfo?.billNo }}</p>
+                    <span :style="getColor(detailInfo?.billType)">
+                        {{ getBillType(detailInfo?.billType,detailInfo?.status) }}
+                    </span>
+
+                </view>
+                <p class="line content">仓库：
+                    <span> {{ detailInfo?.warehouseName }}</span>
+                </p>
+                <p class="line content">存储区：
+                    <span> {{ detailInfo?.areaName }}</span>
+                </p>
+                <p class="line content">开单时间：
+                    <span>{{ formatDate(detailInfo?.createTime) }}</span>
+                </p>
+                <p class="line content" v-if="detailInfo?.inboundTime">{{ typeName + '时间' }} ：
+                    <span>{{ formatDate(detailInfo?.inboundTime) }}</span>
+                </p>
+            </view>
+            <view class="detailInfo mb-6">
+                <p class="line content">
+                    <span class="grey" style="font-weight: 600;">详细备注：</span>
+
+                    <span>{{ detailInfo?.billRemark || '-' }}</span>
+                </p>
+            </view>
+        </view>
+        <!-- 物料列表 -只读 -->
+        <view>
+            <material-list ref="materialRef" isEdit="3" :extendData="{ billType: detailInfo?.billType }"
+                :pathParams="{ billNo: detailInfo?.billNo }" backStr="stockInDetail"
+                :formData="{ material: detailInfo.itemList }" />
+        </view>
+
+    </view>
+
+</template>
+<script setup>
+import { getBillType, formatDate, getColor } from '../until'
+import { computed, toRefs } from 'vue';
+import MaterialList from './MaterialList.vue'
+
+const props = defineProps({
+    // 查询列表类型 stockIn:入库  stockOut：出库
+    type: {
+        type: String,
+        default: '',
+        required: true
+    },
+    detailInfo: {
+        type: Object,
+        default: {},
+        required: true
+    }
+
+})
+const { type, detailInfo } = toRefs(props)
+const typeName = computed(() => type.value == 'stockIn' ? '入库单' : '出库单')
+
+console.log(detailInfo, 'detailInfo');
+
+</script>
+
+<style scoped lang="scss">
+.line {
+    display: flex;
+    background-color: #fff;
+    align-items: center;
+    padding: 6rpx 20rpx;
+}
+
+.title {
+    display: flex;
+    justify-content: space-between;
+    font-weight: 600;
+    font-size: 13px;
+}
+
+.content {
+    font-weight: 500;
+    font-size: 13px;
+}
+</style>
\ No newline at end of file
diff --git a/pages/components/LineSteps.vue b/pages/components/LineSteps.vue
new file mode 100644
index 0000000..6a6cc15
--- /dev/null
+++ b/pages/components/LineSteps.vue
@@ -0,0 +1,97 @@
+<template>
+  <view class="step-container">
+    <view class="step-item" :class="{ done: index < current, active: index == current }"
+      v-for="(item, index) in stepList" :key="index">
+      <!-- 节点圆圈 -->
+      <view class="step-circle">{{ index + 1 }}</view>
+      <!-- 文字 -->
+      <view class="step-text">{{ item }}</view>
+      <!-- 连接线（最后一个不显示） -->
+      <view class="step-line" v-if="index !== stepList.length - 1"></view>
+    </view>
+  </view>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+
+// 步骤列表
+const stepList = ref(['创建', '审核', '绑定', '完成'])
+// 当前进度（0开始）
+const current = ref(2)
+</script>
+
+<style scoped>
+/* 整体容器 */
+.step-container {
+  display: flex;
+  padding: 30rpx;
+  background: #fff;
+  border-radius: 16rpx;
+}
+
+/* 单个步骤 */
+.step-item {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  position: relative;
+}
+
+/* 节点圆圈 */
+.step-circle {
+  width: 40rpx;
+  height: 40rpx;
+  border-radius: 50%;
+  background: #cdd4e0;
+  color: #fff;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 24rpx;
+  z-index: 10;
+}
+
+/* 文字 */
+.step-text {
+  margin-top: 12rpx;
+  font-size: 24rpx;
+  color: #999;
+}
+
+/* 连接线 */
+.step-line {
+  position: absolute;
+  top: 20rpx;
+  left: 50%;
+  width: 100%;
+  height: 4rpx;
+  background: #cdd4e0;
+  z-index: 1;
+}
+
+/* ============= 状态样式 ============= */
+/* 已完成 */
+.step-item.done .step-circle {
+  background: #07c160;
+}
+
+.step-item.done .step-line {
+  background: #07c160;
+}
+
+.step-item.done .step-text {
+  color: #07c160;
+}
+
+/* 当前激活 */
+.step-item.active .step-circle {
+  background: #465bfd;
+}
+
+.step-item.active .step-text {
+  color: #465bfd;
+  font-weight: bold;
+}
+</style>
\ No newline at end of file
diff --git a/pages/components/MaterialList.vue b/pages/components/MaterialList.vue
new file mode 100644
index 0000000..6bd0a1b
--- /dev/null
+++ b/pages/components/MaterialList.vue
@@ -0,0 +1,281 @@
+<template>
+    <!-- 物料列表 - 添加物料 -->
+    <view class="materialList">
+
+        <view class="remarkLine">
+            <text>物料列表</text>
+            <uv-button type="primary" v-if="isEdit == 1" :plain="true" size="small" text="添加物料"
+                @click="toMaterial"></uv-button>
+            <view v-if="isEdit == 5" class="flex align-center justify-between">
+                <span class="f-12 mr-16 grey" style="font-size: 12px;" v-if="num > 0">
+                    剩余<span style="color: red;">
+                        {{ num }}
+                    </span>种物料未生成唯一码
+                </span>
+                <uv-button type="primary" :plain="true" size="small" text="快速生成唯一码"
+                    @click="toGenerateUniqueCodeQuickly"></uv-button>
+            </view>
+            <!-- <p class="btn-link" v-if="isEdit == 2" @click="toEdit">修改</p> -->
+        </view>
+
+        <!-- 物料列表-->
+        <view class="material-list-container">
+            <uni-forms ref="materialFormRef" :modelValue="formData">
+                <view v-for="(item, idx) in formData.material" :key="item.id || idx" class="material-box"
+                    @longpress="() => handleItemLongPress(item, index)">
+                    <view class="material-item" v-if="`${item?.isDelete}` === '0'">
+                        <!-- 标题 -->
+                        <view class="title mb-2">
+                            {{ item.materialName }} ({{ item.materialCode }})
+                        </view>
+                        <!-- 副标题：简称/型号/规格/类型 -->
+                        <view class="subTitle mb-2">
+                            <span v-if="item.materialShortName">{{ item.materialShortName }} / </span>
+                            <span v-if="item.model">{{ item.model }} / </span>
+                            <span v-if="item.specification">{{ item.specification }} / </span>
+                            <span v-if="item.typeName">{{ item.typeName }}</span>
+                        </view>
+                        <!-- uniqueCode -->
+                        <view class="uniqueCode mb-2">
+                            <span class="f-12 " v-if="item.uniqueCode">唯一码：{{ item?.uniqueCode }}</span>
+                        </view>
+                        <!-- 数量 + 单位 -->
+                        <view class="tag-row mb-2">
+                            <span class="tag-error">{{ getTypeParentNames(item.typeParentNames) }}</span>
+                            <view class="quantity-form">
+                                <uni-forms-item :name="`material[${idx}].quantity`" label-width="0">
+                                    <uni-easyinput :disabled="!edit || isEdit == '5'"
+                                        v-model="formData.material[idx].quantity" type="number" :clearable="false"
+                                        placeholder="数量" />
+                                </uni-forms-item>
+                                <text class="unit">{{ item.unitName }}</text>
+                            </view>
+                        </view>
+                        <!-- 库存状态 -->
+                        <view class="flex justify-between mb-2 " v-if="isEdit == 3">
+                            <p style="font-size: 13px;">
+                                已入库：
+                                <span style="color:green">{{ getStockQuantity(item, 'complete') }}</span>
+                            </p>
+                            <p style="font-size: 13px;">
+                                剩余：
+                                <span style="color:red">{{ getStockQuantity(item, 'remaining') }}</span>
+                            </p>
+                        </view>
+                        <!-- 备注 -->
+                        <view class="remark-row">
+                            <uni-forms-item :name="`material[${idx}].remark`" label="备注：">
+                                <uni-easyinput :disabled="!edit" v-model="formData.material[idx].remark" type="text"
+                                    :clearable="false" :inputBorder="false" placeholder="请填写备注信息" />
+                            </uni-forms-item>
+                        </view>
+                    </view>
+                </view>
+
+                <!-- 空数据提示 -->
+                <view class="empty" v-if="!formData.material?.length">
+                    暂无物料，请添加物料
+                </view>
+            </uni-forms>
+        </view>
+
+        <!-- 选择物料 -->
+        <uv-modal ref="modalRef" class="chooseModal" :title="none" :showConfirmButton="false" :showCancelButton="false">
+            <p class="title">请选择称重来源</p>
+            <p class="link" @click="toMaterialSelection('0')">无线液位计</p>
+            <p class="link" @click="toMaterialSelection('1')">手动输入</p>
+
+        </uv-modal>
+
+        <!-- 删除弹窗 -->
+        <view>
+            <uni-popup ref="alertDialog" type="center">
+                <uni-popup-dialog type="error" v-if="isDialog" cancelText="取消" confirmText="确认" title="是否需要删除该唯一码？"
+                    @confirm="dialogConfirm" @close="dialogClose"></uni-popup-dialog>
+            </uni-popup>
+        </view>
+    </view>
+
+</template>
+<script setup>
+import { computed, onMounted, ref, toRefs } from 'vue';
+import { assign, findIndex } from 'lodash';
+import { getStockQuantity, objectToQuery } from '../until';
+import { getTypeParentNames } from '../warehousing/uniqueCode/until';
+import { onLoad, onShow } from "@dcloudio/uni-app";
+
+const props = defineProps({
+    formData: { type: Object, default: () => ({ material: [], remark: '' }), required: true },//物料信息
+    isEdit: { type: Boolean, default: true, required: true },           //编辑1 / 物料只读2 / 入库单只读3 /入库生成唯一码编辑4 /5数量不可编辑 备注可编辑
+    backStr: { type: String, default: '' },                             //选择物料返回页面的标识
+    pathParams: { type: Object, default: {} },                          //只读时传入对应的code、id
+    extendData: { type: Object, default: {} },                          //其他额外参数
+})
+
+const { formData, isEdit, backStr, pathParams, extendData } = toRefs(props)
+console.log(extendData, 'extendData==>');
+
+//是否为编辑状态
+const edit = computed(() => {
+    if (`${isEdit.value}` === '1') return '1';
+    else if (`${isEdit.value}` === '4') return '4';
+    else return false;
+})
+
+// 删除：数据
+const delItem = ref(null)
+// 删除：开关
+const alertDialog = ref(null)
+// 删除：开关
+const isDialog = ref(false)
+const selectMaterialList = computed(() => extendData.value?.selectMaterialList)
+const num = computed(() => selectMaterialList.value?.length || 0)
+// 弹窗开关：入库单开单
+const modalRef = ref()
+
+// 按钮：添加物料
+const toMaterial = () => {
+    if (backStr.value == 'stockIn') {     // 入库单开单 - 添加物料可选择手输入/无线液位计
+        modalRef.value.open()
+    } else {
+        const path = objectToQuery({ ...pathParams.value, back: backStr?.value })
+        // 唯一码 - 编辑/新增
+        let url = '/pages/warehousing/uniqueCode/issueUniqueCode/materialSelection';
+        const value = uni.getStorageSync('app_material');
+        uni.setStorageSync('app_material', [{ ...value[0], uniqueCodeRemark: formData.value?.remark }]);  // 将最新的唯一码备注写入缓存
+        uni.navigateTo({
+            url: `${url}${path}`
+        })
+    }
+}
+// 添加物料弹窗： 入库单入库 时可选择手动/无线液
+const toMaterialSelection = (type) => {
+    // 0无线液 1手动输入  
+    let url = ''
+    const path = objectToQuery({ ...pathParams.value, back: backStr.value })
+    if (type === '1') {
+        url = '/pages/warehousing/uniqueCode/issueUniqueCode/materialSelection'
+    }
+    uni.navigateTo({
+        url: `${url}${path}`
+    })
+}
+// 快速生成唯一码 - 
+const toGenerateUniqueCodeQuickly = () => {
+    const path = objectToQuery({ ...pathParams.value, back: 'inbound' })
+    uni.navigateTo({
+        url: `/pages/warehousing/uniqueCode/issueUniqueCode/index${path}`
+    })
+
+}
+// 删除弹窗：显示 长按事件
+const handleItemLongPress = (val) => {
+    alertDialog.value.open()
+    isDialog.value = true
+    delItem.value = val
+}
+// 删除弹窗：关闭
+const dialogClose = () => {
+    alertDialog.value.close()
+    isDialog.value = false
+}
+// 删除弹窗：确认
+const dialogConfirm = () => {
+    const idx = findIndex(formData.value.material, (i) => `${i.id}` === `${delItem.value.id}`)
+    assign(formData.value.material[idx], { isDelete: '1' });
+    uni.setStorageSync('app_material', formData.value.material)
+
+}
+
+
+const getMaterialList = () => {
+    const params = formData.value?.material?.map((i) => ({
+        ...i,
+        material: {
+            //? 这里的判断是为了区分 =详情带出的物料以及新增的物料 详情带出的物料有id以及materialId  新增物料id为物料id materialId无值
+            materialId: i.materialId ? i.materialId : i.id,
+            id: i.materialId ? i.id : null,
+            remark: i.remark,
+            quantity: i.quantity,
+            unitId: i.unitId,
+            isDelete: i?.isDelete,
+            uniqueCode: i?.uniqueCode
+        },
+    }))
+    return params
+}
+
+defineExpose({
+    getMaterialList
+})
+</script>
+
+<style scoped lang="scss">
+.remarkLine {
+    display: flex;
+    align-items: center;
+    background-color: #fff;
+    justify-content: space-between;
+    padding: 12px 15px;
+    margin-bottom: 2rpx;
+
+    text {
+        font-weight: 700;
+        font-size: 13px;
+    }
+
+    .btn-link {
+        font-weight: 500;
+        color: #3c9cff;
+
+    }
+
+    span {
+        font-size: 14px;
+    }
+
+    p {
+        font-weight: 700;
+        font-size: 14px;
+
+    }
+}
+
+::v-deep .uv-button {
+    height: 30px;
+    // line-height: 60rpx;
+    font-size: 24rpx;
+}
+
+.material-item {
+    padding: 12px 15px;
+}
+
+.empty {
+    text-align: center;
+    padding: 60rpx 0;
+    color: #999;
+    font-size: 26rpx;
+}
+
+::v-deep.chooseModal {
+    .uv-modal__content {
+        display: block;
+        padding-top: 24rpx !important;
+        padding: 48rpx;
+
+        .title {
+            font-size: 16px;
+            margin: 16rpx 0;
+
+        }
+
+        .link {
+            color: #999;
+            margin-top: 24rpx;
+            font-size: 14px;
+
+        }
+    }
+}
+</style>
\ No newline at end of file
diff --git a/pages/components/Navigation.vue b/pages/components/Navigation.vue
new file mode 100644
index 0000000..9d62ed7
--- /dev/null
+++ b/pages/components/Navigation.vue
@@ -0,0 +1,107 @@
+<template>
+  <!-- 状态栏占位 -->
+  <view class="nav-placeholder" :style="{ height: navHeight + 'px' }"></view>
+
+  <view class="navbar" :style="{ paddingTop: statusBarHeight + 'px' }">
+
+    <view class="left" @click="goBack">
+      <uni-icons type="left" size="18" />
+    </view>
+
+    <!-- 中间标题 -->
+    <view class="title">{{ title }}</view>
+
+    <!-- 右侧：父组件传入插槽 -->
+    <view class="right">
+      <slot name="right"></slot>
+    </view>
+  </view>
+
+  <view class="content">
+  </view>
+</template>
+
+<script setup>
+
+import { ref, onMounted, toRefs } from 'vue'
+import { onLoad, onShow } from '@dcloudio/uni-app';
+const props = defineProps({
+  title: { type: String, default: '' },
+  backUrl: { type: String, default: '' },
+})
+const statusBarHeight = ref(0)
+const navHeight = ref(0)
+const back = ref('')
+const { backUrl, title } = toRefs(props)
+onMounted(() => {
+  const res = uni.getSystemInfoSync()
+  statusBarHeight.value = res.statusBarHeight
+  navHeight.value = res.statusBarHeight + 44
+})
+// 接收id 且修改标题
+onLoad(() => {
+  const pages = getCurrentPages()
+  if (pages.length >= 2) {
+    const prevPage = pages?.[pages.length - 2]
+    back.value = backUrl.value ? backUrl.value : prevPage.route
+    console.log(back.value, prevPage, pages, ' back.value');
+
+  }
+
+})
+// 返回
+const goBack = () => {
+  console.log(back.value, back.value);
+
+  if (back.value) {
+    uni.navigateTo({
+      url: `/${back.value}`,
+    });
+  } else {
+    uni.navigateBack()
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.navbar {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 70px;
+  background: #fff;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 20rpx;
+  box-sizing: border-box;
+  z-index: 999;
+  // margin-bottom: 8px;
+}
+
+.left {
+  display: flex;
+  align-items: center;
+}
+
+.back-txt {
+  margin-left: 6rpx;
+}
+
+.title {
+  font-size: 14px;
+  font-weight: bold;
+}
+
+.right {
+  min-width: 60rpx;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+}
+
+.nav-placeholder {
+  width: 100%;
+}
+</style>
\ No newline at end of file
diff --git a/pages/components/SearchList.vue b/pages/components/SearchList.vue
new file mode 100644
index 0000000..8628150
--- /dev/null
+++ b/pages/components/SearchList.vue
@@ -0,0 +1,186 @@
+<!-- 查询列表 - 使用我的出库单/我的入库单 -->
+<template>
+    <view class="content">
+        <view class="topSearch">
+            <uni-easyinput type="text" v-model="queryParams.keyword" prefixIcon="search" :inputBorder="false"
+                @iconClick="getList" placeholder="请输入搜索内容" />
+        </view>
+        <z-paging ref="pagingRef" class="containerBox" v-model="list" @query="getList">
+            <uni-list class="listBox">
+                <uni-list-item v-for="item in list" :key="item.id" clickable @click="onDetail(item)">
+                    <template v-slot:body>
+                        <view style="display: flex; flex-direction: column; width: 100%;">
+                            <view class="line title">
+                                <p> {{ typeName + '编号' }}:{{ item.billNo }}</p>
+                                <span :style="getColor(item?.billType)">
+                                    {{ getBillType(item?.billType, item?.status) }}
+                                </span>
+                            </view>
+                            <p class="line content">{{ typeName + '类型' }}：
+                                <span> {{ getOrderType(item.status) }}</span>
+                            </p>
+                            <p class="line content">库位：
+                                <span> {{ item.areaName }}</span>
+                            </p>
+                            <p class="line content">开单时间：
+                                <span>{{ item.createTime }}</span>
+                            </p>
+                        </view>
+                    </template>
+                </uni-list-item>
+            </uni-list>
+        </z-paging>
+    </view>
+</template>
+<script setup>
+
+import _, { includes } from 'lodash';
+import { computed, toRefs, ref } from 'vue';
+import { onShow } from "@dcloudio/uni-app";
+import { stockList } from '../../api/stockIn';
+import { getBillType, getColor } from '../until';
+
+const props = defineProps({
+    // 查询列表类型 stockIn:入库  stockIn-putAway：入库单入库  stockOut：出库
+    type: {
+        type: String,
+        default: '',
+        required: true
+    },
+    // 查询条件
+    query: {
+        type: Object,
+        default: {},
+        required: true
+    },
+
+})
+const { type, query } = toRefs(props)
+const pagingRef = ref(null)
+
+// 数据：列表
+const list = ref([])
+const typeName = computed(() => includes(type.value, 'stockIn') ? '入库单' : '出库单')
+const getOrderType = () => {
+    if (includes(type.value, 'stockIn')) {
+        return '入库单入库'
+    } else {
+        return '出库单出库'
+
+    }
+}
+// 数据：关键字
+const queryParams = ref({
+    keyword: ''
+})
+
+onShow(() => {
+    pagingRef.value?.reload?.()
+})
+
+// 点击:查看详情
+const onDetail = (val) => {
+    if (_.includes(type.value, 'stockIn')) {
+        // pages/stockIn/detail
+        uni.navigateTo({
+            url: `/pages/warehousing/stockIn/components/detail?billNo=${val.billNo}&type=${type.value}`,
+        });
+    }
+
+}
+// 数据：获取列表
+const getList = (pageNo, pageSize) => {
+    queryParams.value.pageNum = pageNo
+    if (_.includes(type.value, 'stockIn')) {
+        stockList({ ...queryParams?.value, ...query?.value }).then(res => {
+            res.rows.forEach(e => {
+                e.showMore = false;
+            });
+            pagingRef.value.complete(res.rows)
+        }).catch(res => {
+            pagingRef.value.complete(false)
+        })
+    } else if (type.value == 'stockOut') {
+
+    }
+
+}
+
+</script>
+
+<style scoped lang="scss">
+.topSearch {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    z-index: 999;
+    padding: 4rpx;
+    background-color: #fff;
+    border-bottom: 1px solid #eee;
+    box-sizing: border-box;
+}
+
+.containerBox {
+    padding-top: 44px;
+    width: 100%;
+    height: 100%;
+    box-sizing: border-box;
+
+    .zp-l-text-rpx {
+        font-size: 12px;
+    }
+}
+
+::v-deep .listBox {
+    width: 100%;
+    height: 100%;
+    box-sizing: border-box;
+    background-color: #F8F8FF;
+
+    .zp-l-text-rpx {
+        font-size: 12px;
+    }
+
+    .uni-list {
+        background-color: #F8F8FF;
+    }
+
+    .uni-list-item {
+        margin-bottom: 4rpx;
+    }
+
+    .uni-list-item__container {
+        padding: 0;
+    }
+
+    .line {
+        display: flex;
+        // justify-content: space-between;
+        align-items: center;
+        // border-bottom: 1px solid #eee;
+        padding: 12rpx 20rpx;
+    }
+
+    .title {
+        display: flex;
+        justify-content: space-between;
+        font-weight: 600;
+        font-size: 13px;
+    }
+
+    .content {
+        font-weight: 500;
+        font-size: 13px;
+    }
+
+    .empty {
+        color: #D3D3D3;
+    }
+
+    span {
+        color: #696969;
+
+    }
+}
+</style>
\ No newline at end of file
diff --git a/pages/components/WarehousingInfo.vue b/pages/components/WarehousingInfo.vue
new file mode 100644
index 0000000..4d3f848
--- /dev/null
+++ b/pages/components/WarehousingInfo.vue
@@ -0,0 +1,144 @@
+<!-- 获取仓库数据 -->
+<template>
+    <view class="content">
+        <uv-form ref="formRef" class="form" :model="formData" label-width="150rpx">
+            <!-- 仓库 -->
+            <uv-form-item label="仓库" prop="warehouse">
+                <u-cell @click="onClick('warehouse')">
+                    <view slot="title" class="u-slot-title">
+                        <text class="u-cell-text" v-if="formData?.warehousing?.[0]?.deptName">
+                            {{ formData?.warehousing?.[0].deptName }}
+                        </text>
+                        <text class="placeholder" v-else> 请选择仓库</text>
+                        <uni-icons type="right" size="10" />
+                    </view>
+                </u-cell>
+            </uv-form-item>
+            <!-- 存储区 -->
+            <uv-form-item label="存储区" prop="storageArea">
+                <u-cell @click="onClick('storageArea')">
+                    <view slot="title" class="u-slot-title">
+                        <text class="u-cell-text" v-if="formData?.storageArea?.[0]?.deptName">
+                            {{ formData?.storageArea?.[0].deptName }}
+                        </text>
+                        <text class="placeholder" v-else> 请选择存储区</text>
+                        <uni-icons type="right" size="10" />
+                    </view>
+                </u-cell>
+            </uv-form-item>
+            <!-- 备注 -->
+            <uv-form-item label="备注">
+                <uv-input v-model="formData.remark" placeholder="请输入备注" align="right" border="none" />
+            </uv-form-item>
+        </uv-form>
+    </view>
+</template>
+<script setup>
+import { ref, toRefs } from 'vue';
+import { objectToQuery } from '../until';
+import { onShow } from "@dcloudio/uni-app";
+
+const props = defineProps({
+    // 数据：仓库信息
+    warehouseInfo: {
+        type: Object,
+        default: null,
+        required: false
+    },
+    // 数据：路径参数
+    pathParams: {
+        type: Object,
+        default: null,
+        required: false
+    }
+})
+const { warehouseInfo, pathParams } = toRefs(props)
+
+// 表单数据
+const formData = ref({ remark: '', warehousing: '', storageArea: '' })
+
+// 赋值:更新列表值
+const setFormData = (d) => {
+    if (!d) return;
+    formData.value = d
+}
+// 渲染：更新列表值
+onShow(() => {
+    setFormData(warehouseInfo.value)
+})
+
+// 点击事件：选择仓库/选择存储区
+const onClick = (type) => {
+    uni.setStorageSync('app_billRemark', formData.value.remark)
+
+    let query = { ...pathParams.value, backStr: 'stockIn' }
+    if (type == 'warehouse') {
+        query = objectToQuery({ ...query, flag: 'warehousing' })
+    } else if (type == 'storageArea') {
+        query = objectToQuery({ ...query, flag: 'storageArea' })
+    }
+    uni.navigateTo({
+        url: `/pages/warehousing/toChooseList${query}`,
+    });
+}
+
+//暴露：向父组件暴露 - 暂时没用
+defineExpose({
+    getWarehousingInfo: () => {
+        return { ...formData.value }
+    }
+})
+
+</script>
+<style lang="scss" scoped>
+::v-deep .form {
+    // background-color: #fff;
+    padding: 0 0 12rpx 0;
+
+    .uv-input__content {
+
+        .uv-input__content__field-wrapper__field {
+            text-align: right !important;
+        }
+    }
+
+    .uv-form-item__body {
+        background-color: #fff;
+        padding: 12rpx;
+        margin-bottom: 2rpx;
+        align-items: center;
+    }
+
+    .uv-form-item__body__left__content__label {
+        font-size: 14px;
+    }
+
+    .uv-line {
+        border-bottom: 0 !important;
+    }
+
+    .uv-form-item__body__right__content__slot {
+        justify-content: flex-end;
+        align-items: center;
+    }
+
+    .uv-cell__body {
+        padding: 0
+    }
+
+    .uni-icons {
+        display: block;
+    }
+
+    .u-slot-title {
+
+        display: flex;
+        align-items: center;
+    }
+}
+
+.placeholder {
+    color: rgb(192, 196, 204);
+    margin-right: 10rpx;
+}
+</style>
\ No newline at end of file
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 3ec3d6e..e655b9c 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -1,3 +1,4 @@
+<!-- 底部导航栏：首页 --> 
 <template>
 	<view class="content">
 		首页
diff --git a/pages/intelligent/index.vue b/pages/intelligent/index.vue
index 4e38eca..2482742 100644
--- a/pages/intelligent/index.vue
+++ b/pages/intelligent/index.vue
@@ -1,3 +1,4 @@
+<!-- 底部导航栏：智能 --> 
 <template>
 	<view class="content">
 		智能
diff --git a/pages/login/login.vue b/pages/login/login.vue
index 622b61f..6db82b3 100644
--- a/pages/login/login.vue
+++ b/pages/login/login.vue
@@ -32,7 +32,8 @@
 
 <script setup>
 import { ref } from "vue";
-import { onLoad } from "@dcloudio/uni-app";
+import {removeStorage} from '../until';
+
 import { userLogin, getCodeImg, getInfo } from "@/api/login"
 
 const formModel = ref({
@@ -96,6 +97,7 @@ const submit = () => {
             uni.setStorageSync('app_user', user.user)
             uni.setStorageSync('app_roles', user.roles)
             uni.setStorageSync('app_permissions', user.permissions)
+            removeStorage()
             uni.switchTab({
               url: "/pages/index/index"
             })
diff --git a/pages/my/index.vue b/pages/my/index.vue
index f923b60..18d3a45 100644
--- a/pages/my/index.vue
+++ b/pages/my/index.vue
@@ -1,3 +1,4 @@
+<!-- 底部导航栏：我的 --> 
 <template>
 	<view class="content">
 
@@ -17,7 +18,7 @@
 			</uni-list>
 		</view>
 		<uni-popup ref="popupRef" type="center" background-color="#fff"  borderRadius="8px">
-			<view class="popup-wrap" style="width: 400rpx; ">
+			<view class="popup-wrap" style="width: 200rpx; ">
 				<view class="popup-body">
 					<p>确定退出登录吗？</p>
 					<view class="popup-btn">
@@ -128,7 +129,7 @@ getUserInfo();
 	display: flex;
 	justify-content: space-between;
 	.uv-button-wrapper{
-		width: 48%;
+		width: 40%;
 		margin-left: 8rpx;
 		
 	}
diff --git a/pages/uniqueCode/issueUniqueCode/index.vue b/pages/uniqueCode/issueUniqueCode/index.vue
deleted file mode 100644
index 7149fba..0000000
--- a/pages/uniqueCode/issueUniqueCode/index.vue
+++ /dev/null
@@ -1,242 +0,0 @@
-<!-- 唯一码发放页面 -->
-<template>
-    <view class="content">
-        <view class="remarkLine">
-            <span>备注：</span>
-            <uni-easyinput type="text" v-model="formData.remark" :inputBorder="false" placeholder="请输入备注" />
-        </view>
-
-        <!-- 物料列表 - 添加物料 -->
-        <view class="remarkLine">
-            <p>物料列表</p>
-            <uv-button type="primary" :plain="true" size="small" text="添加物料" @click="toMaterial"></uv-button>
-
-        </view>
-        <view>
-            <uni-forms ref="materialFormRef" :modelValue="formData.material" class="form">
-                <view v-for="(item, idx) in materialList" :key="item.id" class="material-card"
-                    style="padding: 24rpx; margin-bottom: 16rpx;">
-                    <view style="display: flex; flex-direction: column; width: 100%;">
-                        <!-- 标题行 -->
-                        <view class="title">{{ item.materialName }} ({{ item.materialCode }})</view>
-
-                        <!--小标题行  简称/型号/规格/类型 -->
-                        <view class="subTitle">
-                            <span v-if="item.materialShortName">{{ item.materialShortName }} / </span>
-                            <span v-if="item.model">{{ item.model }} / </span>
-                            <span v-if="item.specification">{{ item.specification }} / </span>
-                            <span v-if="item.typeName">{{ item.typeName }} </span>
-                        </view>
-
-                        <!-- 数量行 -->
-                        <view class="tag">
-                            <uni-tag :text="getTypeParentNames(item.typeParentNames)" type="error" />
-                            <p class="tag-form">
-                                <uni-forms-item :name="`material.${idx}.quantity`">
-                                    <uni-easyinput v-model="formData.material[idx].quantity" type="number"
-                                        :clearable="false" />
-                                </uni-forms-item>
-                                <span style=" margin-left: 8rpx; width: 16px;">{{ item.unitName }}</span>
-                            </p>
-                        </view>
-
-                        <!-- 备注行 -->
-                        <view class="remark">
-                            <uni-forms-item :name="`material.${idx}.remark`" label="备注：">
-                                <uni-easyinput type="text" v-model="formData.material[idx].remark" :clearable="false"
-                                    :inputBorder="false" placeholder="请填写备注信息" />
-                            </uni-forms-item>
-                        </view>
-                    </view>
-                </view>
-            </uni-forms>
-        </view>
-
-        <button class="bottom-btn" type="primary" @click="handleSubmit">提交</button>
-    </view>
-</template>
-<script setup>
-import { ref } from 'vue';
-import { getTypeParentNames } from '../until';
-import { addUniqueCode, editUniqueCode } from '@/api/uniqueCode'
-import { onLoad, onShow } from '@dcloudio/uni-app';
-
-const formData = ref({
-    remark: '',
-    material: []
-})
-// 物料列表
-const materialList = ref([])
-const materialFormRef = ref([])
-
-// 路径参数
-const pathParams = ref('')
-
-// 选择物料列表
-const toMaterial = () => {
-    uni.navigateTo({
-        url: '/pages/uniqueCode/issueUniqueCode/materialSelection'
-    });
-
-}
-// 接收路径参数 - 修改标题
-onLoad((options) => {
-    pathParams.value = options
-})
-onShow(() => {
-    if (pathParams.value.code) {
-        uni.setNavigationBarTitle({ title: pathParams.value.code })
-    }
-})
-
-// 创建/编辑 唯一码
-const handleSubmit = () => {
-    materialFormRef.value.validate().then(res => {
-        let params = {
-            ...formData.value,
-            material: {
-                materialId: formData.value.material[0].id,
-                remark: formData.value.material[0].remark,
-                quantity: formData.value.material[0].quantity,
-                unitId: formData.value.material[0].unitId,
-            }
-        }
-        if (pathParams.value.id) {
-            params.id = pathParams.value.id;
-            params.material.id = pathParams.value.materialId;
-            params.material.materialId = formData.value.material[0].materialId;
-            editUniqueCode(params).then((response) => {
-                if (response.code == 200) {
-                    uni.showToast({
-                        title: '唯一码编辑成功',
-                        mask: true,
-                        icon: 'success',
-                    })
-                    uni.navigateTo({
-                        url: `/pages/uniqueCode/myUniqueCode/detail?id=${pathParams.value.id}&code=${pathParams.value.code}`,
-                    });
-                }
-
-            })
-        } else {
-            addUniqueCode(params).then((response) => {
-                if (response.code == 200) {
-                    uni.showToast({
-                        title: '唯一码创建成功',
-                        mask: true,
-                        icon: 'success',
-                    })
-                    uni.switchTab({
-                        url: "/pages/warehousing/index"
-                    })
-                }
-
-            })
-        }
-
-    })
-}
-
-// 获取缓存内的物料列表
-const getMaterialList = () => {
-    uni.getStorage({
-        key: 'app_material',
-        success: ({ data }) => {
-            materialList.value = data
-            formData.value.material = data
-            formData.value.remark = data?.[0]?.uniqueCodeRemark
-            console.log(formData);
-        },
-        fail: (error) => { }
-    })
-}
-getMaterialList();
-</script>
-<style scoped lang="scss">
-.remarkLine {
-    display: flex;
-    align-items: center;
-    background-color: #fff;
-    justify-content: space-between;
-    padding: 8rpx 24rpx;
-    margin-bottom: 8rpx;
-    min-height: 40rpx;
-
-    span {
-        font-size: 14px;
-    }
-
-    p {
-        font-weight: 700;
-        font-size: 14px;
-
-    }
-
-}
-
-::v-deep .uv-button {
-    height: 20px;
-}
-
-::v-deep .form {
-    .title {
-        color: #424242;
-    }
-
-    .tag {
-        .uni-tag {
-            display: flex;
-            align-items: center;
-            height: calc(25px - 6px);
-
-        }
-
-        .tag-form {
-            display: flex;
-            align-items: center;
-        }
-
-        .uni-forms-item {
-            margin-bottom: 0;
-            align-items: center;
-
-            .uni-easyinput__content,
-            .uni-easyinput__content-input {
-                height: 25px;
-                width: 80px;
-            }
-        }
-
-    }
-
-    .remark {
-        .uni-forms-item {
-            margin-bottom: 0;
-            margin-top: 16rpx;
-            display: flex;
-            align-items: center;
-
-            .uni-forms-item__label {
-                color: #212121;
-                height: 40rpx;
-            }
-
-            .uni-easyinput__content-input {
-                height: 40rpx;
-
-                .uni-input-wrapper {
-                    text-align: right;
-                }
-            }
-
-            .uni-input-placeholder {
-                text-align: right;
-                font-size: 13px;
-
-            }
-        }
-    }
-
-
-}
-</style>
\ No newline at end of file
diff --git a/pages/uniqueCode/issueUniqueCode/materialSelection.vue b/pages/uniqueCode/issueUniqueCode/materialSelection.vue
deleted file mode 100644
index 712f56b..0000000
--- a/pages/uniqueCode/issueUniqueCode/materialSelection.vue
+++ /dev/null
@@ -1,121 +0,0 @@
-<!-- 物料选择 -->
-<template>
-    <view class="content">
-        <view class="topSearch">
-            <uni-easyinput type="text" v-model="queryParams.keyword" prefixIcon="search" :inputBorder="false"
-                @iconClick="getMaterialList" placeholder="请输入搜索内容" />
-        </view>
-
-        <!-- 物料列表  -->
-        <z-paging ref="pagingRef" class="containerBox" v-model="materialList" @query="getMaterialList">
-            <uni-list>
-                <uni-list-item v-for="item in materialList" :key="item.id" clickable class="material-card"
-                    @click="onMaterial(item)">
-                    <template v-slot:body>
-                        <p style="display: flex; flex-direction: column; width: 100%;">
-                        <p class="title">{{ item.materialName }} ({{ item.materialCode }})</p>
-                        <p class="subTitle">
-                            <!-- 简称/型号/规格/类型 -->
-                            <span v-if="item.materialShortName">{{ item.materialShortName }} / </span>
-                            <span v-if="item.model">{{ item.model }} / </span>
-                            <span v-if="item.specification">{{ item.specification }} / </span>
-                            <span v-if="item.typeName">{{ item.typeName }} </span>
-                        </p>
-                        <p class="tag">
-                            <uni-tag :text="getTypeParentNames(item.typeParentNames)" type="error" />
-                        <p>单位：{{ item.unitName }}</p>
-                        </p>
-                        </p>
-
-                    </template>
-                </uni-list-item>
-            </uni-list>
-        </z-paging>
-    </view>
-</template>
-<script setup>
-import { ref } from 'vue';
-import { getMaterial } from '@/api/uniqueCode'
-import { onShow } from "@dcloudio/uni-app";
-import { getTypeParentNames } from '../until';
-
-const queryParams = ref({
-    keyword:''
-})
-
-const pagingRef = ref(null)
-const materialList = ref([])
-
-// 获取列表
-const getMaterialList = () => {
-    getMaterial(queryParams.value).then(res => {
-        res.rows.forEach(e => {
-            e.showMore = false;
-        });
-        pagingRef.value.complete(res.rows)
-    }).catch(res => {
-        pagingRef.value.complete(false)
-    })
-}
-
-onShow(() => {
-    pagingRef.value?.reload?.()
-})
-
-// 搜索物料
-const handleSearch = () => {
-
-}
-
-// 选择物料
-const onMaterial = (val) => {
-    let materialChecked = uni.getStorageSync('app_material');
-    if (!Array.isArray(materialChecked)) {
-        materialChecked = [];
-    }
-    const idx = materialChecked?.findIndex((i) => i.id === val.id)
-    if (idx != -1) {
-        //! 现在仅允许添加一条物料打印一个唯一码  但保留可添加多个
-        // uni.showToast({
-        //     title: '该物料已添加，请勿重复添加！',
-        //     mask: true,
-        //     icon: 'none',
-        // })
-    } else {
-        if (val) {
-            // materialChecked = [...materialChecked, { ...val, quantity: 1 }];
-            materialChecked = [{ ...val, quantity: 1 }]
-            uni.setStorageSync('app_material', materialChecked);
-        }
-    }
-    uni.navigateTo({
-        url: '/pages/uniqueCode/issueUniqueCode/index'
-    });
-
-}
-</script>
-<style scoped lang="scss">
-.topSearch {
-    position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-    z-index: 999;
-    padding: 10px;
-    background-color: #fff;
-    border-bottom: 1px solid #eee;
-    box-sizing: border-box;
-}
-
-.containerBox {
-    // padding: 0 12rpx;
-    padding-top: 60px;
-    width: 100%;
-    height: 100%;
-    box-sizing: border-box;
-
-    .zp-l-text-rpx {
-        font-size: 12px;
-    }
-}
-</style>
\ No newline at end of file
diff --git a/pages/uniqueCode/myUniqueCode/QrCodeModal.vue b/pages/uniqueCode/myUniqueCode/QrCodeModal.vue
deleted file mode 100644
index 34c3057..0000000
--- a/pages/uniqueCode/myUniqueCode/QrCodeModal.vue
+++ /dev/null
@@ -1,97 +0,0 @@
-<template>
-
-
-    <view class="top">
-
-        <img style="width: 80rpx; height: 80rpx;" src="../../../static//logo/logo.jpg" />
-
-        <svg id="barcodeSvg" ref="barcodeRef"></svg>
-
-    </view>
-    <view class="content mt-16">
-        <p>物料：
-            <span>{{ material?.materialName }}</span>
-            <span v-if="material?.quantity">x {{ material?.quantity }}</span>
-        </p>
-        <p>描述：
-            <span v-if="material?.description">{{ material?.description || '-' }}</span>
-            <span v-else>
-                <span v-if="material?.materialShortName">{{ material?.materialShortName }} / </span>
-                <span v-if="material?.model">{{ material?.model }} / </span>
-                <span v-if="material?.specification">{{ material?.specification }} / </span>
-                <span v-if="material?.typeName">{{ material?.typeName }} </span>
-            </span>
-        </p>
-        <view class="top">
-            <p>备注：
-                <!-- 简称/型号/规格/物料类型 -->
-                <span>{{ material?.qrCodeMark || '' }}</span>
-
-            </p>
-            <img :src="qrCode" class="qrcode" />
-        </view>
-    </view>
-
-
-</template>
-
-<script setup>
-import { onMounted, computed } from 'vue';
-import JsBarcode from 'jsbarcode'
-
-const props = defineProps({
-    detail: {
-        type: Object,
-        default: null,
-    }
-})
-// 条形码容器
-console.log(props.detail, 'props.detail');
-
-// 二维码
-const qrCode = computed(() => props.detail?.[0]?.qrCode);
-// 物料数据
-const material = computed(() => props.detail?.[0]);
-// 条形码
-const barcodeValue = computed(() => props.detail?.[0]?.code);
-const generateBarcode = () => {
-    const svg = document.getElementById('barcodeSvg')
-    // SVG渲染：直接调用JsBarcode，无需清空（会自动替换内容）
-    JsBarcode(svg, barcodeValue.value, {
-        format: 'CODE128', // 常用的CODE128格式（支持任意字符）
-        width: 3,
-        height: 80,
-        displayValue: false,
-        margin: 10 // 条形码四周留白
-    })
-}
-onMounted(generateBarcode)
-
-</script>
-
-<style scoped lang="scss">
-.qrcode {
-    width: 120rpx;
-    height: 120rpx;
-}
-
-.top {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-
-}
-
-.content {
-    p {
-        font-weight: 600;
-        font-size: 14px;
-
-    }
-
-    span {
-        font-weight: 400;
-        font-size: 14px;
-    }
-}
-</style>
\ No newline at end of file
diff --git a/pages/uniqueCode/myUniqueCode/detail.vue b/pages/uniqueCode/myUniqueCode/detail.vue
deleted file mode 100644
index 4d3d64a..0000000
--- a/pages/uniqueCode/myUniqueCode/detail.vue
+++ /dev/null
@@ -1,292 +0,0 @@
-<!-- 唯一码详情 -->
-<template>
-    <uv-skeletons :loading="loading" :skeleton="skeleton">
-        <view class=" content">
-            <!-- 唯一码展示 -->
-            <uni-list>
-                <uni-list-item v-for="item in uniqueCodeList" :key="item.id" clickable class="material-card">
-                    <template v-slot:body>
-                        <p style="display: flex; flex-direction: column; width: 100%;">
-                            <!-- 编码、状态行 -->
-                            <view class="flex-center">
-                                <p class="title">编号：{{ item.code }}</p>
-                                <p class="status">{{ getStatusName(item.status) }}</p>
-                            </view>
-                            <!-- 内容行 -->
-                            <view class="text ">
-                                <p>RFID：
-                                    <span v-if="item.rfidCode">{{ item.remark }}</span>
-                                    <span v-else style="color: #999;">未绑定RFID</span>
-                                </p>
-                                <p>生成时间：
-                                    <span>{{ item?.createTime }}</span>
-                                </p>
-                                <!-- 备注行-->
-                                <view class="flex-center qrCode">
-                                    <p>备注：
-                                        <span v-if="item.remark">{{ item.remark }}</span>
-                                        <span v-else style="color: #999;">未填写</span>
-                                    </p>
-                                    <view @click="toViewQrCode">
-                                        <uv-image src="../../../static/qrcode.png" width="40rpx" height="40rpx"
-                                            style="margin-top:10rpx" />
-                                    </view>
-                                </view>
-                            </view>
-                        </p>
-                    </template>
-                </uni-list-item>
-            </uni-list>
-            <!-- 物料列表 -->
-            <view class="remarkLine">
-                <p>物料列表</p>
-                <p class="btn-link" @click="toEdit">修改</p>
-            </view>
-            <view>
-                <uni-forms ref="materialFormRef" :modelValue="materialList" class="form">
-                    <view v-for="(item, idx) in materialList" :key="item.id" class="material-card"
-                        style="padding: 24rpx; margin-bottom: 16rpx;">
-                        <view style="display: flex; flex-direction: column; width: 100%;">
-                            <!-- 标题行 -->
-                            <view class="title">{{ item.materialName }} ({{ item.materialCode }})</view>
-
-                            <!--小标题行  简称/型号/规格/类型 -->
-                            <view class="subTitle">
-                                <span v-if="item.materialShortName">{{ item.materialShortName }} / </span>
-                                <span v-if="item.model">{{ item.model }} / </span>
-                                <span v-if="item.specification">{{ item.specification }} / </span>
-                                <span v-if="item.typeName">{{ item.typeName }} </span>
-                            </view>
-
-                            <!-- 数量行 -->
-                            <view class="tag">
-                                <uni-tag :text="getTypeParentNames(item.typeParentNames) || ''" type="error" />
-                                <p class="tag-form">
-                                    <uni-forms-item :name="`material.${idx}.quantity`">
-                                        <uni-easyinput v-model="materialList[idx].quantity" :disabled="true"
-                                            type="number" :clearable="false" />
-                                    </uni-forms-item>
-                                    <span style=" margin-left: 8rpx; width: 16px;">{{ item.unitName }}</span>
-                                </p>
-                            </view>
-                            <!-- 备注行 -->
-                            <view class="remark">
-                                <uni-forms-item :name="`material.${idx}.remark`" label="备注：">
-                                    <uni-easyinput type="text" v-model="materialList[idx].remark"
-                                        :disabled="true" :clearable="false" :inputBorder="false"
-                                        placeholder="请填写备注信息" />
-                                </uni-forms-item>
-                            </view>
-                        </view>
-                    </view>
-                </uni-forms>
-            </view>
-
-            <!-- 底部按钮 -->
-            <view class="bottom">
-                <uv-button type="primary" text="唯一码打印"></uv-button>
-                <uv-button type="success" text="溯源" @click="toTraceability"></uv-button>
-            </view>
-        </view>
-    </uv-skeletons>
-    <uv-modal ref="modalRef" :title="none" class="qrCodeModal" width="480rpx" :showConfirmButton="false">
-        <qr-code-modal :detail="materialList" />
-    </uv-modal>
-</template>
-
-<script setup>
-import { ref } from 'vue';
-import { onLoad, onShow } from '@dcloudio/uni-app';
-import { detailUniqueCode } from '@/api/uniqueCode'
-import { getTypeParentNames, getStatusName, getDetail } from '../until';
-import QrCodeModal from './QrCodeModal.vue';
-
-const modalRef = ref()
-// 路径参数
-const pathParams = ref('')
-// 物料列表数组
-const materialList = ref([])
-// 唯一码数组
-const uniqueCodeList = ref([])
-// 详情数据
-const detail = ref([])
-// 骨架屏开关
-const loading = ref(true)
-// 骨架屏样式
-const skeleton = [{
-    type: 'line',
-    num: 3,
-    gap: '20rpx',
-    style: ['width: 200rpx;marginBottom: 50rpx;marginTop:50rpx;padding:24rpx', 'height: 100rpx;', 'width: 500rpx;'],
-}]
-const toViewQrCode = () => {
-    modalRef.value.open()
-
-}
-// 详情：唯一码
-const getDetailInfo = () => {
-    detailUniqueCode({ id: pathParams.value.id }).then((res) => {
-        if (res.code == 200) {
-            // ! 写成数组原因 为了适应可多个物料生成唯一码
-            materialList.value = [{ ...res.data.material, ...getDetail(res.data.material.wornMaterial), qrCode: res.data.qrCode, code: res.data.code, qrCodeMark: res.data.remark }]
-            uniqueCodeList.value = [res.data]
-
-        } else {
-            materialList.value = []
-            uniqueCodeList.value = []
-            uni.showToast({ title: '暂无数据', icon: 'none' })
-        }
-        loading.value = false
-    })
-
-}
-
-// 修改：唯一码的物料信息
-const toEdit = () => {
-    uni.setStorageSync('app_material', [{ ...materialList.value?.[0], uniqueCodeRemark: uniqueCodeList.value?.[0].remark }]);
-    uni.navigateTo({
-        url: `/pages/uniqueCode/issueUniqueCode/index?code=${pathParams.value.code}&id=${pathParams.value.id}&materialId=${materialList.value?.[0].id}`,
-    });
-
-}
-// 溯源
-const toTraceability = () => {
-
-}
-// 接收id 且修改标题
-onLoad((options) => {
-    if (!options.id) {
-        loading.value = false
-        uni.showToast({ title: '参数错误,无唯一码ID', icon: 'none' })
-        return
-    }
-    pathParams.value = options
-    getDetailInfo()
-})
-onShow(() => {
-    uni.setNavigationBarTitle({ title: pathParams.value.code })
-})
-
-</script>
-<style scoped lang="scss">
-.remarkLine {
-    display: flex;
-    align-items: center;
-    background-color: #fff;
-    justify-content: space-between;
-    padding: 8rpx 24rpx;
-    margin-bottom: 4rpx;
-    min-height: 40rpx;
-    margin-top: 16rpx;
-
-    span {
-        font-size: 14px;
-    }
-
-    p {
-        font-weight: 700;
-        font-size: 14px;
-
-    }
-
-    .btn-link {
-        font-weight: 500;
-        color: #3c9cff;
-
-    }
-}
-
-::v-deep .form {
-    .title {
-        color: #424242;
-    }
-
-    .tag {
-        .uni-tag {
-            display: flex;
-            align-items: center;
-            height: calc(25px - 6px);
-
-        }
-
-        .tag-form {
-            display: flex;
-            align-items: center;
-        }
-
-        .uni-forms-item {
-            margin-bottom: 0;
-            align-items: center;
-
-            .uni-easyinput__content,
-            .uni-easyinput__content-input {
-                height: 25px;
-                width: 80px;
-            }
-        }
-
-    }
-
-    .remark {
-        .uni-forms-item {
-            margin-bottom: 0;
-            margin-top: 16rpx;
-            display: flex;
-            align-items: center;
-
-            .is-disabled {
-                background-color: #fff !important;
-            }
-
-            .uni-forms-item__label {
-                color: #212121;
-                height: 40rpx;
-            }
-
-            .uni-easyinput__content-input {
-                height: 40rpx;
-
-                .uni-input-wrapper {
-                    text-align: right;
-                }
-            }
-
-            .uni-input-placeholder {
-                text-align: right;
-                font-size: 13px;
-
-            }
-        }
-    }
-
-    .uni-input-input {
-        color: #616161
-    }
-
-}
-
-// 底部按钮
-.bottom {
-    position: fixed;
-    bottom: 0;
-    height: 60rpx;
-    font-size: 14px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 100%;
-
-    .uv-button-wrapper {
-        width: 50%;
-        border-radius: 0;
-    }
-}
-
-::v-deep.qrCodeModal {
-    .uv-modal__content {
-        display: block;
-        padding: 24rpx;
-
-    }
-}
-</style>
\ No newline at end of file
diff --git a/pages/until.js b/pages/until.js
new file mode 100644
index 0000000..04a06aa
--- /dev/null
+++ b/pages/until.js
@@ -0,0 +1,123 @@
+import dayjs from "dayjs";
+import numeral from "numeral";
+// 订单状态
+// 0=入库申请,1=入库成功，2=出库申请，3=出库成功，4=作废
+const billTypeMenu = [
+  {
+    value: "0",
+    label: "入库单已提交",
+  },
+  {
+    value: "1",
+    label: "已完成",
+  },
+  {
+    value: "2",
+    label: "出库单已提交",
+  },
+  {
+    value: "3",
+    label: "已完成",
+  },
+  {
+    value: "4",
+    label: "已取消",
+  },
+];
+
+// 订单状态为0时 再查一次
+const billStatueMenu = [
+  {
+    value: "0",
+    label: "入库单已提交",
+  },
+  {
+    value: "1",
+    label: "全部入库",
+  },
+  {
+    value: "2",
+    label: "物料部分入库",
+  },
+];
+// 物料状态
+const materialType = [
+  {
+    value: "0",
+    label: "未提交",
+  },
+  {
+    value: "1",
+    label: "已提交",
+  },
+];
+
+// 入/出库单状态的label
+export const getBillType = (val, status) => {
+  if (val === "0") {
+    return billStatueMenu.find((i) => i.value == `${status}`)?.label;
+  }
+  return billTypeMenu.find((i) => i.value == `${val}`)?.label;
+};
+
+
+// 获取出入库单的状态以及tag颜色
+export const getColor = (val) => {
+  if (val == "0" || val == "2") {
+    return "color:#B8B8B8;font-weight:500;font-size:12px;";
+  } else if (val == "1" || val == "3") {
+    return "color:green;font-weight:500;font-size:12px;";
+  } else {
+    return "color:red;font-weight:500;font-size:12px;";
+  }
+};
+
+// 时间格式化
+export const formatDate = (t, fmt = "YYYY-MM-DD HH:mm:ss") =>
+  t ? dayjs(t).format(fmt) : "-";
+
+// 数字格式化
+export const formatNum = (num, fmt = "0.00") =>
+  num ? numeral(num).format(fmt) : "-";
+
+// 入库单/出库单：获取已入库、出库数量
+//  item:此列数据  type：已入库、剩余数量
+export const getStockQuantity = (item, type) => {
+  const num = item.quantity;
+  const status = item.status;
+  // 未入库
+  if (status == "0") {
+    if (type == "complete") {
+      return "0.000";
+    } else {
+      return formatNum(num, "0.00");
+    }
+  } else {
+    if (type == "complete") {
+      return formatNum(num, "0.000");
+    } else {
+      return "0.00";
+    }
+  }
+};
+
+
+// 清楚缓存 - 将所有需要清楚的缓存写入此处不要写登录信息
+export const removeStorage = () => {
+  uni.removeStorageSync("app_warehousing");
+  uni.removeStorageSync("app_storageArea");
+  uni.removeStorageSync("app_billRemark");
+  uni.removeStorageSync("app_material");
+  uni.removeStorageSync("app_material_select_list");
+};
+
+// 对象转 URL 查询字符串 ?a=1&b=2
+export const objectToQuery = (params) => {
+  if (!params || Object.keys(params).length === 0) return "";
+
+  const query = Object.entries(params)
+    .map(([key, value]) => `${key}=${encodeURIComponent(value)}`)
+    .join("&");
+
+  return "?" + query;
+};
diff --git a/pages/warehousing/StockIn/components/detail.vue b/pages/warehousing/StockIn/components/detail.vue
new file mode 100644
index 0000000..a48bac2
--- /dev/null
+++ b/pages/warehousing/StockIn/components/detail.vue
@@ -0,0 +1,147 @@
+<template>
+    <!-- 自定义导航栏 -->
+    <navigation :title="pathParams.billNo">
+        <template #right>
+            <view class="right-btn flex align-center justify-center ">
+                <uv-image @click="onPrinter" src="../../../../static/printer.png" width="20px" height="20px"
+                    style="margin-top:10rpx" />
+                <uv-image @click="onEdit" src="../../../../static/edit.png" class="ml-24" width="20px" height="20px"
+                    style="margin-top:10rpx" />
+            </view>
+        </template>
+    </Navigation>
+    <!-- 详情信息 -->
+    <detail-info type="stockIn" :detailInfo="detailInfo" />
+
+    <view v-if="detailInfo?.billType == '0'"
+        :class="getBillType(detailInfo?.billType, detailInfo?.status) != '物料部分入库' ? 'bottom' : 'bottom1'">
+        <uv-button type="error" v-if="getBillType(detailInfo?.billType, detailInfo?.status) != '物料部分入库'" text="作废"
+            @click="toObsolete"></uv-button>
+        <uv-button type="primary" text="入库单入库" @click="toPutAway"></uv-button>
+    </view>
+</template>
+<script setup>
+import _ from 'lodash';
+import { ref, computed } from 'vue';
+import { onLoad } from "@dcloudio/uni-app";
+import { objectToQuery, getBillType } from '../../../until';
+import { stockInDetail, inboundBillVoid } from '../../../../api/stockIn';
+import DetailInfo from '../../../components/DetailInfo.vue';
+import Navigation from '../../../components/Navigation.vue';
+
+// 数据：路径参数
+const pathParams = ref('')
+// 数据：详情
+const detailInfo = ref('')
+// 数据：类型  stockIn:入库  stockIn-putAway：入库单入库  stockOut：出库
+const type = computed(() => pathParams.value.type)
+// 方法：获取详情 - 将isDelete写入
+const getDetailInfo = () => {
+    stockInDetail({ billNo: pathParams.value.billNo }).then((res) => {
+        detailInfo.value = res.data
+    })
+}
+
+// 打印
+const onPrinter = () => {
+
+}
+const toObsolete = () => {
+    const params = {
+        billNo: pathParams.value?.billNo,
+        billType: '5'
+    }
+    inboundBillVoid(params).then((res) => {
+        //   /pages/warehousing/stockIn/my
+        uni.navigateTo({
+            url: `/pages/warehousing/stockIn/my`
+        });
+
+    })
+
+}
+const setDetailInfoToStorage = (type) => {
+    uni.setStorageSync('app_warehousing', [{
+        deptName: detailInfo.value?.warehouseName,
+        deptCode: detailInfo.value?.warehouseCode,
+    }])
+    uni.setStorageSync('app_storageArea', [{
+        deptName: detailInfo.value?.areaName,
+        deptCode: detailInfo.value?.areaCode,
+    }])
+    if (type) {
+        const material = _.filter(detailInfo.value?.itemList, (i) => i?.uniqueCode && i.status == '0')
+        const materialSelectList = _.filter(detailInfo.value?.itemList, (i) => !i?.uniqueCode && i.status == '0')
+        uni.setStorageSync('app_material', material)
+        uni.setStorageSync('app_material_select_list', materialSelectList)
+    } else {
+        uni.setStorageSync('app_material', detailInfo.value?.itemList)
+    }
+    uni.setStorageSync('app_billRemark', detailInfo.value?.billRemark,)
+
+}
+// 按钮：入库单入库
+const toPutAway = () => {
+    setDetailInfoToStorage('1')
+    uni.navigateTo({
+        url: `/pages/warehousing/stockIn/components/inbound?billNo=${pathParams.value.billNo}`
+    });
+}
+// 编辑
+const onEdit = () => {
+    setDetailInfoToStorage()
+    const query = objectToQuery(pathParams.value)
+    let url = `/pages/warehousing/stockIn/create${query}`
+    uni.navigateTo({
+        url: url
+    });
+}
+
+// 接收路径参数：billNo 
+onLoad((options) => {
+    if (!options.billNo) {
+        uni.showToast({ title: '参数错误,无唯一码ID', icon: 'none' })
+        return
+    }
+    pathParams.value = options
+    getDetailInfo()
+})
+
+</script>
+<style scoped lang="scss">
+/* 底部按钮 */
+
+
+// 底部按钮
+.bottom {
+    position: fixed;
+    bottom: 0;
+    height: 60rpx;
+    font-size: 14px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+
+    .uv-button-wrapper {
+        width: 50%;
+        border-radius: 0;
+    }
+}
+
+.bottom1 {
+    position: fixed;
+    bottom: 0;
+    height: 60rpx;
+    font-size: 14px;
+    display: flex;
+    align-items: center;
+    // justify-content: center;
+    width: 100%;
+
+    .uv-button-wrapper {
+        width: 100%;
+        border-radius: 0;
+    }
+}
+</style>
\ No newline at end of file
diff --git a/pages/warehousing/StockIn/components/inbound.vue b/pages/warehousing/StockIn/components/inbound.vue
new file mode 100644
index 0000000..a621742
--- /dev/null
+++ b/pages/warehousing/StockIn/components/inbound.vue
@@ -0,0 +1,158 @@
+<!--点击入库单入库后的入库页面 -->
+<template>
+    <view class="page">
+        <!-- 仓库信息 - 仓库、存储区 -->
+        <warehousing-info ref="warehousingInfoRef" :warehouseInfo="warehouseInfo" :pathParams="pathParams" />
+        <!-- 物料列表 - 添加物料 -->
+        <material-list ref="materialRef" :formData="formData" isEdit="5" backStr="stockIn" :pathParams="pathParams"
+            :extendData="{ selectMaterialList }" />
+        <!-- 底部操作栏 -->
+        <view class="bottom">
+            <uv-button type="primary" @click="submitForm">入库</uv-button>
+        </view>
+    </view>
+</template>
+
+<script setup>
+
+import _ from 'lodash';
+import { ref } from 'vue';
+import { onLoad, onShow } from "@dcloudio/uni-app";
+import { inboundFinish, stockInDetail,inboundBillVoid } from '@/api/stockIn';
+import MaterialList from '../../../components/MaterialList.vue';
+import WarehousingInfo from '../../../components/WarehousingInfo.vue';
+import { onMounted } from 'vue';
+
+// 数据：路径参数
+const pathParams = ref('')
+// 标志：是否为编辑
+const isEdit = ref('')
+// 标志：区分页面 进入页面的状态 null新建  stockIn:入库编辑  stockIn-putAway：入库单入库编辑 
+const flag = ref('')
+
+// ref：物料绑定
+const materialRef = ref([])
+// ref：仓库信息绑定
+const warehousingInfoRef = ref([])
+
+const selectMaterialList = ref([])
+const detailInfo = ref('')
+
+// 数据：物料列表
+const formData = ref([{ remark: '', material: [] }])
+// 数据：仓库信息
+const warehouseInfo = ref({ warehousing: {}, storageArea: {}, remark: '' })
+
+// 数据：获取缓存信息
+const getMaterialList = () => {
+    // 获取仓库信息
+    const warehouse = uni.getStorageSync('app_warehousing');
+    warehouseInfo.value.warehousing = warehouse
+
+    // 获取存储区信息
+    const storageArea = uni.getStorageSync('app_storageArea');
+    warehouseInfo.value.storageArea = storageArea
+    // 获取物料信息 - 有uniqueCode
+    const material = uni.getStorageSync('app_material');
+    formData.value.material = material
+    // 获取物料信息 - 无uniqueCode
+    const selectMaterial = uni.getStorageSync('app_material_select_list');
+    selectMaterialList.value = selectMaterial
+    // 获取入库单备注
+    const billRemark = uni.getStorageSync('app_billRemark');
+    warehouseInfo.value.remark = billRemark
+    console.log('获取缓存', material, selectMaterial);
+
+}
+
+
+// 方法：获取详情 - 更新物料得值 获取唯一码后回来
+const getDetailInfo = () => {
+    stockInDetail({ billNo: pathParams.value.billNo }).then((res) => {
+        setDetailInfoToStorage(res.data?.itemList)
+    })
+}
+// 方法：存入缓存 - 更新物料得值 获取唯一码后回来
+const setDetailInfoToStorage = (val) => {
+    // 过滤出有uniqueCode得值
+    const material = _.filter(val, (i) => i?.uniqueCode && i.status == '0')
+    const materialSelectList = _.filter(val, (i) => !i?.uniqueCode && i.status == '0')
+    uni.setStorageSync('app_material', material)
+    uni.setStorageSync('app_material_select_list', materialSelectList)
+    getMaterialList()
+}
+// 入库:提交表单
+const submitForm = () => {
+    const info = warehousingInfoRef.value.getWarehousingInfo()
+    const materialInfo = materialRef.value.getMaterialList()
+    // 过滤出已删除的物料
+    const _materialInfo = _.filter(materialInfo, { isDelete: '0' })
+    let params = {
+        billType: '1',//0入库申请 1入库成功 2出库申请 3出库成功 4入库单已作废 5出库单已作废
+        billNo: pathParams.value.billNo,
+        warehouseCode: info.warehousing?.[0].deptCode || info.warehousing?.[0].deptId,
+        warehouseName: info.warehousing?.[0].deptName,
+        areaCode: info.storageArea?.[0].deptCode || info.storageArea?.[0].deptId,
+        areaName: info.storageArea?.[0].deptName,
+        remark: info.remark,
+        billRemark: info.remark,
+        itemList: _.map(_materialInfo, (i) => ({ ...i.material }))
+    }
+
+    inboundFinish(params).then((res) => {
+        // stockIn
+        // /pages/warehousing/stockIn/components/detail
+        uni.navigateTo({
+            url: `/pages/warehousing/stockIn/components/detail?billNo=${pathParams.value.billNo}&type=stockIn`
+        });
+        console.log(res, '入库单入库');
+    })
+
+}
+// 数据：路径参数
+onLoad((options) => {
+    console.log(options, 'options', _.includes(options?.type, 'stockIn'));
+    if (!options.billNo) {
+        uni.showToast({ title: '参数错误,无唯一码ID', icon: 'none' })
+        return
+    }
+    pathParams.value = options
+    getDetailInfo()
+    flag.value = options.type
+    isEdit.value = _.includes(options?.type, 'stockIn')
+})
+// 修改标题：若有billNo传入 修改标题
+onShow(() => {
+    if (pathParams.value.billNo) {
+        uni.setNavigationBarTitle({ title: pathParams.value.billNo })
+    }
+})
+onMounted(() => {
+    getMaterialList()
+})
+</script>
+
+<style lang="scss" scoped>
+.page {
+    background: #f5f5f5;
+    min-height: 100vh;
+}
+
+/* 底部按钮 */
+::v-deep .bottom {
+    position: fixed;
+    bottom: 0;
+    height: 60rpx;
+    font-size: 14px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+
+    .uv-button-wrapper {
+        width: 100%;
+        border-radius: 0;
+    }
+
+}
+</style>
\ No newline at end of file
diff --git a/pages/warehousing/StockIn/create.vue b/pages/warehousing/StockIn/create.vue
new file mode 100644
index 0000000..344e9cc
--- /dev/null
+++ b/pages/warehousing/StockIn/create.vue
@@ -0,0 +1,206 @@
+<template>
+    <view class="page">
+        <!-- 仓库信息 - 仓库、存储区 -->
+        <warehousing-info ref="warehousingInfoRef" :warehouseInfo="warehouseInfo" :pathParams="pathParams" />
+        <!-- 物料列表 - 添加物料 -->
+        <material-list ref="materialRef" :formData="formData" isEdit="1" backStr="stockIn" :pathParams="pathParams" />
+        <!-- 底部操作栏 -->
+        <view class="bottom">
+            <uv-button @click="scanCode">扫码添加</uv-button>
+            <uv-button type="primary" @click="submitForm">提交</uv-button>
+        </view>
+    </view>
+</template>
+
+<script setup>
+
+import _ from 'lodash';
+import { ref } from 'vue';
+import { objectToQuery } from '../../until';
+import { onLoad, onShow } from "@dcloudio/uni-app";
+import { addStockIn, stockInUpdate } from '@/api/stockIn';
+import { getMaterialUnique } from '@/api/uniqueCode';
+import MaterialList from '../../components/MaterialList.vue';
+import WarehousingInfo from '../../components/WarehousingInfo.vue';
+
+
+// 数据：路径参数
+const pathParams = ref('')
+// 标志：是否为编辑
+const isEdit = ref('')
+// 标志：区分页面 进入页面的状态 null新建  stockIn:入库编辑  stockIn-putAway：入库单入库编辑 
+const flag = ref('')
+
+// ref：物料绑定
+const materialRef = ref([])
+// ref：仓库信息绑定
+const warehousingInfoRef = ref([])
+
+// 数据：物料列表
+const formData = ref([{ remark: '', material: [] }])
+// 数据：仓库信息
+const warehouseInfo = ref({ warehousing: {}, storageArea: {}, remark: '' })
+
+// 数据：获取缓存信息
+const getMaterialList = () => {
+
+    // 获取仓库信息
+    const warehouse = uni.getStorageSync('app_warehousing');
+    warehouseInfo.value.warehousing = warehouse
+
+    // 获取存储区信息
+    const storageArea = uni.getStorageSync('app_storageArea');
+    warehouseInfo.value.storageArea = storageArea
+
+    // 获取物料信息
+    const material = uni.getStorageSync('app_material');
+    formData.value.material = material
+
+    // 获取入库单备注
+    const billRemark = uni.getStorageSync('app_billRemark');
+    warehouseInfo.value.remark = billRemark
+}
+getMaterialList();
+const scanResult = ref('')
+// 扫码添加
+const scanCode = () => {
+    // 先校验是否支持扫码
+    uni.scanCode({
+        scanType: ['qrCode', 'barCode'], // 支持二维码 + 条形码
+        success: (res) => {
+            scanResult.value = res.result;
+            if (res.result) {
+                getMaterialUnique({ code:  res.result }).then((response) => {
+                    console.log('物料内容：', response);
+                    if (`${response.code}` === '200') {
+                        const material = uni.getStorageSync('app_material');
+                        // 处理物料信息 合并
+                        const materialInfo = _.filter(material, { isDelete: '0' });
+                        console.log('materialInfo', materialInfo);
+                        const materialId = response.data?.[0]?.materialId;
+                        console.log('materialId', materialId);
+                        const idx = _.findIndex(materialInfo, (i) => i.materialId ? i.materialId == materialId : i.id == materialId);
+                        console.log('已选中是否有重复数据', idx);
+
+                        if (idx != -1) {
+                            uni.showToast({
+                                title: '该物料已添加，请勿重复添加！',
+                                mask: true,
+                                icon: 'none',
+                            })
+                        } else {
+                            let _material = [...materialInfo, { ...response.data[0],uniqueCode:res.result }]
+                            console.log('新的物料数组', _material);
+                            formData.value.material = _material
+                            uni.setStorageSync('app_material', formData.value.material)
+                        }
+                    } else {
+                        console.log(response.code, 'response.code');
+                    }
+
+
+                })
+            }
+        },
+        fail: () => {
+            uni.showToast({ title: '扫码失败', icon: 'none' });
+        }
+    });
+};
+
+// 提交表单
+const submitForm = () => {
+    const info = warehousingInfoRef.value.getWarehousingInfo()
+    const materialInfo = materialRef.value.getMaterialList()
+
+    let params = {
+        warehouseCode: info.warehousing?.[0].deptCode || info.warehousing?.[0].deptId,
+        warehouseName: info.warehousing?.[0].deptName,
+        areaCode: info.storageArea?.[0].deptCode || info.storageArea?.[0].deptId,
+        areaName: info.storageArea?.[0].deptName,
+        remark: info.remark,
+        billRemark: info.remark,
+        itemList: _.map(materialInfo, (i) => ({ ...i.material }))
+    }
+    console.log(params, isEdit, !isEdit, info, materialInfo, '入参params');
+    // 新建
+    if (!isEdit.value) {
+        addStockIn(params).then((res) => {
+            if (res.code == 200) {
+                uni.showToast({
+                    title: '入库单创建成功',
+                    mask: true,
+                    icon: 'success',
+                })
+                uni.navigateTo({
+                    url: `/pages/warehousing/stockIn/my`,
+                });
+            }
+
+        })
+    } else if (isEdit.value) {
+        // 编辑
+        params.billNo = pathParams.value?.billNo
+        params.billId = pathParams.value?.billId
+        const query = objectToQuery(pathParams.value)
+        stockInUpdate(params).then((res) => {
+            if (res.code == 200) {
+                uni.showToast({
+                    title: '入库单编辑成功',
+                    mask: true,
+                    icon: 'success',
+                })
+                let url = `/pages/warehousing/stockIn/components/detail${query}`
+                uni.navigateTo({
+                    url: url,
+                });
+            }
+        })
+    }
+
+}
+// 数据：路径参数
+onLoad((options) => {
+    console.log(options, 'options', _.includes(options?.type, 'stockIn'));
+
+    pathParams.value = options
+    flag.value = options.type
+    isEdit.value = _.includes(options?.type, 'stockIn')
+})
+// 修改标题：若有billNo传入 修改标题
+onShow(() => {
+    if (pathParams.value.billNo) {
+        uni.setNavigationBarTitle({ title: pathParams.value.billNo })
+    }
+})
+</script>
+
+<style lang="scss" scoped>
+.page {
+    background: #f5f5f5;
+    min-height: 100vh;
+}
+
+/* 底部按钮 */
+::v-deep .bottom {
+    position: fixed;
+    bottom: 0;
+    height: 60rpx;
+    font-size: 14px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+
+    .uv-button-wrapper {
+        width: 50%;
+        border-radius: 0;
+    }
+
+    .uv-button--info {
+        background-color: #07c160;
+        color: #fff;
+
+    }
+}
+</style>
\ No newline at end of file
diff --git a/pages/warehousing/StockIn/my.vue b/pages/warehousing/StockIn/my.vue
new file mode 100644
index 0000000..cc1c770
--- /dev/null
+++ b/pages/warehousing/StockIn/my.vue
@@ -0,0 +1,9 @@
+<template>
+    <search-list type="stockIn" :onDetail="onDetail" />
+</template>
+<script setup>
+import SearchList from '../../components/SearchList.vue';
+
+
+
+</script>
\ No newline at end of file
diff --git a/pages/warehousing/StockIn/putaway.vue b/pages/warehousing/StockIn/putaway.vue
new file mode 100644
index 0000000..0ea9ff2
--- /dev/null
+++ b/pages/warehousing/StockIn/putaway.vue
@@ -0,0 +1,10 @@
+<!-- putAway：入库单入库 -->
+<template>
+    <search-list type="stockIn-putAway" :onDetail="onDetail" :query="{ billType: '0' }" />
+</template>
+<script setup>
+import SearchList from '../../components/SearchList.vue';
+
+
+
+</script>
\ No newline at end of file
diff --git a/pages/warehousing/index.vue b/pages/warehousing/index.vue
index fc36325..9b5f8c7 100644
--- a/pages/warehousing/index.vue
+++ b/pages/warehousing/index.vue
@@ -1,3 +1,4 @@
+<!-- 底部导航栏：仓库 -->
 <template>
 	<view class="content">
 		<uni-card v-for="(item, index) in menuList" :key="item.id" :title="item.title" :isFull="true"
@@ -12,7 +13,7 @@
 
 <script setup>
 import { onShow } from '@dcloudio/uni-app';
-
+import {removeStorage} from '../until';
 const menuList = [
 	{
 		id: 'inventory',
@@ -125,7 +126,11 @@ const menuList = [
 				icon: '../../static/stockInOrOut/stockInCreateOrder.png',
 				title: '入库单开单',
 				click: () => {
+					removeStorage()
 					console.log('入库单开单')
+					uni.navigateTo({
+						url: '/pages/warehousing/stockIn/create'
+					});
 				}
 			},
 			{
@@ -134,6 +139,10 @@ const menuList = [
 				title: '我的入库单',
 				click: () => {
 					console.log('我的入库单')
+					removeStorage()
+					uni.navigateTo({
+						url: '/pages/warehousing/stockIn/my'
+					});
 				}
 			},
 			{
@@ -142,6 +151,9 @@ const menuList = [
 				title: '入库单入库',
 				click: () => {
 					console.log('入库单入库')
+					uni.navigateTo({
+						url: '/pages/warehousing/stockIn/putaway'
+					});
 
 				}
 			},
@@ -188,9 +200,9 @@ const menuList = [
 				title: '唯一码发放',
 				click: () => {
 					console.log('唯一码发放')
-					uni.setStorageSync('app_material', []);
+					uni.removeStorage('app_material')
 					uni.navigateTo({
-						url: '/pages/uniqueCode/issueUniqueCode/index'
+						url: '/pages/warehousing/uniqueCode/issueUniqueCode/index'
 					});
 				}
 			},
@@ -201,7 +213,7 @@ const menuList = [
 				click: () => {
 					console.log('唯一码')
 					uni.navigateTo({
-						url: '/pages/uniqueCode/myUniqueCode/index'
+						url: '/pages/warehousing/uniqueCode/myUniqueCode/index'
 					});
 				}
 			},
@@ -216,40 +228,39 @@ const menuList = [
 			},
 		]
 	},
-	{
-		id: 'transportCheckIn',
-		title: '运输打卡',
-		menuItem: [
-			{
-				id: "transportCheckIn_transportCheckIn",
-				icon: '../../static/transportCheckIn/transportCheckIn.png',
-				title: '运输打卡',
-				click: () => {
-					console.log('运输打卡')
-				}
-			},
-			{
-				id: "transportCheckIn_myTransportCheckIn",
-				icon: '../../static/transportCheckIn/myTransportCheckIn.png',
-				title: '我的运输打卡',
-				click: () => {
-					console.log('我的运输打卡')
-				}
-			},
-		]
-	},
+	// 	{
+	// 		id: 'transportCheckIn',
+	// 		title: '运输打卡',
+	// 		menuItem: [
+	// 			{
+	// 				id: "transportCheckIn_transportCheckIn",
+	// 				icon: '../../static/transportCheckIn/transportCheckIn.png',
+	// 				title: '运输打卡',
+	// 				click: () => {
+	// 					console.log('运输打卡')
+	// 				}
+	// 			},
+	// 			{
+	// 				id: "transportCheckIn_myTransportCheckIn",
+	// 				icon: '../../static/transportCheckIn/myTransportCheckIn.png',
+	// 				title: '我的运输打卡',
+	// 				click: () => {
+	// 					console.log('我的运输打卡')
+	// 				}
+	// 			},
+	// 		]
+	// 	},
 ]
 onShow(() => {
 	uni.removeStorage({
 		key: 'app_material',
-		success: (result) => {},
-		fail: (error) => {}
+		success: (result) => { },
+		fail: (error) => { }
 	})
 })
 </script>
 
 <style scoped lang="scss">
-/*  覆盖 uni-card 根容器样式 */
 ::v-deep .custom-card.uni-card {
 	margin-bottom: 6rpx !important;
 	border-color: #F8F8FF !important;
diff --git a/pages/warehousing/toChooseList.vue b/pages/warehousing/toChooseList.vue
new file mode 100644
index 0000000..e09432b
--- /dev/null
+++ b/pages/warehousing/toChooseList.vue
@@ -0,0 +1,18 @@
+<!-- 仓库信息选择 -->
+<template>
+    <choose-list :isWarehousing="isWarehousing" :backStr="pathParams.backStr" :pathParams="pathParams" />
+</template>
+<script setup>
+import { computed, ref } from 'vue'
+import { onLoad } from "@dcloudio/uni-app";
+import ChooseList from '../components/ChooseList.vue'
+
+// 路径参数
+const pathParams = ref('')
+const isWarehousing = computed(() => pathParams.value.flag == 'warehousing')
+// 接收路径参数 
+onLoad((options) => {
+    pathParams.value = options
+})
+
+</script>
diff --git a/pages/warehousing/uniqueCode/issueUniqueCode/index.vue b/pages/warehousing/uniqueCode/issueUniqueCode/index.vue
new file mode 100644
index 0000000..2616a10
--- /dev/null
+++ b/pages/warehousing/uniqueCode/issueUniqueCode/index.vue
@@ -0,0 +1,205 @@
+<!-- 唯一码发放页面 -->
+<template>
+    <view class="content">
+        <view class="remarkLine">
+            <span>备注：</span>
+            <uni-easyinput type="text" v-model="formData.remark" :inputBorder="false" placeholder="请输入备注" />
+        </view>
+
+        <!-- 物料列表 - 添加物料 -->
+        <material-list ref="materialRef" :formData="formData" :remark="formData.remark" isEdit="1" :backStr="backStr"
+            :pathParams="pathParams" />
+        <button class="bottom-btn" type="primary" @click="handleSubmit">提交</button>
+    </view>
+</template>
+<script setup>
+import { ref, onMounted } from 'vue';
+import { onLoad, onShow } from '@dcloudio/uni-app';
+import { addUniqueCode, editUniqueCode } from '@/api/uniqueCode';
+import MaterialList from '../../../components/MaterialList.vue';
+import { computed } from 'vue';
+import _ from 'lodash';
+
+// 数据：路径参数
+const pathParams = ref('')
+// 数据：物料、备注
+const formData = ref({ remark: '', material: [] })
+// ref:绑定物料列表
+const materialRef = ref([])
+const backStr = computed(() => pathParams.value.back == 'inbound' ? `issueUniqueCode_inbound` : 'issueUniqueCode')
+// 接收路径参数 - 修改标题- 携带code、id、materialId
+onLoad((options) => {
+    pathParams.value = options
+
+})
+onShow(() => {
+    if (pathParams.value.title) {
+        uni.setNavigationBarTitle({ title: pathParams.value.title })
+    }
+    if (pathParams.value.back == 'inbound') {
+        uni.setNavigationBarTitle({ title: '快速生成唯一码' })
+    }
+})
+
+onMounted(() => {
+    // 快速生成唯一码时 已选择的物料列表初始为空 点击添加物料 去选择
+    if (pathParams.value.back != 'inbound') {
+        getMaterialList();
+    }
+
+})
+// 创建/编辑 唯一码
+const handleSubmit = () => {
+    //  物料最新编辑数据
+    const material = materialRef.value.getMaterialList()?.[0]
+
+    const params = {
+        remark: formData.value.remark,
+        material: { ...material.material, unitId: '23' }
+    }
+    if (pathParams.value.back == `issueUniqueCode_inbound`) {
+        params.billNo = pathParams.value.billNo
+    }
+    if (pathParams.value.id) {
+        params.id = pathParams.value.id; //唯一码id
+        params.material.id = formData.value.material?.[0]?.uniqueCodeMaterialId; //唯一码物料id
+        params.material.materialId = formData.value.material?.[0]?.materialId; //物料id
+        editUniqueCode(params).then((response) => {
+            if (response.code == 200) {
+                uni.showToast({
+                    title: '唯一码编辑成功',
+                    mask: true,
+                    icon: 'success',
+                })
+                uni.navigateTo({
+                    url: `/pages/warehousing/uniqueCode/myUniqueCode/detail?id=${pathParams.value.id}&title=${pathParams.value.title}`,
+                });
+            }
+
+        })
+    } else {
+        addUniqueCode(params).then((response) => {
+            if (response.code == 200) {
+                uni.showToast({
+                    title: '唯一码创建成功',
+                    mask: true,
+                    icon: 'success',
+                })
+                if (_.includes(pathParams.value?.back, 'inbound')) {
+                    // /pages/warehousing/uniqueCode/myUniqueCode/detail?id=38&code=600038
+                    uni.navigateTo({
+                        url: `/pages/warehousing/stockIn/components/inbound?billNo=${pathParams.value.billNo}`,
+                    });
+                } else {
+                    uni.switchTab({
+                        url: "/pages/warehousing/index"
+                    })
+                }
+                // /pages/warehousing/stockIn/components/inbound?billNo=WR1775032495153
+
+            }
+
+        })
+    }
+}
+
+// 获取缓存内的物料列表
+const getMaterialList = () => {
+    const value = uni.getStorageSync('app_material');
+    if (value) {
+        formData.value.material = value
+        if (value?.[0]?.uniqueCodeRemark) {
+            formData.value.remark = value?.[0]?.uniqueCodeRemark
+        }
+    }
+}
+
+</script>
+<style scoped lang="scss">
+.remarkLine {
+    display: flex;
+    align-items: center;
+    background-color: #fff;
+    justify-content: space-between;
+    padding: 8rpx 24rpx;
+    margin-bottom: 8rpx;
+    min-height: 40rpx;
+
+    span {
+        font-size: 14px;
+    }
+
+    p {
+        font-weight: 700;
+        font-size: 14px;
+
+    }
+
+}
+
+::v-deep .uv-button {
+    height: 20px;
+}
+
+::v-deep .form {
+    .title {
+        color: #424242;
+    }
+
+    .tag {
+        .uni-tag {
+            display: flex;
+            align-items: center;
+            height: calc(25px - 6px);
+
+        }
+
+        .tag-form {
+            display: flex;
+            align-items: center;
+        }
+
+        .uni-forms-item {
+            margin-bottom: 0;
+            align-items: center;
+
+            .uni-easyinput__content,
+            .uni-easyinput__content-input {
+                height: 25px;
+                width: 80px;
+            }
+        }
+
+    }
+
+    .remark {
+        .uni-forms-item {
+            margin-bottom: 0;
+            margin-top: 16rpx;
+            display: flex;
+            align-items: center;
+
+            .uni-forms-item__label {
+                color: #212121;
+                height: 40rpx;
+            }
+
+            .uni-easyinput__content-input {
+                height: 40rpx;
+
+                .uni-input-wrapper {
+                    text-align: right;
+                }
+            }
+
+            .uni-input-placeholder {
+                text-align: right;
+                font-size: 13px;
+
+            }
+        }
+    }
+
+
+}
+</style>
\ No newline at end of file
diff --git a/pages/warehousing/uniqueCode/issueUniqueCode/materialSelection.vue b/pages/warehousing/uniqueCode/issueUniqueCode/materialSelection.vue
new file mode 100644
index 0000000..2877f34
--- /dev/null
+++ b/pages/warehousing/uniqueCode/issueUniqueCode/materialSelection.vue
@@ -0,0 +1,218 @@
+<!-- 物料选择 -->
+<template>
+    <view class="content">
+        <view class="topSearch" v-if="!backUrl.includes('inbound')">
+            <uni-easyinput type="text" v-model="queryParams.keyword" prefixIcon="search" :inputBorder="false"
+                @iconClick="getMaterialList" placeholder="请输入搜索内容" />
+        </view>
+
+        <!-- 物料列表  -->
+        <z-paging ref="pagingRef" class="containerBox" v-model="materialList" @query="getMaterialList"
+            v-if="!backUrl.includes('inbound')">
+            <uni-list>
+                <uni-list-item v-for="item in materialList" :key="item.id" clickable class="material-card"
+                    @click="onMaterial(item)">
+                    <template v-slot:body>
+                        <p style="display: flex; flex-direction: column; width: 100%;">
+                        <p class="title">{{ item.materialName }} ({{ item.materialCode }})</p>
+                        <p class="subTitle">
+                            <!-- 简称/型号/规格/类型 -->
+                            <span v-if="item.materialShortName">{{ item.materialShortName }} / </span>
+                            <span v-if="item.model">{{ item.model }} / </span>
+                            <span v-if="item.specification">{{ item.specification }} / </span>
+                            <span v-if="item.typeName">{{ item.typeName }} </span>
+                        </p>
+                        <p class="tag">
+                            <uni-tag :text="getTypeParentNames(item.typeParentNames)" type="error" />
+                        <p>单位：{{ item.unitName }}</p>
+                        </p>
+                        </p>
+
+                    </template>
+                </uni-list-item>
+            </uni-list>
+        </z-paging>
+
+        <view v-if="backUrl.includes('inbound')">
+            <uni-list>
+                <uni-list-item v-for="item in materialList" :key="item.id" clickable class="material-card"
+                    @click="onMaterial(item)">
+                    <template v-slot:body>
+                        <p style="display: flex; flex-direction: column; width: 100%;">
+                        <p class="title">{{ item.materialName }} ({{ item.materialCode }})</p>
+                        <p class="subTitle">
+                            <!-- 简称/型号/规格/类型 -->
+                            <span v-if="item.materialShortName">{{ item.materialShortName }} / </span>
+                            <span v-if="item.model">{{ item.model }} / </span>
+                            <span v-if="item.specification">{{ item.specification }} / </span>
+                            <span v-if="item.typeName">{{ item.typeName }} </span>
+                        </p>
+                        <p class="tag">
+                            <uni-tag :text="getTypeParentNames(item.typeParentNames)" type="error" />
+                        <p>单位：{{ item.unitName }}</p>
+                        </p>
+                        </p>
+
+                    </template>
+                </uni-list-item>
+            </uni-list>
+        </view>
+    </view>
+</template>
+<script setup>
+import _ from 'lodash';
+import { computed, ref } from 'vue';
+import { getTypeParentNames, } from '../until';
+import { objectToQuery } from '../../../until';
+import { getMaterial } from '@/api/uniqueCode'
+import { onShow, onLoad } from "@dcloudio/uni-app";
+
+// ref:下拉加载
+const pagingRef = ref(null)
+// 数据：查询参数
+const queryParams = ref({
+    keyword: ''
+})
+// 数据：物料
+const materialList = ref([])
+// 数据：路径参数
+const pathParams = ref('')
+
+// 数据：返回路径标识 stockIn 入库单开单 stockInDetail入库单编辑 issueUniqueCode唯一码  issueUniqueCode_inbound入库生成唯一码
+const backUrl = computed(() => pathParams?.value?.back)
+// 方法：获取列表
+const getMaterialList = () => {
+    getMaterial(queryParams.value).then(res => {
+        res.rows.forEach(e => {
+            e.showMore = false;
+        });
+        pagingRef.value.complete(res.rows)
+    }).catch(res => {
+        pagingRef.value.complete(false)
+    })
+}
+// 方法：获取列表 - 入库生成唯一码
+const getMaterialListInbound = () => {
+    const list = uni.getStorageSync('app_material_select_list')
+    console.log('list',list);
+    materialList.value=list
+
+
+}
+
+onShow(() => {
+    pagingRef.value?.reload?.()
+})
+onLoad((options) => {
+    pathParams.value = options
+    getMaterialListInbound()
+})
+// 方法：获取缓存物料信息
+const getStorageMaterial = (val) => {
+    // 唯一码编辑进入  数量默认1\唯一码物料表id\物料id
+    if (pathParams.value.id) {
+        const value = uni.getStorageSync('app_material');
+        if (value && value?.length > 0) {
+            return [{ ...val, quantity: 1, uniqueCodeMaterialId: value?.[0]?.id, uniqueCodeRemark: value?.[0]?.uniqueCodeRemark, materialId: val.id, isDelete: '0' }]
+        }
+    }
+    return [{ ...val, quantity: 1 }]
+}
+// 方法：返回路径
+const toBack = (back) => {
+    const path = objectToQuery({ ...pathParams.value })
+    let url = ''
+    switch (back) {
+        case 'stockIn':
+            // 入库单开单添加物料进入
+            url = `/pages/warehousing/stockIn/create`
+            break
+        case 'issueUniqueCode':
+        case 'issueUniqueCode_inbound':
+            // 唯一码发放/入库生成唯一码
+            url = `/pages/warehousing/uniqueCode/issueUniqueCode/index`
+            break
+        case 'stockInDetail':
+            //我的入库单/入库单入库
+            url = `/pages/warehousing/stockIn/components/detail`
+            break
+    }
+    uni.navigateTo({
+        url: `${url}${path}`
+    })
+}
+// 方法：选择物料
+const onMaterial = (val) => {
+    let materialChecked = uni.getStorageSync('app_material');
+    if (!Array.isArray(materialChecked)) {
+        materialChecked = [];
+    }
+
+    console.log(materialChecked, 'materialChecked==>');
+
+    const item = _.find(materialChecked, (i) => i.materialId ? i.materialId === val.id : i.id === val.id)
+    console.log(item, 'item==>');
+
+    const idx = _.findIndex(materialChecked, (i) => i.materialId ? i.materialId === val.id : i.id === val.id)
+    console.log(idx, 'idx==>', idx != -1 && item?.isDelete == '0', backUrl.value);
+
+    if (idx != -1 && item?.isDelete == '0') {    // isDelete为0表示未删除  1为已删除数据不在对比范围内
+        console.log(backUrl.value == 'stockIn', '11111111111111111111111111');
+
+        if (backUrl.value == 'stockIn') {
+            console.log(111111111111);
+
+            uni.showToast({
+                title: '该物料已添加，请勿重复添加！',
+                mask: true,
+                icon: 'none',
+            })
+        }
+        //! 现在仅允许添加一条物料打印一个唯一码  但保留可添加多个
+        // uni.showToast({
+        //     title: '该物料已添加，请勿重复添加！',
+        //     mask: true,
+        //     icon: 'none',
+        // })
+        toBack(backUrl.value)
+    } else {
+        console.log('执行到这里');
+
+        if (val) {
+            if (backUrl.value == 'stockIn') {
+                materialChecked = [...materialChecked, { ...val, quantity: 1, isDelete: '0' }];
+            } else {
+                materialChecked = getStorageMaterial(val)
+            }
+            uni.setStorageSync('app_material', materialChecked);
+        }
+        toBack(backUrl.value)
+    }
+}
+
+</script>
+<style scoped lang="scss">
+.topSearch {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    z-index: 999;
+    padding: 10px;
+    background-color: #fff;
+    border-bottom: 1px solid #eee;
+    box-sizing: border-box;
+}
+
+.containerBox {
+    // padding: 0 12rpx;
+    padding-top: 60px;
+    width: 100%;
+    height: 100%;
+    box-sizing: border-box;
+
+    .zp-l-text-rpx {
+        font-size: 12px;
+    }
+}
+</style>
\ No newline at end of file
diff --git a/pages/warehousing/uniqueCode/myUniqueCode/QrCodeModal.vue b/pages/warehousing/uniqueCode/myUniqueCode/QrCodeModal.vue
new file mode 100644
index 0000000..61dcc29
--- /dev/null
+++ b/pages/warehousing/uniqueCode/myUniqueCode/QrCodeModal.vue
@@ -0,0 +1,112 @@
+<template>
+  <view style="display: block;">
+    <view class="top">
+      <uv-image src="../../../../static//logo/logo.jpg" width="40px" height="40px" style="margin-top:10rpx" />
+
+      <!-- 唯一兼容 iPad 的写法：纯 2D Canvas -->
+      <canvas id="barcode" type="2d" class="barcode-canvas"></canvas>
+    </view>
+
+    <view class="content mt-16">
+      <p>物料：
+        <span>{{ material?.materialName }}</span>
+        <span v-if="material?.quantity">x {{ material?.quantity }}</span>
+      </p>
+      <p>描述：
+        <span v-if="material?.description">{{ material?.description || '-' }}</span>
+        <span v-else>
+          <span v-if="material?.materialShortName">{{ material?.materialShortName }} / </span>
+          <span v-if="material?.model">{{ material?.model }} / </span>
+          <span v-if="material?.specification">{{ material?.specification }} / </span>
+          <span v-if="material?.typeName">{{ material?.typeName }} </span>
+        </span>
+      </p>
+      <view class="top">
+        <p>备注：
+          <span>{{ material?.uniqueCodeRemark || '' }}</span>
+        </p>
+        <uv-image :src="qrCode" width="80rpx" height="80rpx" />
+      </view>
+    </view>
+  </view>
+
+</template>
+
+<script setup>
+import { onMounted, computed, watch } from 'vue';
+import JsBarcode from 'jsbarcode';
+
+const props = defineProps({
+  detail: { type: Object, default: null }
+});
+
+const qrCode = computed(() => props.detail?.material?.[0]?.qrCode);
+const material = computed(() => props.detail?.material?.[0]);
+const barcodeValue = computed(() => props.detail?.material?.[0]?.code || '');
+
+
+// iPad 兼容核心：不用 document，只用 uni 官方 API
+const drawBarcode = () => {
+  if (!barcodeValue.value) return;
+
+  const query = uni.createSelectorQuery();
+  query.select('#barcode')
+    .fields({ node: true, size: true })
+    .exec((res) => {
+      const canvas = res[0]?.node;
+      if (!canvas) return;
+
+      const ctx = canvas.getContext('2d');
+      ctx.clearRect(0, 0, canvas.width, canvas.height);
+
+      // 渲染条形码
+      JsBarcode(canvas, barcodeValue.value, {
+        format: 'CODE128',
+        width: 2,
+        height: 40,
+        displayValue: false,
+        margin: 10,
+      });
+    });
+};
+
+// 延迟执行，保证 iPad 能加载
+onMounted(() => {
+  setTimeout(drawBarcode, 400);
+});
+
+// 数据变化重新绘制
+watch(
+  () => props.detail,
+  () => setTimeout(drawBarcode, 400),
+  { deep: true }
+);
+</script>
+
+<style scoped lang="scss">
+.top {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.content {
+
+  // display: flex;
+  p {
+    font-weight: 600;
+    font-size: 14px;
+  }
+
+  span {
+    font-weight: 400;
+    font-size: 14px;
+  }
+}
+
+/* 必须给宽度高度，iPad 才会显示 */
+.barcode-canvas {
+  width: 40%;
+  height: 20px;
+}
+</style>
\ No newline at end of file
diff --git a/pages/warehousing/uniqueCode/myUniqueCode/detail.vue b/pages/warehousing/uniqueCode/myUniqueCode/detail.vue
new file mode 100644
index 0000000..ccf4b67
--- /dev/null
+++ b/pages/warehousing/uniqueCode/myUniqueCode/detail.vue
@@ -0,0 +1,184 @@
+<!-- 唯一码详情 -->
+<template>
+    <!-- 自定义导航栏 -->
+    <navigation :title="pathParams.code ? pathParams.code : '唯一码发放'">
+        <template #right>
+            <view class="right-btn flex align-center justify-center ">
+                <uv-image @click="toEdit" src="../../../../static/edit.png" class="ml-24" width="20px" height="20px"
+                    style="margin-top:10rpx" />
+            </view>
+        </template>
+    </Navigation>
+    <uv-skeletons :loading="loading" :skeleton="skeleton">
+        <view class=" content">
+            <!-- 唯一码展示 -->
+            <uni-list>
+                <uni-list-item v-for="item in uniqueCodeList" :key="item.id" clickable class="material-card">
+                    <template v-slot:body>
+                        <p style="display: flex; flex-direction: column; width: 100%;">
+                            <!-- 编码、状态行 -->
+                            <view class="flex-center">
+                                <p class="title">编号：{{ item.code }}</p>
+                                <p class="status">{{ getStatusName(item.status) }}</p>
+                            </view>
+                            <!-- 内容行 -->
+                            <view class="text">
+                                <p>RFID：
+                                    <span v-if="item.rfidCode">{{ item.remark }}</span>
+                                    <span v-else style="color: #999;">未绑定RFID</span>
+                                </p>
+                                <p>生成时间：
+                                    <span>{{ item?.createTime }}</span>
+                                </p>
+                                <!-- 备注行-->
+                                <view class="flex-center qrCode">
+                                    <p>备注：
+                                        <span v-if="item.remark">{{ item.remark }}</span>
+                                        <span v-else style="color: #999;">未填写</span>
+                                    </p>
+                                    <view @click="toViewQrCode">
+                                        <uv-image src="../../../../static/qrcode.png" width="40rpx" height="40rpx"
+                                            style="margin-top:10rpx" />
+                                    </view>
+                                </view>
+                            </view>
+                        </p>
+                    </template>
+                </uni-list-item>
+            </uni-list>
+            <!-- 物料列表 -只读 -->
+            <view>
+                <material-list ref="materialRef" :formData="materialList" isEdit="2" />
+            </view>
+
+            <!-- 底部按钮 -->
+            <view class="bottom">
+                <uv-button type="primary" text="唯一码打印"></uv-button>
+                <uv-button type="success" text="溯源" @click="toTraceability"></uv-button>
+            </view>
+        </view>
+    </uv-skeletons>
+    <uv-modal ref="modalRef" :title="none" class="qrCodeModal" width="480rpx" :showConfirmButton="false">
+        <qr-code-modal :detail="materialList" />
+    </uv-modal>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+import { onLoad, onShow } from '@dcloudio/uni-app';
+import { detailUniqueCode } from '@/api/uniqueCode'
+import { getStatusName, getDetail } from '../until';
+import QrCodeModal from './QrCodeModal.vue';
+import MaterialList from '../../../components/MaterialList.vue'
+import Navigation from '../../../components/Navigation.vue'
+
+const modalRef = ref()
+// 路径参数
+const pathParams = ref('')
+// 物料列表数组
+const materialList = ref({
+    material: {},
+    remark: ''
+})
+// 唯一码数组
+const uniqueCodeList = ref([])
+// 详情数据
+const detail = ref([])
+// 骨架屏开关
+const loading = ref(true)
+// 骨架屏样式
+const skeleton = [{
+    type: 'line',
+    num: 3,
+    gap: '20rpx',
+    style: ['width: 200rpx;marginBottom: 50rpx;marginTop:50rpx;padding:24rpx', 'height: 100rpx;', 'width: 500rpx;'],
+}]
+const toViewQrCode = () => {
+    modalRef.value.open()
+
+}
+// 详情：唯一码
+const getDetailInfo = () => {
+    detailUniqueCode({ id: pathParams.value.id }).then((res) => {
+        if (res.code == 200) {
+            // ! 写成数组原因 为了适应可多个物料生成唯一码
+            // 将物料写入信息以及物料详细信息解构出来、以及qrCode、唯一码对应的物料code、qrCodeMark仅用于二维码页面的备注展示
+            materialList.value.material = [{
+                ...res.data.material,
+                ...getDetail(res.data.material.wornMaterial),
+                qrCode: res.data.qrCode,
+                code: res.data.code, //唯一码code
+                uniqueCodeMaterialId: res.data.material.id, //唯一码物料id
+                uniqueCodeRemark: res.data.remark,  //唯一码备注
+            }]
+            //  唯一码备注
+            materialList.value.remark = res.data.remark
+            uniqueCodeList.value = [res.data]
+
+            console.log('详情数据：唯一码materialList', materialList);
+            // 更新缓存物料值
+            uni.setStorageSync('app_material', materialList.value.material);
+
+        } else {
+            materialList.value = []
+            uniqueCodeList.value = []
+            uni.showToast({ title: '暂无数据', icon: 'none' })
+        }
+        loading.value = false
+    })
+}
+
+// 溯源
+const toTraceability = () => {
+}
+
+// 修改：唯一码的物料信息 - 携带title和唯一码id
+const toEdit = () => {
+    uni.navigateTo({
+        url: `/pages/warehousing/uniqueCode/issueUniqueCode/index?title=${pathParams.value.code}&id=${pathParams.value.id}`,
+    });
+
+}
+// 接收id 且修改标题
+onLoad((options) => {
+    if (!options.id) {
+        loading.value = false
+        uni.showToast({ title: '参数错误,无唯一码ID', icon: 'none' })
+        return
+    }
+    pathParams.value = options
+    getDetailInfo()
+})
+
+onShow(() => {
+    uni.setNavigationBarTitle({ title: pathParams.value.code })
+})
+
+</script>
+<style scoped lang="scss">
+// 底部按钮
+.bottom {
+    position: fixed;
+    bottom: 0;
+    height: 60rpx;
+    font-size: 14px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+
+    .uv-button-wrapper {
+        width: 50%;
+        border-radius: 0;
+    }
+}
+
+::v-deep.qrCodeModal {
+    .uv-modal__content {
+        display: block !important;
+        padding: 24rpx;
+
+    }
+}
+
+</style>
\ No newline at end of file
diff --git a/pages/uniqueCode/myUniqueCode/index.vue b/pages/warehousing/uniqueCode/myUniqueCode/index.vue
similarity index 90%
rename from pages/uniqueCode/myUniqueCode/index.vue
rename to pages/warehousing/uniqueCode/myUniqueCode/index.vue
index 4b10841..90b29e1 100644
--- a/pages/uniqueCode/myUniqueCode/index.vue
+++ b/pages/warehousing/uniqueCode/myUniqueCode/index.vue
@@ -34,7 +34,7 @@
                                         <span v-else style="color: #999;">未填写</span>
                                     </p>
                                     <view @click.stop="getDetailInfo(item)">
-                                        <uv-image src="../../../static/qrcode.png" width="40rpx" height="40rpx"
+                                        <uv-image src="../../../../static/qrcode.png" width="40rpx" height="40rpx"
                                             style="margin-top:10rpx" />
                                     </view>
                                 </view>
@@ -52,7 +52,7 @@
             </uni-popup>
         </view>
         <!-- 唯一码图形显示弹窗 -->
-        <uv-modal ref="modalRef" :title="none" class="qrCodeModal":showConfirmButton="false">
+        <uv-modal ref="modalRef" :title="none" class="qrCodeModal" :showConfirmButton="false">
             <qr-code-modal :detail="materialList" />
         </uv-modal>
     </view>
@@ -79,9 +79,13 @@ const isDialog = ref(false)
 // 唯一码列表
 const uniqueCodeList = ref([])
 // 物料列表数组
-const materialList = ref([])
+const materialList = ref({
+    material: []
+})
 // 列表：唯一码
-const getMaterialList = () => {
+const getMaterialList = (pageNo, pageSize) => {
+    queryParams.value.pageNum = pageNo
+    console.log(pageNo, pageSize, queryParams.value)
     getUniqueCodeList(queryParams.value).then(res => {
         res.rows.forEach(e => {
             e.showMore = false;
@@ -99,7 +103,7 @@ onShow(() => {
 // 详情：唯一码
 const toDetail = (val) => {
     uni.navigateTo({
-        url: `/pages/uniqueCode/myUniqueCode/detail?id=${val.id}&code=${val.code}`,
+        url: `/pages/warehousing/uniqueCode/myUniqueCode/detail?id=${val.id}&code=${val.code}`,
     });
 }
 
@@ -118,7 +122,6 @@ const dialogClose = () => {
 const dialogConfirm = () => {
     console.log(delItem.value.id, 'delItem.value.id');
     delUniqueCode({ ids: [delItem.value.id] }).then(res => {
-        console.log(res, '11');
         dialogClose()
     })
 }
@@ -126,7 +129,7 @@ const dialogConfirm = () => {
 const getDetailInfo = (row) => {
     detailUniqueCode({ id: row.id }).then((res) => {
         if (res.code == 200) {
-            materialList.value = [{ ...res.data.material, ...getDetail(res.data.material.wornMaterial), qrCode: res.data.qrCode, code: res.data.code,qrCodeMark:res.data.remark }]
+            materialList.value.material = [{ ...res.data.material, ...getDetail(res.data.material.wornMaterial), qrCode: res.data.qrCode, code: res.data.code, uniqueCodeRemark: res.data.remark }]
             setTimeout(() => {
                 modalRef.value.open()
             }, 300)
@@ -159,6 +162,7 @@ const getDetailInfo = (row) => {
         font-size: 12px;
     }
 }
+
 ::v-deep.qrCodeModal {
     .uv-modal__content {
         display: block;
diff --git a/pages/uniqueCode/until.js b/pages/warehousing/uniqueCode/until.js
similarity index 91%
rename from pages/uniqueCode/until.js
rename to pages/warehousing/uniqueCode/until.js
index 3eea086..5ce62ce 100644
--- a/pages/uniqueCode/until.js
+++ b/pages/warehousing/uniqueCode/until.js
@@ -1,8 +1,8 @@
 export const getTypeParentNames = (val) => {
   if (val) {
-    let value = val.replace("/", ",");
+    let value = val.replace(/\//g, ",");
     const arr = `${value}`.split(",");
-    return arr[arr?.length - 1];
+    return arr[0];
   }
 };
 
@@ -49,6 +49,7 @@ export const getDetail = (info) => {
         description: info.description,
         weight: info.weight,
         kgFactor: info.kgFactor,
+        materialId:info.id,//物料id
     }
 
 
diff --git a/static/edit.png b/static/edit.png
new file mode 100644
index 0000000000000000000000000000000000000000..ba6172306a70decc0b15e38fbdebeab1ef6381e9
GIT binary patch
literal 2850
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
V`j_`y%9cW|gVy%6DofAA{{mZf{aye7

literal 0
HcmV?d00001

diff --git a/static/printer.png b/static/printer.png
new file mode 100644
index 0000000000000000000000000000000000000000..b7d44053d5b5af8cdcaea1108777d67c3dc68b33
GIT binary patch
literal 3071
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
UMO~Kl<Sq7mrf3X`ZtNWM2lF|KUH||9

literal 0
HcmV?d00001

diff --git a/styles/theme.scss b/styles/theme.scss
index eba4f11..d3b1fb7 100644
--- a/styles/theme.scss
+++ b/styles/theme.scss
@@ -1,81 +1,225 @@
 .material-card {
-	background-color: #fff;
-	// padding: 24rpx;
-	// margin: 8rpx 0 0 0;
+  background-color: #fff;
+  // padding: 24rpx;
+  // margin: 8rpx 0 0 0;
 
-	.title {
-		font-size: 14px;
-		font-weight: 600;
-	}
+  .title {
+    font-size: 14px;
+    font-weight: 600;
+  }
 
-	.subTitle {
-		font-size: 12px;
-		color: #999;
-		margin-top: 14rpx;
-	}
+  .subTitle {
+    font-size: 12px;
+    color: #999;
+    margin-top: 8rpx;
+  }
 
-	.tag {
-		margin-top: 14rpx;
-		display: flex;
-		justify-content: space-between;
-        align-items: center;
-
-		p {
-			font-size: 14px;
-		}
-
-		.uni-tag {
-			padding: 2px 4px;
-		}
-
-	}
-
-    .remark{
-        height: 100%;
-    }
-    .text{
-        height: 100%;
-        p{
-            font-size: 14px;
-            margin-top: 16rpx;
-        }
-        span{
-            color: #616161;
-        }
-    }
-    .qrCode{
-        
-    }
-    .status{
-        font-size: 12px;
-         color: #616161;
-    }
-
-}
-.flex-center{
+  .tag {
+    margin-top: 8rpx;
     display: flex;
+    justify-content: space-between;
     align-items: center;
-     justify-content: space-between;
+
+    p {
+      font-size: 14px;
+    }
+
+    .uni-tag {
+      padding: 2px 4px;
+    }
+  }
+
+  .remark {
+    height: 100%;
+  }
+  .text {
+    height: 100%;
+    p {
+      font-size: 14px;
+      margin-top: 8rpx;
+    }
+    span {
+      color: #616161;
+    }
+  }
+  .status {
+    font-size: 12px;
+    color: #616161;
+  }
+}
+.flex-center {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
 }
 
 // 底部按钮
 .bottom-btn {
-	position: fixed;
-	bottom: 0;
-	width: 100%;
-	border-radius: 0;
-	background-color: #409EFF !important;
-	border-color: #409EFF !important;
-	height: 60rpx;
-	font-size: 14px;
-	display: flex;
-	align-items: center;
-	justify-content: center;
+  position: fixed;
+  bottom: 0;
+  width: 100%;
+  border-radius: 0;
+  background-color: #409eff !important;
+  border-color: #409eff !important;
+  height: 60rpx;
+  font-size: 14px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 
-.mt-8{
-	margin-top: 8rpx;
+.mt-8 {
+  margin-top: 8rpx;
 }
-.mt-16{
-	margin-top: 16rpx;
+.mb-16 {
+  margin-bottom: 16rpx;
+}
+.mb-4 {
+  margin-bottom: 4rpx;
+}
+.mb-6 {
+  margin-bottom: 6rpx;
+}
+.mb-2 {
+  margin-bottom: 2px;
+}
+.mt-16 {
+  margin-top: 16rpx;
+}
+.mr-8 {
+  margin-right: 8rpx;
+}
+.mr-16 {
+  margin-right: 16rpx;
+}
+.ml-8 {
+  margin-left: 8rpx;
+}
+.ml-16 {
+  margin-left: 16rpx;
+}
+.ml-24 {
+  margin-left: 24rpx;
+}
+.flex {
+  display: flex;
+}
+.align-center {
+  align-items: center;
+}
+.justify-center {
+  justify-content: center;
+}
+.justify-between {
+  justify-content: space-between;
+}
+
+.f-12 {
+  font-size: 12px;
+}
+.grey {
+  color: #696969;
+}
+.tag-error {
+  padding: 4px 6px;
+  border-radius: 4px;
+  display: inline-block;
+  height: 20px;
+  color: #fff;
+  background-color: #e43d33;
+  font-size: 10px;
+  line-height: 20px;
+}
+
+.material-box {
+  background-color: #fff;
+  // 标题
+  .title {
+    font-size: 14px;
+    font-weight: 600;
+  }
+  // 副标题
+  .subTitle {
+    font-size: 12px;
+    color: #999;
+  }
+  .uniqueCode {
+    font-size: 12px;
+  }
+  // 标签
+  .tag-row {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+
+    p {
+      font-size: 14px;
+    }
+  }
+  .quantity-form {
+    display: flex;
+    align-items: center;
+
+    .uni-forms-item {
+      margin-bottom: 0;
+      align-items: center;
+    }
+    .uni-easyinput__content-input{
+      height: 25px;
+      width: 30px;
+    }
+
+    .unit {
+      margin-left: 8rpx;
+      font-size: 12px;
+	  width: 20px;
+    }
+  }
+  .remark-row {
+    .uni-forms-item {
+      margin-bottom: 0;
+      margin-top: 8rpx;
+    }
+
+    .uni-forms-item__label {
+      height: 25px;
+      color: #333;
+    }
+
+    .uni-easyinput,
+    .uni-easyinput__content,
+    .uni-input-input {
+      height: 25px;
+    }
+
+    .is-disabled {
+      background-color: #fff !important;
+    }
+
+    .uni-input-input:disabled {
+      color: #333;
+    }
+    .uni-easyinput__content-input {
+      .uni-input-wrapper {
+        text-align: right;
+      }
+    }
+    .uni-input-placeholder {
+      text-align: right;
+    }
+  }
+  .text {
+    height: 100%;
+    p {
+      font-size: 14px;
+      margin-top: 8rpx;
+    }
+    span {
+      color: #616161;
+    }
+  }
+  .status {
+    font-size: 12px;
+    color: #616161;
+  }
 }
diff --git a/yarn.lock b/yarn.lock
index ca8d16f..25723ae 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -341,6 +341,11 @@ commander@^2.20.0:
   resolved "https://registry.npmmirror.com/commander/-/commander-2.20.3.tgz"
   integrity sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==
 
+dayjs@^1.11.20:
+  version "1.11.20"
+  resolved "https://registry.npmmirror.com/dayjs/-/dayjs-1.11.20.tgz"
+  integrity sha512-YbwwqR/uYpeoP4pu043q+LTDLFBLApUP6VxRihdfNTqu4ubqMlGDLd6ErXhEgsyvY0K6nCs7nggYumAN+9uEuQ==
+
 detect-libc@^2.0.3:
   version "2.1.2"
   resolved "https://registry.npmmirror.com/detect-libc/-/detect-libc-2.1.2.tgz"
@@ -504,6 +509,11 @@ loader-utils@^2.0.0:
     emojis-list "^3.0.0"
     json5 "^2.1.2"
 
+lodash@^4.17.23:
+  version "4.17.23"
+  resolved "https://registry.npmmirror.com/lodash/-/lodash-4.17.23.tgz"
+  integrity sha512-LgVTMpQtIopCi79SJeDiP0TfWi5CNEc/L/aRdTh3yIvmZXTnheWpKjSZhnvMl8iXbC1tFg9gdHHDMLoV7CnG+w==
+
 merge-stream@^2.0.0:
   version "2.0.0"
   resolved "https://registry.npmmirror.com/merge-stream/-/merge-stream-2.0.0.tgz"
@@ -536,6 +546,11 @@ node-releases@^2.0.27:
   resolved "https://registry.npmmirror.com/node-releases/-/node-releases-2.0.36.tgz"
   integrity sha512-TdC8FSgHz8Mwtw9g5L4gR/Sh9XhSP/0DEkQxfEFXOpiul5IiHgHan2VhYYb6agDSfp4KuvltmGApc8HMgUrIkA==
 
+numeral@^2.0.6:
+  version "2.0.6"
+  resolved "https://registry.npmmirror.com/numeral/-/numeral-2.0.6.tgz"
+  integrity sha512-qaKRmtYPZ5qdw4jWJD6bxEf1FJEqllJrwxCLIm0sQU/A7v2/czigzOb+C2uSiFsa9lBUzeH7M1oK+Q+OLxL3kA==
+
 picocolors@^1.1.1:
   version "1.1.1"
   resolved "https://registry.npmmirror.com/picocolors/-/picocolors-1.1.1.tgz"