12 Commits

124 changed files with 9357 additions and 11352 deletions

View File

@@ -1,6 +1,3 @@
module.exports = {
extends: ['@commitlint/config-conventional'],
ignores: [
(message = '') => /^[^:\s]+[:]\s*V\d+(?:\.\d+)*\s+\S+/.test(message.trim()),
],
}

4
.gitignore vendored
View File

@@ -30,8 +30,8 @@ docs/.vitepress/cache
src/types
# 单独把这个文件排除掉,用以解决部分电脑生成的 auto-import.d.ts 的API不完整导致类型提示报错问题
!src/types/auto-import.d.ts
#src/manifest.json
#src/pages.json
src/manifest.json
src/pages.json
# 2025-10-15 by 菲鸽: lock 文件还是需要加入版本管理,今天又遇到版本不一致导致无法运行的问题了。
# pnpm-lock.yaml

1
.husky/pre-commit.bak Normal file
View File

@@ -0,0 +1 @@
npx lint-staged --allow-empty

View File

@@ -1,367 +0,0 @@
# 采购入库 PDA 扫码页重构设计
## 背景
当前“扫码采购入库”页面更接近通用表单页,而非工厂仓库现场的扫码作业页。页面在未锁定采购单前就暴露了商品扫码、批次号、库位码、提交等动作,导致流程噪音大、操作节奏不稳定、误操作风险高。
本次重构面向工厂仓库出入库场景,明确主使用设备与操作方式:
- 90% 使用 PDA / 手持终端物理扫码枪
- 10% 使用手机摄像头扫码
- 商品扫码主路径为“一枪一件”,每次扫码自动累计 `+1`
因此页面设计必须优先服务高频、连续、站立式作业,而不是低频表单录入。
## 目标
重构采购入库扫码页,使其满足以下目标:
- 先锁采购单,再进入连续扫码作业
- 商品扫码成功时不打断操作节奏
- 异常时给出明确、可恢复的处理反馈
- 始终让操作员看到当前单据、当前仓库、扫码进度、异常数量
- 降低危险操作误触概率,避免“清空全部”成为高频可见动作
- 保持与现有 ERP 扫码页代码风格一致,优先复用现有扫描输入、明细列表、提交逻辑能力
## 非目标
本次设计不包含以下范围:
- 不重做采购入库后端接口协议
- 不新增复杂的离线同步机制
- 不引入多步骤向导页或跨页长流程
- 不为手机摄像头场景单独做一套交互,只保留备用入口
## 设计方向
页面采用“作业台式”方案。锁单是进入作业态的前置动作,作业态才是页面主体。
相比“单页折叠式”或“全表单式”,作业台式更适合 PDA 连续扫码场景,原因是:
- 核心视线始终集中在当前单据、扫码输入、最近结果
- 可以让商品扫码输入框常驻焦点,适应物理扫码枪回车行为
- 订单上下文与作业进度持续可见,减少扫错单、扫过量、扫混仓的风险
## 页面状态
页面只允许存在两个一等状态:`锁单态``作业态`
### 锁单态
页面目标只有一件事:确定当前采购单。
展示内容:
- 页面标题:`扫码采购入库`
- 主动作:`扫描采购订单号`
- 次动作:`手动选单`
- 可选辅助文案:说明供应商、仓库、结算账户将在锁单后自动带出
锁单态不展示以下内容:
- 商品扫码输入框
- 批次号输入框
- 库位码输入框
- 入库明细列表
- 提交采购入库按钮
设计理由:未锁单前,商品扫码与提交都不可执行。提前展示只会制造误导。
### 作业态
选定采购单后进入作业态,页面主体切换为扫码作业台。
展示内容:
- 顶部固定订单信息条
- 商品扫码输入区
- 批次号、库位码辅助区
- 最近扫描记录区
- 底部主提交区
作业态的默认焦点必须回到商品扫码输入框,以适应 PDA 连续扫码。
## 页面结构
### 1. 顶部固定订单信息条
用于持续回答两个问题:当前在扫哪张单,以及还差多少。
固定展示字段:
- `采购单号`:最醒目的主字段,例如 `CG2025001`
- `供应商`
- `仓库`
- `进度`:格式为 `已扫 X / Y`
- `异常数`:格式为 `异常 N`
规则:
- 当异常数大于 0 时,使用警示色强调
- 顶部信息条在明细滚动时仍保持可见
- 标题可显示为 `采购入库 / CG2025001`,帮助快速确认当前上下文
### 2. 商品扫码输入区
这是作业态的主操作区。
字段与控件:
- 商品条码输入框:主输入,常驻焦点
- 批次号输入框:可选
- 库位码输入框:可选
- 相机按钮:仅手机摄像头备用
规则:
- 商品扫码成功后自动累计 `+1`
- 默认不依赖手动点击“确认”按钮完成正常扫码
- 若保留“确认”能力,也仅作为手机手输备用,不应成为 PDA 主路径
- 商品扫码完成后,焦点自动回到商品条码输入框
### 3. 最近扫描记录区
该区域不是传统表单明细,而是作业回显区。
默认展示:
- 最近 5 条扫描记录
- 最新一条置顶
- 最新成功记录高亮约 2 秒
每条记录显示:
- 商品名称
- 商品条码
- 批次号
- 库位码
- 当前明细累计数量
- 当前订单该商品剩余可入库数量
合并规则:
- 同商品、同批次、同库位的重复扫码:合并到同一条明细并数量 `+1`
- 同商品但批次不同:分成新行
- 同商品但库位不同:分成新行
操作规则:
- 每条记录提供 `撤销``删除本条` 能力
- 不提供高频可见的 `清空全部`
### 4. 底部主提交区
底部只保留一个强主动作:`提交采购入库`
规则:
- 仅当存在有效明细时可点击
- 点击后进入 loading防止重复提交
- 不将 `清空全部``提交` 并列摆放
## 扫码交互规则
### 正常路径
锁单后PDA 连续扫码主路径如下:
1. 扫描商品条码
2. 系统匹配当前采购单中的订单行
3. 若匹配成功,则新增或累计对应明细
4. 数量自动 `+1`
5. 顶部进度同步刷新
6. 页面显示成功反馈,例如:`西兰花 +1已扫 12 / 30`
7. 焦点返回商品扫码输入框,等待下一枪
正常路径要求:
- 不弹窗
- 不要求人工再次确认
- 不打断扫码节奏
### PDA 行为适配
考虑物理扫码枪通常自带输入结束与回车行为,页面需满足:
- 商品条码输入框支持快速连续触发提交
- 回车后自动执行匹配与累计
- 成功后无需额外点击
- 扫码完成后尽快恢复待扫状态
### 手机摄像头备用路径
手机端仍保留相机按钮,但定位是备用入口:
- 适用于无 PDA 或临时补录
- 交互与 PDA 一致,扫码成功后同样走自动累计逻辑
- 不单独扩展额外的手机专属页面流程
## 异常处理
异常处理分为三类。
### 1. 不中断型反馈
适用于成功扫码。
表现:
- 使用绿色反馈条或高可见状态条
- 文案直接描述结果,例如:`西兰花 +1已扫 12 / 30`
- 持续约 0.8 到 1.2 秒后消失
- 焦点自动回到商品扫码输入框
### 2. 中断型异常
适用于以下场景:
- 商品不在当前采购单内
- 商品剩余可入库数量为 0
- 扫码后将超出剩余可入库数量
- 条码命中多个待入库订单行
- 当前采购单未锁定
表现:
- 使用红色错误条或常驻错误提示
- 错误文案必须明确原因,不能只写“操作失败”
- 焦点不应伪装成成功回跳
- 必要时进入人工处理分支
推荐错误文案:
- `商品不在当前采购单内`
- `该商品剩余可入库 0 件`
- `该商品本次扫码后将超出剩余数量`
- `条码命中多个订单行,请人工选择`
- `请先扫描采购订单号`
### 3. 可恢复型提示
适用于非强拦截场景,例如:
- 批次号为空
- 库位码为空
处理原则:
- 若业务允许为空,则不拦截扫码
- 可在记录中标记为空,或在提交前统一提醒
- 不应影响正常扫码节奏
## 危险操作策略
仓库扫码场景下,危险操作必须降级。
优先提供:
- `撤销上一笔`
- `删除单条`
降级隐藏:
- `清空全部`
规则:
- `清空全部` 放入右上角更多菜单或二级操作区
- 执行前必须二次确认
- 不能与 `提交采购入库` 同层并列
原因:现场最常见修正动作是撤销刚才那一枪,而不是整单清空。
## 提交流程
### 提交前条件
`提交采购入库` 按钮仅在满足以下条件时启用:
- 已锁定采购单
- 至少存在 1 条有效明细
### 提交前校验
提交前统一执行轻校验,检查:
- 是否已锁单
- 是否存在有效明细
- 是否存在未处理异常
- 是否存在超量或冲突记录
- 若业务要求,可额外检查是否存在空库位记录
### 提交中行为
- 提交按钮进入 loading
- 页面避免重复触发提交
- 不清空当前上下文,直到接口明确成功
### 提交成功后
成功反馈不能只有“成功”提示,而应给用户明确后续动作:
- `继续当前单据扫码`
- `返回列表`
若业务允许同一采购单分批入库,则继续当前单据是高价值动作。
### 提交失败后
提交失败时必须保留现场:
- 当前采购单
- 已扫明细
- 当前批次号 / 库位码上下文
- 当前异常状态
不能因为接口失败而丢失现场数据,否则会造成重复作业和人工补录。
## 数据与组件边界
建议将页面逻辑拆分为以下职责单元:
- `锁单上下文`:负责采购单选择、锁定、切换、上下文字段映射
- `扫码作业上下文`:负责商品扫码、累计、异常判断、反馈文案
- `最近扫描记录列表`:负责最近记录展示、合并、撤销
- `提交控制器`:负责校验、提交、成功/失败收尾
实现时应优先复用现有能力:
- 扫码输入组件
- ERP 明细展示组件
- 采购入库现有数据结构与接口
避免将全部状态与条件判断继续堆在单个页面文件中。
## 错误处理与恢复策略
- 切换采购单前,如已有明细,需明确提示并确认
- 删除或撤销明细后,顶部进度立即回算
- 发生条码歧义时,进入人工选择而不是静默失败
- 明细为空时不得允许提交
- 页面刷新或重新进入时,若未设计暂存机制,则明确回到锁单态
## 测试关注点
测试应覆盖以下高风险路径:
- 未锁单时误扫商品
- 连续多枪同商品累计
- 同商品不同批次 / 库位分行
- 超量扫码拦截
- 条码命中多个订单行
- 撤销上一笔后进度与剩余数量回算
- 提交失败后现场状态保留
- PDA 回车触发下焦点能持续回到主扫码框
## 设计结论
采购入库扫码页应从“表单页”重构为“PDA 作业台页”:
- 先锁单,再作业
- 一枪一件,自动累计
- 正常路径绝不打断
- 异常路径明确、可恢复
- 明细区服务作业反馈,不服务传统录单表单
- 危险操作降级,提交操作集中
该方案优先满足工厂仓库高频扫码场景,同时保留手机摄像头作为备用输入方式。

4
env/.env vendored
View File

@@ -10,8 +10,8 @@ VITE_WX_APPID = 'wx1a832d51073d3a35'
VITE_APP_PUBLIC_BASE=/
# 后台请求地址
VITE_SERVER_BASEURL = 'http://127.0.0.1:48080/admin-api'
VITE_UPLOAD_BASEURL = 'http://127.0.0.1:48080/upload'
VITE_SERVER_BASEURL = 'http://192.168.1.107:48080/admin-api'
VITE_UPLOAD_BASEURL = 'http://192.168.1.107:48080/upload'
# 备注如果后台带统一前缀则也要加到后面eg: https://ukw0y1.laf.run/api
# 注意,如果是微信小程序,还有一套请求地址的配置,根据 develop、trial、release 分别设置上传地址,见 `src/utils/index.ts`。

View File

@@ -6,4 +6,4 @@ VITE_DELETE_CONSOLE = false
VITE_SHOW_SOURCEMAP = false
# 后台请求地址
# VITE_SERVER_BASEURL = 'http://localhost:48080'
# VITE_SERVER_BASEURL = 'http://192.168.1.107:48080'

View File

@@ -88,11 +88,11 @@
"build:quickapp-webview": "uni build -p quickapp-webview",
"build:quickapp-webview-huawei": "uni build -p quickapp-webview-huawei",
"build:quickapp-webview-union": "uni build -p quickapp-webview-union",
"test": "vitest run --config vitest.config.ts",
"type-check": "vue-tsc --noEmit",
"init-husky": "git init && husky",
"init-baseFiles": "node ./scripts/create-base-files.js",
"init-json": "pnpm init-baseFiles",
"prepare": "pnpm init-husky & pnpm init-baseFiles",
"lint": "eslint",
"lint:fix": "eslint --fix"
},
@@ -173,7 +173,6 @@
"unplugin-auto-import": "^20.0.0",
"vite": "5.2.8",
"vite-plugin-restart": "^1.0.0",
"vitest": "^3.2.4",
"vue-tsc": "^3.0.6"
},
"pnpm": {
@@ -189,6 +188,6 @@
"unconfig": "7.3.2"
},
"lint-staged": {
"*.{js,jsx,ts,tsx,vue}": "eslint --fix --cache --cache-location .eslintcache"
"*": "eslint --fix"
}
}

View File

@@ -2,7 +2,6 @@ import { defineUniPages } from '@uni-helper/vite-plugin-uni-pages'
import { tabBar } from './src/tabbar/config'
export default defineUniPages({
pages: [],
globalStyle: {
navigationStyle: 'default',
navigationBarTitleText: '芋道管理系统',

279
pnpm-lock.yaml generated
View File

@@ -135,7 +135,7 @@ importers:
version: 20.19.11
'@uni-helper/eslint-config':
specifier: 0.5.0
version: 0.5.0(@antfu/eslint-config@5.2.1(@unocss/eslint-plugin@66.5.0(eslint@9.34.0(jiti@2.6.1))(typescript@5.8.3))(@vue/compiler-sfc@3.5.22)(eslint-plugin-format@1.0.1(eslint@9.34.0(jiti@2.6.1)))(eslint@9.34.0(jiti@2.6.1))(typescript@5.8.3)(vitest@3.2.4(@types/debug@4.1.12)(@types/node@20.19.11)(jsdom@16.7.0)(sass@1.77.8)(terser@5.43.1)))(eslint@9.34.0(jiti@2.6.1))
version: 0.5.0(@antfu/eslint-config@5.2.1(@unocss/eslint-plugin@66.5.0(eslint@9.34.0(jiti@2.6.1))(typescript@5.8.3))(@vue/compiler-sfc@3.5.22)(eslint-plugin-format@1.0.1(eslint@9.34.0(jiti@2.6.1)))(eslint@9.34.0(jiti@2.6.1))(typescript@5.8.3))(eslint@9.34.0(jiti@2.6.1))
'@uni-helper/plugin-uni':
specifier: 0.1.0
version: 0.1.0(@dcloudio/vite-plugin-uni@3.0.0-4070620250821001(postcss@8.5.6)(rollup@4.50.0)(vite@5.2.8(@types/node@20.19.11)(sass@1.77.8)(terser@5.43.1))(vue@3.4.21(typescript@5.8.3)))
@@ -235,9 +235,6 @@ importers:
vite-plugin-restart:
specifier: ^1.0.0
version: 1.0.0(vite@5.2.8(@types/node@20.19.11)(sass@1.77.8)(terser@5.43.1))
vitest:
specifier: ^3.2.4
version: 3.2.4(@types/debug@4.1.12)(@types/node@20.19.11)(jsdom@16.7.0)(sass@1.77.8)(terser@5.43.1)
vue-tsc:
specifier: ^3.0.6
version: 3.0.6(typescript@5.8.3)
@@ -1940,18 +1937,12 @@ packages:
'@types/babel__traverse@7.28.0':
resolution: {integrity: sha512-8PvcXf70gTDZBgt9ptxJ8elBeBjcLOAcOtoO/mPJjtji1+CdGbHgm77om1GrsPxsiE+uXIpNSK64UYaIwQXd4Q==}
'@types/chai@5.2.3':
resolution: {integrity: sha512-Mw558oeA9fFbv65/y4mHtXDs9bPnFMZAL/jxdPFUpOHHIXX91mcgEHbS5Lahr+pwZFR8A7GQleRWeI6cGFC2UA==}
'@types/conventional-commits-parser@5.0.1':
resolution: {integrity: sha512-7uz5EHdzz2TqoMfV7ee61Egf5y6NkcO4FB/1iCCQnbeiI1F3xzv3vK5dBCXUCLQgGYS+mUeigK1iKQzvED+QnQ==}
'@types/debug@4.1.12':
resolution: {integrity: sha512-vIChWdVG3LG1SMxEvI/AK+FWJthlrqlTu7fbrlywTkkaONwk/UAGaULXRlf8vkzFBLVm0zkMdCquhL5aOjhXPQ==}
'@types/deep-eql@4.0.2':
resolution: {integrity: sha512-c9h9dVVMigMPc4bwTvC5dxqtqJZwQPePsWjPlpSOnojbor6pGqdk541lfA7AqFQr5pB1BRdq0juY9db81BwyFw==}
'@types/estree@1.0.8':
resolution: {integrity: sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==}
@@ -2354,35 +2345,6 @@ packages:
vitest:
optional: true
'@vitest/expect@3.2.4':
resolution: {integrity: sha512-Io0yyORnB6sikFlt8QW5K7slY4OjqNX9jmJQ02QDda8lyM6B5oNgVWoSoKPac8/kgnCUzuHQKrSLtu/uOqqrig==}
'@vitest/mocker@3.2.4':
resolution: {integrity: sha512-46ryTE9RZO/rfDd7pEqFl7etuyzekzEhUbTW3BvmeO/BcCMEgq59BKhek3dXDWgAj4oMK6OZi+vRr1wPW6qjEQ==}
peerDependencies:
msw: ^2.4.9
vite: ^5.0.0 || ^6.0.0 || ^7.0.0-0
peerDependenciesMeta:
msw:
optional: true
vite:
optional: true
'@vitest/pretty-format@3.2.4':
resolution: {integrity: sha512-IVNZik8IVRJRTr9fxlitMKeJeXFFFN0JaB9PHPGQ8NKQbGpfjlTx9zO4RefN8gp7eqjNy8nyK3NZmBzOPeIxtA==}
'@vitest/runner@3.2.4':
resolution: {integrity: sha512-oukfKT9Mk41LreEW09vt45f8wx7DordoWUZMYdY/cyAk7w5TWkTRCNZYF7sX7n2wB7jyGAl74OxgwhPgKaqDMQ==}
'@vitest/snapshot@3.2.4':
resolution: {integrity: sha512-dEYtS7qQP2CjU27QBC5oUOxLE/v5eLkGqPE0ZKEIDGMs4vKWe7IjgLOeauHsR0D5YuuycGRO5oSRXnwnmA78fQ==}
'@vitest/spy@3.2.4':
resolution: {integrity: sha512-vAfasCOe6AIK70iP5UD11Ac4siNUNJ9i/9PZ3NKx07sG6sUxeag1LWdNrMWeKKYBLlzuK+Gn65Yd5nyL6ds+nw==}
'@vitest/utils@3.2.4':
resolution: {integrity: sha512-fB2V0JFrQSMsCo9HiSq3Ezpdv4iYaXRG1Sx8edX3MwxfyNn83mKiGzOcH+Fkxt4MHxr3y42fQi1oeAInqgX2QA==}
'@volar/language-core@2.4.23':
resolution: {integrity: sha512-hEEd5ET/oSmBC6pi1j6NaNYRWoAiDhINbT8rmwtINugR39loROSlufGdYMF9TaKGfz+ViGs1Idi3mAhnuPcoGQ==}
@@ -2603,10 +2565,6 @@ packages:
array-timsort@1.0.3:
resolution: {integrity: sha512-/+3GRL7dDAGEfM6TseQk/U+mi18TU2Ms9I3UlLdUMhz2hbvGNTKdj9xniwXfUqgYhHxRx0+8UnKkvlNwVU+cWQ==}
assertion-error@2.0.1:
resolution: {integrity: sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==}
engines: {node: '>=12'}
ast-kit@0.11.3:
resolution: {integrity: sha512-qdwwKEhckRk0XE22/xDdmU3v/60E8Edu4qFhgTLIhGGDs/PAJwLw9pQn8Rj99PitlbBZbYpx0k/lbir4kg0SuA==}
engines: {node: '>=16.14.0'}
@@ -2800,10 +2758,6 @@ packages:
centra@2.7.0:
resolution: {integrity: sha512-PbFMgMSrmgx6uxCdm57RUos9Tc3fclMvhLSATYN39XsDV29B89zZ3KA89jmY0vwSGazyU+uerqwa6t+KaodPcg==}
chai@5.3.3:
resolution: {integrity: sha512-4zNhdJD/iOjSH0A05ea+Ke6MU5mmpQcbQsSOkgdaUMJ9zTlDTD/GYlwohmIE2u0gaxHYiVHEn1Fw9mZ/ktJWgw==}
engines: {node: '>=18'}
chalk@4.1.2:
resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
engines: {node: '>=10'}
@@ -2822,10 +2776,6 @@ packages:
character-entities@2.0.2:
resolution: {integrity: sha512-shx7oQ0Awen/BRIdkjkvz54PnEEI/EjwXDSIZp86/KKdbafHh1Df/RYGBhn4hbe2+uKC9FnT5UCEdyPz3ai9hQ==}
check-error@2.1.3:
resolution: {integrity: sha512-PAJdDJusoxnwm1VwW07VWwUN1sl7smmC3OKggvndJFadxxDRyFJBX/ggnu/KE4kQAB7a3Dp8f/YXC1FlUprWmA==}
engines: {node: '>= 16'}
chokidar@3.6.0:
resolution: {integrity: sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==}
engines: {node: '>= 8.10.0'}
@@ -3095,10 +3045,6 @@ packages:
dedent@0.7.0:
resolution: {integrity: sha512-Q6fKUPqnAHAyhiUgFU7BUzLiv0kd8saH9al7tnu5Q/okj6dnupxyTgFIBjVzJATdfIAm9NAsvXNzjaKa+bxVyA==}
deep-eql@5.0.2:
resolution: {integrity: sha512-h5k/5U50IJJFpzfL6nO9jaaumfjO/f2NjK/oYB2Djzm4p9L+3T9qWpZqZ2hAbLPuuYq9wrU08WQyBTL5GbPk5Q==}
engines: {node: '>=6'}
deep-is@0.1.4:
resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
@@ -3532,10 +3478,6 @@ packages:
resolution: {integrity: sha512-Zk/eNKV2zbjpKzrsQ+n1G6poVbErQxJ0LBOJXaKZ1EViLzH+hrLu9cdXI4zw9dBQJslwBEpbQ2P1oS7nDxs6jQ==}
engines: {node: '>= 0.8.0'}
expect-type@1.3.0:
resolution: {integrity: sha512-knvyeauYhqjOYvQ66MznSMs83wmHrCycNEN6Ao+2AeYEfxUIkuiVxdEa1qlGEPK+We3n0THiDciYSsCcgW/DoA==}
engines: {node: '>=12.0.0'}
expect@27.5.1:
resolution: {integrity: sha512-E1q5hSUG2AmYQwQJ041nvgpkODHQvB+RKlB4IYdru6uJsyFTRyZAP463M+1lINorwbqAmUggi6+WwkD8lCS/Dw==}
engines: {node: ^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0}
@@ -4357,9 +4299,6 @@ packages:
longest-streak@3.1.0:
resolution: {integrity: sha512-9Ri+o0JYgehTaVBBDoMqIl8GXtbWg711O3srftcHhZ0dqnETqLaoIK0x17fUw9rFSlK/0NlsKe0Ahhyl5pXE2g==}
loupe@3.2.1:
resolution: {integrity: sha512-CdzqowRJCeLU72bHvWqwRBBlLcMEtIvGrlvef74kMnV2AolS9Y8xUv1I0U/MNAWMhBlKIoyuEgoJ0t/bbwHbLQ==}
lru-cache@5.1.1:
resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==}
@@ -4843,10 +4782,6 @@ packages:
pathe@2.0.3:
resolution: {integrity: sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==}
pathval@2.0.1:
resolution: {integrity: sha512-//nshmD55c46FuFw26xV/xFAaB5HF9Xdap7HJBBnrKdAd6/GxDBaNA1870O79+9ueg61cZLSVc+OaFlfmObYVQ==}
engines: {node: '>= 14.16'}
perfect-debounce@1.0.0:
resolution: {integrity: sha512-xCy9V055GLEqoFaHoC1SoLIaLmWctgCUaBaWxDZ7/Zx4CTyX7cJQLJOok/orfjZAh9kEYpjJa4d0KcJmCbctZA==}
@@ -5275,9 +5210,6 @@ packages:
resolution: {integrity: sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==}
engines: {node: '>= 0.4'}
siginfo@2.0.0:
resolution: {integrity: sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==}
signal-exit@3.0.7:
resolution: {integrity: sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==}
@@ -5339,9 +5271,6 @@ packages:
resolution: {integrity: sha512-XlkWvfIm6RmsWtNJx+uqtKLS8eqFbxUg0ZzLXqY0caEy9l7hruX8IpiDnjsLavoBgqCCR71TqWO8MaXYheJ3RQ==}
engines: {node: '>=10'}
stackback@0.0.2:
resolution: {integrity: sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==}
statuses@2.0.1:
resolution: {integrity: sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==}
engines: {node: '>= 0.8'}
@@ -5470,9 +5399,6 @@ packages:
timm@1.7.1:
resolution: {integrity: sha512-IjZc9KIotudix8bMaBW6QvMuq64BrJWFs1+4V0lXwWGQZwH+LnX87doAYhem4caOEusRP9/g6jVDQmZ8XOk1nw==}
tinybench@2.9.0:
resolution: {integrity: sha512-0+DUvqWMValLmha6lr4kD8iAMK1HzV0/aKnCtWb9v9641TnP/MFb7Pc2bxoxQjTXAErryXVgUOfv2YqNllqGeg==}
tinycolor2@1.6.0:
resolution: {integrity: sha512-XPaBkWQJdsf3pLKJV9p4qN/S+fm2Oj8AIPo1BTUhg5oxkvm9+SVEGFdhyOz7tTdUTfvxMiAs4sp6/eZO2Ew+pw==}
@@ -5490,18 +5416,6 @@ packages:
resolution: {integrity: sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==}
engines: {node: '>=12.0.0'}
tinypool@1.1.1:
resolution: {integrity: sha512-Zba82s87IFq9A9XmjiX5uZA/ARWDrB03OHlq+Vw1fSdt0I+4/Kutwy8BP4Y/y/aORMo61FQ0vIb5j44vSo5Pkg==}
engines: {node: ^18.0.0 || >=20.0.0}
tinyrainbow@2.0.0:
resolution: {integrity: sha512-op4nsTR47R6p0vMUUoYl/a+ljLFVtlfaXkLQmqfLR1qHma1h/ysYk4hEXZ880bf2CYgTskvTa/e196Vd5dDQXw==}
engines: {node: '>=14.0.0'}
tinyspy@4.0.4:
resolution: {integrity: sha512-azl+t0z7pw/z958Gy9svOTuzqIk6xq+NSheJzn5MMWtWTFywIacg2wUlzKFGtt3cthx0r2SxMK0yzJOR0IES7Q==}
engines: {node: '>=14.0.0'}
tmpl@1.0.5:
resolution: {integrity: sha512-3f0uOEAQwIqGuWW2MVzYg8fV/QNnc/IpuJNG837rLuczAaLVHslWHZQj4IGiEl5Hs3kkbhwL9Ab7Hrsmuj+Smw==}
@@ -5738,11 +5652,6 @@ packages:
resolution: {integrity: sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==}
engines: {node: '>= 0.8'}
vite-node@3.2.4:
resolution: {integrity: sha512-EbKSKh+bh1E1IFxeO0pg1n4dvoOTt0UDiXMd/qn++r98+jPO1xtJilvXldeuQ8giIB5IkpjCgMleHMNEsGH6pg==}
engines: {node: ^18.0.0 || ^20.0.0 || >=22.0.0}
hasBin: true
vite-plugin-restart@1.0.0:
resolution: {integrity: sha512-t2ktkTOa+DQX05TEZm/3FE0DyrYEyFXdhG5gLcta5p71zOpg9yG3DeRcHWJVLJgWNoaVtOr4fUlr1kKu+WfXyQ==}
peerDependencies:
@@ -5776,34 +5685,6 @@ packages:
terser:
optional: true
vitest@3.2.4:
resolution: {integrity: sha512-LUCP5ev3GURDysTWiP47wRRUpLKMOfPh+yKTx3kVIEiu5KOMeqzpnYNsKyOoVrULivR8tLcks4+lga33Whn90A==}
engines: {node: ^18.0.0 || ^20.0.0 || >=22.0.0}
hasBin: true
peerDependencies:
'@edge-runtime/vm': '*'
'@types/debug': ^4.1.12
'@types/node': ^18.0.0 || ^20.0.0 || >=22.0.0
'@vitest/browser': 3.2.4
'@vitest/ui': 3.2.4
happy-dom: '*'
jsdom: '*'
peerDependenciesMeta:
'@edge-runtime/vm':
optional: true
'@types/debug':
optional: true
'@types/node':
optional: true
'@vitest/browser':
optional: true
'@vitest/ui':
optional: true
happy-dom:
optional: true
jsdom:
optional: true
vscode-uri@3.1.0:
resolution: {integrity: sha512-/BpdSx+yCQGnCvecbyXdxHDkuk55/G3xwnC0GqY4gmQ3j+A+g8kzzgB4Nk/SINjqn6+waqw3EgbVF2QKExkRxQ==}
@@ -5891,11 +5772,6 @@ packages:
engines: {node: '>= 8'}
hasBin: true
why-is-node-running@2.3.0:
resolution: {integrity: sha512-hUrmaWBdVDcxvYqnyh09zunKzROWjbZTiNy8dBEjkS7ehEDQibXJ7XvlmtbwuTclUiIyN+CyXQD4Vmko8fNm8w==}
engines: {node: '>=8'}
hasBin: true
word-wrap@1.2.5:
resolution: {integrity: sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==}
engines: {node: '>=0.10.0'}
@@ -6040,7 +5916,7 @@ snapshots:
'@jridgewell/gen-mapping': 0.3.13
'@jridgewell/trace-mapping': 0.3.30
'@antfu/eslint-config@5.2.1(@unocss/eslint-plugin@66.5.0(eslint@9.34.0(jiti@2.6.1))(typescript@5.8.3))(@vue/compiler-sfc@3.5.22)(eslint-plugin-format@1.0.1(eslint@9.34.0(jiti@2.6.1)))(eslint@9.34.0(jiti@2.6.1))(typescript@5.8.3)(vitest@3.2.4(@types/debug@4.1.12)(@types/node@20.19.11)(jsdom@16.7.0)(sass@1.77.8)(terser@5.43.1))':
'@antfu/eslint-config@5.2.1(@unocss/eslint-plugin@66.5.0(eslint@9.34.0(jiti@2.6.1))(typescript@5.8.3))(@vue/compiler-sfc@3.5.22)(eslint-plugin-format@1.0.1(eslint@9.34.0(jiti@2.6.1)))(eslint@9.34.0(jiti@2.6.1))(typescript@5.8.3)':
dependencies:
'@antfu/install-pkg': 1.1.0
'@clack/prompts': 0.11.0
@@ -6049,7 +5925,7 @@ snapshots:
'@stylistic/eslint-plugin': 5.4.0(eslint@9.34.0(jiti@2.6.1))
'@typescript-eslint/eslint-plugin': 8.46.0(@typescript-eslint/parser@8.46.0(eslint@9.34.0(jiti@2.6.1))(typescript@5.8.3))(eslint@9.34.0(jiti@2.6.1))(typescript@5.8.3)
'@typescript-eslint/parser': 8.46.0(eslint@9.34.0(jiti@2.6.1))(typescript@5.8.3)
'@vitest/eslint-plugin': 1.3.16(eslint@9.34.0(jiti@2.6.1))(typescript@5.8.3)(vitest@3.2.4(@types/debug@4.1.12)(@types/node@20.19.11)(jsdom@16.7.0)(sass@1.77.8)(terser@5.43.1))
'@vitest/eslint-plugin': 1.3.16(eslint@9.34.0(jiti@2.6.1))(typescript@5.8.3)
ansis: 4.2.0
cac: 6.7.14
eslint: 9.34.0(jiti@2.6.1)
@@ -8632,11 +8508,6 @@ snapshots:
dependencies:
'@babel/types': 7.28.4
'@types/chai@5.2.3':
dependencies:
'@types/deep-eql': 4.0.2
assertion-error: 2.0.1
'@types/conventional-commits-parser@5.0.1':
dependencies:
'@types/node': 20.19.11
@@ -8645,8 +8516,6 @@ snapshots:
dependencies:
'@types/ms': 2.1.0
'@types/deep-eql@4.0.2': {}
'@types/estree@1.0.8': {}
'@types/graceful-fs@4.1.9':
@@ -8842,9 +8711,9 @@ snapshots:
'@typescript-eslint/types': 8.46.0
eslint-visitor-keys: 4.2.1
'@uni-helper/eslint-config@0.5.0(@antfu/eslint-config@5.2.1(@unocss/eslint-plugin@66.5.0(eslint@9.34.0(jiti@2.6.1))(typescript@5.8.3))(@vue/compiler-sfc@3.5.22)(eslint-plugin-format@1.0.1(eslint@9.34.0(jiti@2.6.1)))(eslint@9.34.0(jiti@2.6.1))(typescript@5.8.3)(vitest@3.2.4(@types/debug@4.1.12)(@types/node@20.19.11)(jsdom@16.7.0)(sass@1.77.8)(terser@5.43.1)))(eslint@9.34.0(jiti@2.6.1))':
'@uni-helper/eslint-config@0.5.0(@antfu/eslint-config@5.2.1(@unocss/eslint-plugin@66.5.0(eslint@9.34.0(jiti@2.6.1))(typescript@5.8.3))(@vue/compiler-sfc@3.5.22)(eslint-plugin-format@1.0.1(eslint@9.34.0(jiti@2.6.1)))(eslint@9.34.0(jiti@2.6.1))(typescript@5.8.3))(eslint@9.34.0(jiti@2.6.1))':
dependencies:
'@antfu/eslint-config': 5.2.1(@unocss/eslint-plugin@66.5.0(eslint@9.34.0(jiti@2.6.1))(typescript@5.8.3))(@vue/compiler-sfc@3.5.22)(eslint-plugin-format@1.0.1(eslint@9.34.0(jiti@2.6.1)))(eslint@9.34.0(jiti@2.6.1))(typescript@5.8.3)(vitest@3.2.4(@types/debug@4.1.12)(@types/node@20.19.11)(jsdom@16.7.0)(sass@1.77.8)(terser@5.43.1))
'@antfu/eslint-config': 5.2.1(@unocss/eslint-plugin@66.5.0(eslint@9.34.0(jiti@2.6.1))(typescript@5.8.3))(@vue/compiler-sfc@3.5.22)(eslint-plugin-format@1.0.1(eslint@9.34.0(jiti@2.6.1)))(eslint@9.34.0(jiti@2.6.1))(typescript@5.8.3)
'@eslint/eslintrc': 3.3.1
eslint: 9.34.0(jiti@2.6.1)
eslint-flat-config-utils: 2.1.1
@@ -9239,59 +9108,16 @@ snapshots:
vite: 5.2.8(@types/node@20.19.11)(sass@1.77.8)(terser@5.43.1)
vue: 3.4.21(typescript@5.8.3)
'@vitest/eslint-plugin@1.3.16(eslint@9.34.0(jiti@2.6.1))(typescript@5.8.3)(vitest@3.2.4(@types/debug@4.1.12)(@types/node@20.19.11)(jsdom@16.7.0)(sass@1.77.8)(terser@5.43.1))':
'@vitest/eslint-plugin@1.3.16(eslint@9.34.0(jiti@2.6.1))(typescript@5.8.3)':
dependencies:
'@typescript-eslint/scope-manager': 8.46.0
'@typescript-eslint/utils': 8.46.0(eslint@9.34.0(jiti@2.6.1))(typescript@5.8.3)
eslint: 9.34.0(jiti@2.6.1)
optionalDependencies:
typescript: 5.8.3
vitest: 3.2.4(@types/debug@4.1.12)(@types/node@20.19.11)(jsdom@16.7.0)(sass@1.77.8)(terser@5.43.1)
transitivePeerDependencies:
- supports-color
'@vitest/expect@3.2.4':
dependencies:
'@types/chai': 5.2.3
'@vitest/spy': 3.2.4
'@vitest/utils': 3.2.4
chai: 5.3.3
tinyrainbow: 2.0.0
'@vitest/mocker@3.2.4(vite@5.2.8(@types/node@20.19.11)(sass@1.77.8)(terser@5.43.1))':
dependencies:
'@vitest/spy': 3.2.4
estree-walker: 3.0.3
magic-string: 0.30.19
optionalDependencies:
vite: 5.2.8(@types/node@20.19.11)(sass@1.77.8)(terser@5.43.1)
'@vitest/pretty-format@3.2.4':
dependencies:
tinyrainbow: 2.0.0
'@vitest/runner@3.2.4':
dependencies:
'@vitest/utils': 3.2.4
pathe: 2.0.3
strip-literal: 3.0.0
'@vitest/snapshot@3.2.4':
dependencies:
'@vitest/pretty-format': 3.2.4
magic-string: 0.30.19
pathe: 2.0.3
'@vitest/spy@3.2.4':
dependencies:
tinyspy: 4.0.4
'@vitest/utils@3.2.4':
dependencies:
'@vitest/pretty-format': 3.2.4
loupe: 3.2.1
tinyrainbow: 2.0.0
'@volar/language-core@2.4.23':
dependencies:
'@volar/source-map': 2.4.23
@@ -9557,8 +9383,6 @@ snapshots:
array-timsort@1.0.3: {}
assertion-error@2.0.1: {}
ast-kit@0.11.3(rollup@4.50.0):
dependencies:
'@babel/parser': 7.28.3
@@ -9809,14 +9633,6 @@ snapshots:
transitivePeerDependencies:
- debug
chai@5.3.3:
dependencies:
assertion-error: 2.0.1
check-error: 2.1.3
deep-eql: 5.0.2
loupe: 3.2.1
pathval: 2.0.1
chalk@4.1.2:
dependencies:
ansi-styles: 4.3.0
@@ -9830,8 +9646,6 @@ snapshots:
character-entities@2.0.2: {}
check-error@2.1.3: {}
chokidar@3.6.0:
dependencies:
anymatch: 3.1.3
@@ -10063,8 +9877,6 @@ snapshots:
dedent@0.7.0: {}
deep-eql@5.0.2: {}
deep-is@0.1.4: {}
deepmerge@4.3.1: {}
@@ -10569,8 +10381,6 @@ snapshots:
exit@0.1.2: {}
expect-type@1.3.0: {}
expect@27.5.1:
dependencies:
'@jest/types': 27.5.1
@@ -11617,8 +11427,6 @@ snapshots:
longest-streak@3.1.0: {}
loupe@3.2.1: {}
lru-cache@5.1.1:
dependencies:
yallist: 3.1.1
@@ -12237,8 +12045,6 @@ snapshots:
pathe@2.0.3: {}
pathval@2.0.1: {}
perfect-debounce@1.0.0: {}
phin@2.9.3: {}
@@ -12669,8 +12475,6 @@ snapshots:
side-channel-map: 1.0.1
side-channel-weakmap: 1.0.2
siginfo@2.0.0: {}
signal-exit@3.0.7: {}
signal-exit@4.1.0: {}
@@ -12723,8 +12527,6 @@ snapshots:
dependencies:
escape-string-regexp: 2.0.0
stackback@0.0.2: {}
statuses@2.0.1: {}
std-env@3.9.0: {}
@@ -12843,8 +12645,6 @@ snapshots:
timm@1.7.1: {}
tinybench@2.9.0: {}
tinycolor2@1.6.0: {}
tinyexec@0.3.2: {}
@@ -12861,12 +12661,6 @@ snapshots:
fdir: 6.5.0(picomatch@4.0.3)
picomatch: 4.0.3
tinypool@1.1.1: {}
tinyrainbow@2.0.0: {}
tinyspy@4.0.4: {}
tmpl@1.0.5: {}
to-regex-range@5.0.1:
@@ -13152,23 +12946,6 @@ snapshots:
vary@1.1.2: {}
vite-node@3.2.4(@types/node@20.19.11)(sass@1.77.8)(terser@5.43.1):
dependencies:
cac: 6.7.14
debug: 4.4.3
es-module-lexer: 1.7.0
pathe: 2.0.3
vite: 5.2.8(@types/node@20.19.11)(sass@1.77.8)(terser@5.43.1)
transitivePeerDependencies:
- '@types/node'
- less
- lightningcss
- sass
- stylus
- sugarss
- supports-color
- terser
vite-plugin-restart@1.0.0(vite@5.2.8(@types/node@20.19.11)(sass@1.77.8)(terser@5.43.1)):
dependencies:
micromatch: 4.0.8
@@ -13185,45 +12962,6 @@ snapshots:
sass: 1.77.8
terser: 5.43.1
vitest@3.2.4(@types/debug@4.1.12)(@types/node@20.19.11)(jsdom@16.7.0)(sass@1.77.8)(terser@5.43.1):
dependencies:
'@types/chai': 5.2.3
'@vitest/expect': 3.2.4
'@vitest/mocker': 3.2.4(vite@5.2.8(@types/node@20.19.11)(sass@1.77.8)(terser@5.43.1))
'@vitest/pretty-format': 3.2.4
'@vitest/runner': 3.2.4
'@vitest/snapshot': 3.2.4
'@vitest/spy': 3.2.4
'@vitest/utils': 3.2.4
chai: 5.3.3
debug: 4.4.3
expect-type: 1.3.0
magic-string: 0.30.19
pathe: 2.0.3
picomatch: 4.0.3
std-env: 3.9.0
tinybench: 2.9.0
tinyexec: 0.3.2
tinyglobby: 0.2.15
tinypool: 1.1.1
tinyrainbow: 2.0.0
vite: 5.2.8(@types/node@20.19.11)(sass@1.77.8)(terser@5.43.1)
vite-node: 3.2.4(@types/node@20.19.11)(sass@1.77.8)(terser@5.43.1)
why-is-node-running: 2.3.0
optionalDependencies:
'@types/debug': 4.1.12
'@types/node': 20.19.11
jsdom: 16.7.0
transitivePeerDependencies:
- less
- lightningcss
- msw
- sass
- stylus
- sugarss
- supports-color
- terser
vscode-uri@3.1.0: {}
vue-demi@0.14.10(vue@3.4.21(typescript@5.8.3)):
@@ -13309,11 +13047,6 @@ snapshots:
dependencies:
isexe: 2.0.0
why-is-node-running@2.3.0:
dependencies:
siginfo: 2.0.0
stackback: 0.0.2
word-wrap@1.2.5: {}
wot-design-uni@1.13.0(vue@3.4.21(typescript@5.8.3)):

View File

@@ -0,0 +1,13 @@
import type { PageParam, PageResult } from '@/http/types'
import { http } from '@/http/http'
/** 账户信息 */
export interface Account {
id?: number
name?: string
}
/** 获取账户精简列表 */
export function getAccountSimpleList() {
return http.get<Account[]>('/erp/account/simple-list')
}

View File

@@ -0,0 +1,21 @@
import { http } from '@/http/http'
/** 审批记录 */
export interface ApprovalRecord {
id?: number
bizId?: string
bizTableName?: string
applicant?: string
applicantName?: string
approver?: string
approverName?: string
approvalStatus?: number
approvalLevel?: number
reason?: string
createTime?: string | number
}
/** 根据业务单据获取审批记录列表 */
export function getApprovalRecordListByBiz(bizId: string | number, bizTableName: string) {
return http.get<ApprovalRecord[]>('/erp/approval-record/list-by-biz', { bizId, bizTableName })
}

View File

@@ -1,82 +0,0 @@
import { http } from '@/http/http'
/** 审批记录 */
export interface ApprovalRecord {
id?: number
processInstanceId: string
bizId: string
bizTableName: string
applicant: string
applicantName?: string
approver: string
approverName?: string
assigner?: string
assignerName?: string
assignReason?: string
approvalTime?: string
comment?: string
approvalResult: number
flowType: number
parentApprovalId?: number
approvalLevel: number
processStatus: number
sort?: number
createTime?: string
updateTime?: string
}
/** 提交审批参数 */
export interface ApprovalSubmitVO {
bizId: string
bizTableName: string
nextApprover: string
remark?: string
}
/** 处理审批参数 */
export interface ApprovalProcessVO {
id: number
approvalResult: number
comment?: string
nextApprover?: string
assignReason?: string
}
/** 审批结果枚举 */
export const APPROVAL_RESULT = {
PENDING: 0, // 待审批
APPROVED: 1, // 通过
REJECTED: 2, // 拒绝
TRANSFERRED: 3, // 转办
}
/** 审批结果选项 */
export const APPROVAL_RESULT_OPTIONS = [
{ label: '通过', value: APPROVAL_RESULT.APPROVED },
{ label: '拒绝', value: APPROVAL_RESULT.REJECTED },
]
/** 提交审批 */
export function submitApproval(data: ApprovalSubmitVO) {
return http.post<number>('/erp/approval-record/submit', data)
}
/** 处理审批 */
export function processApproval(data: ApprovalProcessVO) {
return http.post<boolean>('/erp/approval-record/process', data)
}
/** 获取业务单据的审批记录列表 */
export function getApprovalRecordListByBiz(bizId: string, bizTableName: string) {
return http.get<ApprovalRecord[]>('/erp/approval-record/list-by-biz', { bizId, bizTableName })
}
/** 获取用户的待办审批列表 */
export function getPendingApprovalList(approver: string) {
return http.get<ApprovalRecord[]>('/erp/approval-record/pending-list', { approver })
}
/** 终止审批流程 */
export function terminateApproval(bizId: string, bizTableName: string) {
return http.post<boolean>('/erp/approval-record/terminate', { bizId, bizTableName })
}

View File

@@ -1,12 +1,96 @@
import type { PageParam, PageResult } from '@/http/types'
import { http } from '@/http/http'
/** 客户信息 */
export interface Customer {
id?: number
name?: string
contact?: string
mobile?: string
telephone?: string
email?: string
fax?: string
remark?: string
status?: number
sort?: number
taxNo?: string
taxPercent?: number
bankName?: string
bankAccount?: string
bankAddress?: string
tags?: string
companyType?: number
businessScale?: string
annualPurchaseVolume?: number
annualPurchaseAmount?: number
annualOrderNums?: number
annualOrderAmounts?: number
annualReceivedAmounts?: number
totalUnreceivedAmounts?: number
preferredProducts?: string
preferredPackaging?: string
qualityCertRequirements?: string
deliveryCyclePrefer?: string
paymentTerms?: string
lastDeliveryTime?: number
deliveryAddress?: string
businessLicenseNo?: string
licenseValidity?: number
riskLevel?: number
logisticsPartner?: string
requiresColdChain?: boolean
serviceRegion?: string
relationshipLevel?: number
leadSourceType?: number
leadSourceDetail?: string
leadScore?: number
potentialLevel?: number
expectedAnnualVolume?: number
expectedAnnualAmount?: number
purchaseCycle?: string
}
/** 客户精简信息 */
export interface CustomerSimple {
id: number
name: string
}
/** 获取客户分页列表 */
export function getCustomerPage(params: PageParam & {
name?: string
mobile?: string
telephone?: string
}) {
return http.get<PageResult<Customer>>('/erp/customer/page', params)
}
/** 获取客户详情 */
export function getCustomer(id: number) {
return http.get<Customer>(`/erp/customer/get?id=${id}`)
}
/** 创建客户 */
export function createCustomer(data: Customer) {
return http.post<number>('/erp/customer/create', data)
}
/** 更新客户 */
export function updateCustomer(data: Customer) {
return http.put<boolean>('/erp/customer/update', data)
}
/** 删除客户 */
export function deleteCustomer(id: number) {
return http.delete<boolean>(`/erp/customer/delete?id=${id}`)
}
/** 获取客户精简列表 */
export function getCustomerSimpleList() {
return http.get<CustomerSimple[]>('/erp/customer/simple-list')
}
/** 导出客户 */
export function exportCustomer(params: PageParam) {
return http.get<string>('/erp/customer/export', params)
}

View File

@@ -1,14 +0,0 @@
import { http } from '@/http/http'
/** 按库位码查询的结果 */
export interface LocationByCodeVO {
warehouseId: number
warehouseName: string
locationCode: string
enableLocation?: boolean
}
/** 按库位码查询库位信息 */
export function getLocationByCode(locationCode: string) {
return http.get<LocationByCodeVO>('/erp/location/get-by-code', { locationCode })
}

View File

@@ -16,23 +16,27 @@ export interface ProductSimple {
weight?: number
}
/** 按条码查询的产品信息 */
export interface ProductByBarCode {
id: number
name: string
barCode?: string
unitId?: number
unitName?: string
standard?: string
minPrice?: number
}
/** 获取产品精简列表 */
export function getProductSimpleList() {
return http.get<ProductSimple[]>('/erp/product/simple-list')
}
/** 按条码查询启用中的产品 */
export function getProductByBarCode(barCode: string) {
return http.get<ProductByBarCode>('/erp/product/get-by-barcode', { barCode })
/** 通过产品条码获得产品(响应 VO */
export interface ProductByBarCode {
id?: number
name?: string
barCode?: string
standard?: string
unitId?: number
unitName?: string
categoryId?: number
categoryName?: string
purchasePrice?: number
salePrice?: number
minPrice?: number
}
/** 通过产品条码获得产品 */
export function getProductByBarCode(barCode: string) {
return http.get<ProductByBarCode>(`/erp/product/get-by-bar-code?barCode=${encodeURIComponent(barCode)}`)
}

View File

@@ -1,42 +0,0 @@
import { http } from '@/http/http'
/** 采购入库扫码记录 */
export interface PurchaseInScanRecord {
id?: number
purchaseInId: number
productId?: number
productName?: string
productSpec?: string
productBarCode?: string
productUnit?: string
warehouseId?: number
warehouseName?: string
locationCode?: string
batchNo?: string
scanCount?: number
scanTime?: string
operatorId?: number
operatorName?: string
remark?: string
createTime?: string
}
/** 创建扫码记录 */
export function createPurchaseInScanRecord(data: PurchaseInScanRecord) {
return http.post<number>('/erp/purchase-in-scan-record/create', data)
}
/** 批量创建扫码记录 */
export function createPurchaseInScanRecordBatch(data: PurchaseInScanRecord[]) {
return http.post<number>('/erp/purchase-in-scan-record/create-batch', data)
}
/** 删除扫码记录 */
export function deletePurchaseInScanRecord(id: number) {
return http.delete<boolean>(`/erp/purchase-in-scan-record/delete?id=${id}`)
}
/** 获取入库单的所有扫码记录 */
export function getPurchaseInScanRecordList(purchaseInId: number) {
return http.get<PurchaseInScanRecord[]>(`/erp/purchase-in-scan-record/list?purchaseInId=${purchaseInId}`)
}

View File

@@ -13,8 +13,6 @@ export interface PurchaseInItem {
remark?: string
warehouseId?: number
warehouseName?: string
batchNo?: string
locationCode?: string
productName?: string
productBarCode?: string
productUnitName?: string
@@ -58,7 +56,6 @@ export interface PurchaseIn {
isQualified?: boolean
returnType?: string | null
returnRemark?: string
hasApprovalRecords?: boolean
}
/** 审核表单数据 */

View File

@@ -0,0 +1,171 @@
import type { PageParam, PageResult } from '@/http/types'
import { http } from '@/http/http'
export interface PurchaseInquiryQuote {
id?: number
inquiryId?: number
invitationId?: number
supplierId?: number
supplierName?: string
contactName?: string
contactPhone?: string
quoteDate?: string | number | Date
unitPrice?: number
totalPrice?: number
paymentTerms?: string
deliveryCycle?: number
expectedArrivalDate?: string | number | Date
qualificationFile?: string
remark?: string
isSelected?: boolean
quoteStatus?: number
submitSource?: string
priceScore?: number
qualityScore?: number
deliveryScore?: number
serviceScore?: number
totalScore?: number
}
export interface PurchaseInquiry {
id?: number
no?: string
productId?: number
productName?: string
requireCount?: number
budgetPrice?: number
inquiryTime?: string | number | Date
deadline?: string | number | Date
status?: number
remark?: string
selectedQuoteId?: number
creatorName?: string
creator?: number
quoteCount?: number
minQuotePrice?: number
quotes?: PurchaseInquiryQuote[]
}
export interface PurchaseInquiryPublishReq {
inquiryId: number
supplierIds: number[]
linkExpireTime?: string | number | Date
}
export interface PurchaseInquiryInvitation {
id?: number
inquiryId?: number
supplierId?: number
supplierName?: string
status?: number
accessToken?: string
portalUrl?: string
linkExpireTime?: string | number | Date
firstViewTime?: string | number | Date
lastViewTime?: string | number | Date
submitTime?: string | number | Date
sendTime?: string | number | Date
quoteId?: number
quoteDate?: string | number | Date
unitPrice?: number
totalPrice?: number
paymentTerms?: string
deliveryCycle?: number
expectedArrivalDate?: string | number | Date
qualificationFile?: string
remark?: string
submitSource?: string
contactName?: string
contactPhone?: string
}
export interface PurchaseInquiryCompareReq {
inquiryId: number
priceWeight: number
qualityWeight: number
deliveryWeight: number
serviceWeight: number
quotes?: {
quoteId: number
qualityScore?: number
serviceScore?: number
}[]
}
export interface PurchaseInquiryCompareQuote {
quoteId: number
supplierId: number
supplierName?: string
unitPrice?: number
totalPrice?: number
deliveryCycle?: number
expectedArrivalDate?: string | number | Date
qualificationFile?: string
priceScore?: number
qualityScore?: number
deliveryScore?: number
serviceScore?: number
totalScore?: number
historicalAvgTotalScore?: number
historicalEvaluationCount?: number
attachmentProvided?: boolean
recommended?: boolean
recommendationReasons?: string[]
riskTips?: string[]
}
export interface PurchaseInquiryCompareResp {
inquiryId: number
inquiryNo?: string
productName?: string
requireCount?: number
budgetPrice?: number
recommendedQuoteId?: number
recommendedSupplierId?: number
recommendedSupplierName?: string
recommendedTotalScore?: number
analysisSummary?: string
analysisTime?: string | number | Date
riskTips?: string[]
quotes: PurchaseInquiryCompareQuote[]
}
export function getPurchaseInquiryPage(params: PageParam) {
return http.get<PageResult<PurchaseInquiry>>('/erp/purchase-inquiry/page', params)
}
export function getPurchaseInquiry(id: number) {
return http.get<PurchaseInquiry>(`/erp/purchase-inquiry/get?id=${id}`)
}
export function createPurchaseInquiry(data: PurchaseInquiry) {
return http.post<number>('/erp/purchase-inquiry/create', data)
}
export function updatePurchaseInquiry(data: PurchaseInquiry) {
return http.put<boolean>('/erp/purchase-inquiry/update', data)
}
export function updatePurchaseInquiryStatus(id: number, status: number) {
return http.put<boolean>(`/erp/purchase-inquiry/update-status?id=${id}&status=${status}`)
}
export function publishPurchaseInquiry(data: PurchaseInquiryPublishReq) {
return http.post<boolean>('/erp/purchase-inquiry/publish', data)
}
export function comparePurchaseInquiry(data: PurchaseInquiryCompareReq) {
return http.post<PurchaseInquiryCompareResp>('/erp/purchase-inquiry/compare-recommend', data)
}
export function getPurchaseInquiryInvitationList(inquiryId: number) {
return http.get<PurchaseInquiryInvitation[]>(`/erp/purchase-inquiry/invitation-list?inquiryId=${inquiryId}`)
}
export function selectPurchaseInquiryQuote(inquiryId: number, quoteId: number) {
return http.put<boolean>(`/erp/purchase-inquiry/select-quote?inquiryId=${inquiryId}&quoteId=${quoteId}`)
}
export function deletePurchaseInquiry(ids: number[]) {
return http.delete<boolean>(`/erp/purchase-inquiry/delete?ids=${ids.join(',')}`)
}

View File

@@ -0,0 +1,75 @@
import { http } from '@/http/http'
export interface PurchaseSummary {
todayPrice: number
yesterdayPrice: number
monthPrice: number
yearPrice: number
}
export interface PurchaseTimeSummary {
time: string
price: number
}
export interface PurchaseTrend {
time: string
price: number
count: number
}
export interface PurchaseProductRank {
productId: number
productName: string
count: number
price: number
inCount: number
returnCount: number
inPrice: number
returnPrice: number
orderCount: number
avgPrice: number
shareRate: number
}
export interface PurchaseSupplierRank {
supplierId: number
supplierName: string
count: number
price: number
inCount: number
returnCount: number
inPrice: number
returnPrice: number
orderCount: number
avgPrice: number
shareRate: number
}
export function getPurchaseSummary() {
return http.get<PurchaseSummary>('/erp/purchase-statistics/summary')
}
export function getPurchaseTimeSummary() {
return http.get<PurchaseTimeSummary[]>('/erp/purchase-statistics/time-summary')
}
export function getPurchaseTrendByWeek(count: number = 12) {
return http.get<PurchaseTrend[]>(`/erp/purchase-statistics/trend-by-week?count=${count}`)
}
export function getPurchaseTrendByMonth(count: number = 12) {
return http.get<PurchaseTrend[]>(`/erp/purchase-statistics/trend-by-month?count=${count}`)
}
export function getPurchaseProductRank(beginTime: string, endTime: string, limit: number = 10, sortBy: 'price' | 'count' = 'price') {
return http.get<PurchaseProductRank[]>('/erp/purchase-statistics/product-rank', { beginTime, endTime, limit, sortBy })
}
export function getPurchaseSupplierRank(beginTime: string, endTime: string, limit: number = 10, sortBy: 'price' | 'count' = 'price') {
return http.get<PurchaseSupplierRank[]>('/erp/purchase-statistics/supplier-rank', { beginTime, endTime, limit, sortBy })
}
export function analyzePurchaseStatistics(data: Record<string, any>) {
return http.post<any>('/erp/purchase-statistics/ai-analysis', data)
}

View File

@@ -0,0 +1,101 @@
import type { PageParam, PageResult } from '@/http/types'
import { http } from '@/http/http'
/** 销售订单项 */
export interface SaleOrderItem {
id?: number
productId?: number
productName?: string
productNo?: string
count?: number
totalCount?: number
unitPrice?: number
productPrice?: number
productUnitId?: number
productUnitName?: string
productBarCode?: string
productSpec?: string
taxPrice?: number
totalPrice?: number
totalProductPrice?: number
taxPercent?: number
taxAmount?: number
remark?: string
outCount?: number
returnCount?: number
stockCount?: number
}
/** 销售订单信息 */
export interface SaleOrder {
id?: number
no?: string
customerId?: number
customerName?: string
orderTime?: number | string
totalCount?: number
totalProductPrice?: number
discountPercent?: number
discountPrice?: number
totalPrice?: number
depositPrice?: number
accountId?: number
status?: number
remark?: string
fileUrl?: string
items?: SaleOrderItem[]
saleUserId?: number
saleUserName?: string
paymentCondition?: number
paymentMethod?: number
outCount?: number
returnCount?: number
productNames?: string
creatorName?: string
hasApprovalRecords?: boolean
}
/** 获取销售订单分页列表 */
export function getSaleOrderPage(params: PageParam & {
no?: string
customerId?: number
productId?: number
orderTime?: string[]
status?: number
creator?: number
outStatus?: string | number
returnStatus?: string | number
outEnable?: boolean
}) {
return http.get<PageResult<SaleOrder>>('/erp/sale-order/page', params)
}
/** 获取销售订单详情 */
export function getSaleOrder(id: number) {
return http.get<SaleOrder>(`/erp/sale-order/get?id=${id}`)
}
/** 创建销售订单 */
export function createSaleOrder(data: SaleOrder) {
return http.post<number>('/erp/sale-order/create', data)
}
/** 更新销售订单 */
export function updateSaleOrder(data: SaleOrder) {
return http.put<boolean>('/erp/sale-order/update', data)
}
/** 更新销售订单状态 */
export function updateSaleOrderStatus(id: number, status: number) {
return http.put<boolean>('/erp/sale-order/update-status', undefined, { id, status })
}
/** 删除销售订单 */
export function deleteSaleOrder(ids: number[]) {
return http.delete<boolean>(`/erp/sale-order/delete?ids=${ids.join(',')}`)
}
/** 导出销售订单 */
export function exportSaleOrder(params: PageParam) {
return http.get<string>('/erp/sale-order/export-excel', params)
}

View File

@@ -1,42 +0,0 @@
import { http } from '@/http/http'
/** 销售出库扫码记录 */
export interface SaleOutScanRecord {
id?: number
saleOutId: number
productId?: number
productName?: string
productSpec?: string
productBarCode?: string
productUnit?: string
warehouseId?: number
warehouseName?: string
locationCode?: string
batchNo?: string
scanCount?: number
scanTime?: string
operatorId?: number
operatorName?: string
remark?: string
createTime?: string
}
/** 创建扫码记录 */
export function createSaleOutScanRecord(data: SaleOutScanRecord) {
return http.post<number>('/erp/sale-out-scan-record/create', data)
}
/** 批量创建扫码记录 */
export function createSaleOutScanRecordBatch(data: SaleOutScanRecord[]) {
return http.post<number[]>('/erp/sale-out-scan-record/create-batch', data)
}
/** 删除扫码记录 */
export function deleteSaleOutScanRecord(id: number) {
return http.delete<boolean>(`/erp/sale-out-scan-record/delete?id=${id}`)
}
/** 获取出库单的所有扫码记录 */
export function getSaleOutScanRecordList(saleOutId: number) {
return http.get<SaleOutScanRecord[]>(`/erp/sale-out-scan-record/list?saleOutId=${saleOutId}`)
}

View File

@@ -1,48 +1,45 @@
import type { PageParam, PageResult } from '@/http/types'
import { http } from '@/http/http'
/** 销售出库 */
/** 销售出库明细 */
export interface SaleOutItem {
id?: number
outId?: number
orderItemId?: number
warehouseId?: number
warehouseName?: string
productId?: number
productName?: string
productBarCode?: string
productSpec?: string
productUnitId?: number
productUnitName?: string
warehouseId?: number
warehouseName?: string
locationCode?: string
batchNo?: string
count?: number
productPrice?: number
count?: number
totalCount?: number
totalPrice?: number
taxPercent?: number
taxPrice?: number
totalPrice?: number
batchNo?: string
remark?: string
productUnitId?: number
stockCount?: number
stockUnitPrice?: number
stockValue?: number
grossProfit?: number
totalProductPrice?: number
outCount?: number
}
/** 销售出库信息 */
/** 销售出库 */
export interface SaleOut {
id?: number
no?: string
status?: number
customerId?: number
customerName?: string
accountId?: number
accountName?: string
saleUserId?: number
saleUserName?: string
outTime?: string
outTime?: string | number
orderId?: number
orderNo?: string
deliveryNoticeId?: number
deliveryNoticeNo?: string
totalCount?: number
totalPrice?: number
receiptPrice?: number
@@ -52,16 +49,22 @@ export interface SaleOut {
discountPrice?: number
otherPrice?: number
fileUrl?: string
status?: number
remark?: string
creator?: string
creatorName?: string
createTime?: string
items?: SaleOutItem[]
createTime?: string | number
productNames?: string
hasApprovalRecords?: boolean
items?: SaleOutItem[]
}
/** 获取销售出库分页列表 */
export function getSaleOutPage(params: PageParam) {
export function getSaleOutPage(params: PageParam & {
no?: string
customerId?: number
status?: number
}) {
return http.get<PageResult<SaleOut>>('/erp/sale-out/page', params)
}
@@ -82,10 +85,10 @@ export function updateSaleOut(data: SaleOut) {
/** 更新销售出库状态 */
export function updateSaleOutStatus(id: number, status: number) {
return http.put<boolean>(`/erp/sale-out/update-status?id=${id}&status=${status}`)
return http.put<boolean>('/erp/sale-out/update-status', undefined, { id, status })
}
/** 删除销售出库 */
export function deleteSaleOut(ids: number[]) {
return http.delete<boolean>(`/erp/sale-out/delete?ids=${ids.join(',')}`)
return http.delete<boolean>('/erp/sale-out/delete', undefined, { ids: ids.join(',') })
}

View File

@@ -0,0 +1,81 @@
import type { PageParam, PageResult } from '@/http/types'
import { http } from '@/http/http'
/** 销售计划明细 */
export interface SalePlanItem {
id?: number
planId?: number
productId?: number
productName?: string
productUnitName?: string
planCount?: number
productPrice?: number
totalPrice?: number
completedAmount?: number
progress?: number
remark?: string
}
/** 销售计划 */
export interface SalePlan {
id?: number
no?: string
name?: string
customerId?: number
customerName?: string
targetAmount?: number
startTime?: number | string
endTime?: number | string
status?: number
approverId?: number
approverName?: string
remark?: string
items?: SalePlanItem[]
completedAmount?: number
progress?: number
completionStatus?: number
creatorName?: string
createTime?: number | string
}
/** 获取销售计划分页 */
export function getSalePlanPage(params: PageParam & {
no?: string
name?: string
customerId?: number
status?: number
creator?: number
planTime?: string[]
}) {
return http.get<PageResult<SalePlan>>('/erp/sale-plan/page', params)
}
/** 获取销售计划详情 */
export function getSalePlan(id: number) {
return http.get<SalePlan>(`/erp/sale-plan/get?id=${id}`)
}
/** 创建销售计划 */
export function createSalePlan(data: SalePlan) {
return http.post<number>('/erp/sale-plan/create', data)
}
/** 更新销售计划 */
export function updateSalePlan(data: SalePlan) {
return http.put<boolean>('/erp/sale-plan/update', data)
}
/** 更新销售计划状态 */
export function updateSalePlanStatus(id: number, status: number) {
return http.put<boolean>('/erp/sale-plan/update-status', undefined, { id, status })
}
/** 删除销售计划 */
export function deleteSalePlan(ids: number[]) {
return http.delete<boolean>('/erp/sale-plan/delete', undefined, { ids: ids.join(',') })
}
/** 获取销售计划简列表 */
export function getSalePlanSimpleList() {
return http.get<SalePlan[]>('/erp/sale-plan/simple-list')
}

View File

@@ -0,0 +1,92 @@
import type { PageParam, PageResult } from '@/http/types'
import { http } from '@/http/http'
/** 销售退货明细 */
export interface SaleReturnItem {
id?: number
orderItemId?: number
warehouseId?: number
warehouseName?: string
productId?: number
productName?: string
productBarCode?: string
productUnitId?: number
productUnitName?: string
productPrice?: number
count?: number
totalCount?: number
totalPrice?: number
taxPercent?: number
taxPrice?: number
remark?: string
stockCount?: number
totalProductPrice?: number
outCount?: number
returnCount?: number
productSpec?: string
}
/** 销售退货 */
export interface SaleReturn {
id?: number
no?: string
customerId?: number
customerName?: string
accountId?: number
accountName?: string
saleUserId?: number
saleUserName?: string
returnTime?: string | number
orderId?: number
orderNo?: string
totalCount?: number
totalPrice?: number
refundPrice?: number
totalProductPrice?: number
totalTaxPrice?: number
discountPercent?: number
discountPrice?: number
otherPrice?: number
fileUrl?: string
status?: number
remark?: string
creator?: string
creatorName?: string
createTime?: string | number
productNames?: string
items?: SaleReturnItem[]
}
/** 获取销售退货分页列表 */
export function getSaleReturnPage(params: PageParam & {
no?: string
customerId?: number
status?: number
}) {
return http.get<PageResult<SaleReturn>>('/erp/sale-return/page', params)
}
/** 获取销售退货详情 */
export function getSaleReturn(id: number) {
return http.get<SaleReturn>(`/erp/sale-return/get?id=${id}`)
}
/** 创建销售退货 */
export function createSaleReturn(data: SaleReturn) {
return http.post<number>('/erp/sale-return/create', data)
}
/** 更新销售退货 */
export function updateSaleReturn(data: SaleReturn) {
return http.put<boolean>('/erp/sale-return/update', data)
}
/** 更新销售退货状态 */
export function updateSaleReturnStatus(id: number, status: number) {
return http.put<boolean>('/erp/sale-return/update-status', undefined, { id, status })
}
/** 删除销售退货 */
export function deleteSaleReturn(ids: number[]) {
return http.delete<boolean>('/erp/sale-return/delete', undefined, { ids: ids.join(',') })
}

View File

@@ -7,11 +7,9 @@ export interface StockInItem {
stockInId?: number
warehouseId?: number
warehouseName?: string
locationCode?: string
productId?: number
productName?: string
productUnitName?: string
batchNo?: string
count?: number
productPrice?: number
totalPrice?: number

View File

@@ -7,11 +7,9 @@ export interface StockOutItem {
stockOutId?: number
warehouseId?: number
warehouseName?: string
locationCode?: string
productId?: number
productName?: string
productUnitName?: string
batchNo?: string
count?: number
productPrice?: number
totalPrice?: number

View File

@@ -13,9 +13,6 @@ export interface Warehouse {
truckagePrice?: number
status?: number
defaultStatus?: boolean
enableLocation?: boolean
roomNoMax?: number
locationCapacity?: number
createTime?: number
}
@@ -49,7 +46,24 @@ export function deleteWarehouse(id: number) {
return http.delete<boolean>(`/erp/warehouse/delete?id=${id}`)
}
/** 仓库精简信息 */
export interface WarehouseSimple {
id?: number
name?: string
}
/** 获取仓库精简列表 */
export function getWarehouseSimpleList() {
return http.get<Warehouse[]>('/erp/warehouse/simple-list')
}
/** 仓库条码信息 */
export interface WarehouseByBarCode {
id?: number
name?: string
}
/** 通过仓库条码获取仓库 */
export function getWarehouseByBarCode(barCode: string) {
return http.get<WarehouseByBarCode>(`/erp/warehouse/get-by-bar-code?barCode=${encodeURIComponent(barCode)}`)
}

View File

@@ -1,171 +0,0 @@
<template>
<view class="item-list">
<view v-if="items.length === 0" class="item-list__empty">
暂无扫码明细
</view>
<view v-for="(item, index) in items" :key="`${item.warehouseId}-${item.productId}-${index}`" class="item-card">
<view class="item-card__header">
<text class="item-card__name">{{ item.productName }}</text>
<text class="item-card__remove" @tap="emit('remove', index)">{{ removeText }}</text>
</view>
<view class="item-card__meta">
<text>仓库{{ item.warehouseName || '-' }}</text>
<text>条码{{ item.productBarCode || '-' }}</text>
</view>
<view class="item-card__meta">
<text>规格{{ item.productSpec || '-' }}</text>
<text>单位{{ item.productUnitName || '-' }}</text>
</view>
<view class="item-card__meta">
<text>单价{{ formatNumber(item.productPrice) }}</text>
<text v-if="showStock">库存{{ formatNumber(item.stockCount) }}</text>
</view>
<view v-if="item.targetCount !== undefined" class="item-card__meta">
<text>目标{{ formatNumber(item.targetCount) }}</text>
</view>
<view v-if="item.remainCount !== undefined || item.batchNo || item.locationCode" class="item-card__meta">
<text v-if="item.remainCount !== undefined">剩余{{ formatNumber(item.remainCount) }}</text>
<text>批次{{ item.batchNo || '-' }}</text>
<text>库位{{ item.locationCode || '-' }}</text>
</view>
<view class="item-card__footer">
<view class="counter">
<text class="counter__button" @tap="emit('decrease', index)">-</text>
<text class="counter__value">{{ formatNumber(item.count) }}</text>
<text class="counter__button" @tap="emit('increase', index)">+</text>
</view>
</view>
</view>
</view>
</template>
<script setup lang="ts">
export interface ItemCardValue {
warehouseId: number
warehouseName?: string
productId: number
productName: string
productBarCode?: string
productSpec?: string
productUnitName?: string
productPrice?: number
stockCount?: number
batchNo?: string
locationCode?: string
remainCount?: number
targetCount?: number
count: number
}
withDefaults(
defineProps<{
items: ItemCardValue[]
showStock?: boolean
removeText?: string
}>(),
{
showStock: false,
removeText: '删除',
},
)
const emit = defineEmits<{
(event: 'increase', index: number): void
(event: 'decrease', index: number): void
(event: 'remove', index: number): void
}>()
/**
* 功能说明:格式化数值展示,避免 `undefined` 直接透出到页面。
* 适用场景:数量、库存、单价展示。
* @param value 原始数值
* @return 格式化后的字符串
* 注意事项:扫码页优先保证可读性,这里只保留最多 4 位小数,不做复杂金额格式化。
*/
function formatNumber(value?: number) {
if (value === undefined || value === null) {
return '-'
}
return Number(value).toFixed(Number.isInteger(Number(value)) ? 0 : 4)
}
</script>
<style lang="scss" scoped>
.item-list__empty {
padding: 28rpx;
border-radius: 16rpx;
background: #fff;
color: #86909c;
text-align: center;
}
.item-card {
margin-bottom: 20rpx;
padding: 24rpx;
border-radius: 16rpx;
background: #fff;
&__header,
&__meta,
&__footer {
display: flex;
align-items: center;
justify-content: space-between;
}
&__header {
margin-bottom: 12rpx;
}
&__name {
font-size: 30rpx;
font-weight: 600;
}
&__remove {
color: #f53f3f;
font-size: 24rpx;
}
&__meta {
margin-top: 8rpx;
color: #4e5969;
font-size: 24rpx;
gap: 16rpx;
flex-wrap: wrap;
}
&__footer {
margin-top: 20rpx;
}
}
.counter {
display: flex;
align-items: center;
gap: 24rpx;
&__button,
&__value {
display: inline-flex;
align-items: center;
justify-content: center;
width: 64rpx;
height: 64rpx;
border-radius: 12rpx;
background: #f2f3f5;
}
&__button {
font-size: 36rpx;
color: #1d2129;
}
&__value {
min-width: 88rpx;
background: #fff7e8;
color: #ad6800;
}
}
</style>

View File

@@ -1,130 +0,0 @@
<template>
<view class="scan-input">
<input
class="scan-input__field"
:value="modelValue"
:placeholder="placeholder"
:focus="autoFocus"
:disabled="disabled"
confirm-type="done"
@input="handleInput"
@confirm="handleSubmit"
>
<!-- 通过属性控制确认按钮是否渲染兼容不同交互模式下的输入提交流程 -->
<button
v-if="showConfirmButton"
class="scan-input__button scan-input__button--primary"
size="mini"
:disabled="disabled || loading"
@tap="handleSubmit"
>
{{ loading ? '处理中' : '确认' }}
</button>
<button class="scan-input__button scan-input__button--camera" size="mini" :disabled="disabled || loading" @tap="handleCameraScan">
{{ cameraText }}
</button>
</view>
</template>
<script setup lang="ts">
const props = withDefaults(
defineProps<{
modelValue: string
placeholder?: string
disabled?: boolean
loading?: boolean
autoFocus?: boolean
showConfirmButton?: boolean
cameraText?: string
}>(),
{
placeholder: '请扫描条码',
disabled: false,
loading: false,
autoFocus: true,
showConfirmButton: true,
cameraText: '相机',
},
)
const emit = defineEmits<{
(event: 'update:modelValue', value: string): void
(event: 'submit'): void
(event: 'camera-scan'): void
}>()
/**
* 功能说明:同步输入框内容到父组件。
* 适用场景:扫码枪键盘模拟输入、手工补录条码。
* @param event 输入事件
* @return 无
* 注意事项:扫码枪的原始值最终仍由父组件统一清洗,这里只做输入透传。
*/
function handleInput(event: Record<string, any>) {
emit('update:modelValue', event.detail.value || '')
}
/**
* 功能说明:把确认动作抛给父组件处理。
* 适用场景:扫码枪回车提交、用户手工点击确认按钮。
* @return 无
* 注意事项:父组件会负责防重入和业务校验,这里不重复做业务判断。
*/
function handleSubmit() {
if (props.disabled || props.loading) {
return
}
emit('submit')
}
/**
* 功能说明:触发父组件进入相机扫码流程。
* 适用场景:普通手机没有外接扫码枪时,通过摄像头扫描条码。
* @return 无
* 注意事项:组件层不直接执行业务逻辑,只负责抛出统一事件,保证扫码入口一致。
*/
function handleCameraScan() {
if (props.disabled || props.loading) {
return
}
emit('camera-scan')
}
</script>
<style lang="scss" scoped>
.scan-input {
display: flex;
align-items: center;
gap: 16rpx;
&__field {
flex: 1;
height: 84rpx;
padding: 0 24rpx;
border: 2rpx solid #d0d7de;
border-radius: 12rpx;
background: #fff;
}
&__button {
min-width: 128rpx;
height: 84rpx;
padding: 0 24rpx;
line-height: 84rpx;
border-radius: 12rpx;
box-sizing: border-box;
&--primary {
background: #1677ff;
color: #fff;
}
&--camera {
background: #e8f3ff;
color: #1677ff;
}
}
}
</style>

View File

@@ -1,49 +0,0 @@
<template>
<view class="submit-bar">
<button class="submit-bar__ghost" @tap="emit('secondary')">
{{ secondaryText }}
</button>
<button class="submit-bar__primary" :loading="loading" @tap="emit('submit')">
{{ submitText }}
</button>
</view>
</template>
<script setup lang="ts">
withDefaults(
defineProps<{
loading?: boolean
submitText?: string
secondaryText?: string
}>(),
{
loading: false,
submitText: '提交单据',
secondaryText: '清空明细',
},
)
const emit = defineEmits<{
(event: 'submit'): void
(event: 'secondary'): void
}>()
</script>
<style lang="scss" scoped>
.submit-bar {
position: sticky;
bottom: 0;
display: flex;
gap: 16rpx;
padding: 20rpx 0 calc(20rpx + env(safe-area-inset-bottom));
background: #f4f6f8;
&__ghost,
&__primary {
flex: 1;
height: 88rpx;
line-height: 88rpx;
border-radius: 16rpx;
}
}
</style>

View File

@@ -1,136 +0,0 @@
{
"name": "亚为mom小程序",
"appid": "__UNI__2EB12DE",
"description": "",
"versionName": "1.0.0",
"versionCode": "100",
"transformPx": false,
"app-plus": {
"usingComponents": true,
"nvueStyleCompiler": "uni-app",
"compilerVersion": 3,
"splashscreen": {
"alwaysShowBeforeRender": true,
"waiting": true,
"autoclose": true,
"delay": 0
},
"modules": {},
"distribute": {
"android": {
"permissions": [
"<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
"<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
"<uses-permission android:name=\"android.permission.VIBRATE\"/>",
"<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
"<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
"<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
"<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
"<uses-permission android:name=\"android.permission.CAMERA\"/>",
"<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
"<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
"<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
"<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
"<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
"<uses-feature android:name=\"android.hardware.camera\"/>",
"<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
],
"minSdkVersion": 21,
"targetSdkVersion": 30,
"abiFilters": [
"armeabi-v7a",
"arm64-v8a"
]
},
"ios": {},
"sdkConfigs": {},
"icons": {
"android": {
"hdpi": "src/static/app/icons/72x72.png",
"xhdpi": "src/static/app/icons/96x96.png",
"xxhdpi": "src/static/app/icons/144x144.png",
"xxxhdpi": "src/static/app/icons/192x192.png"
},
"ios": {
"appstore": "src/static/app/icons/1024x1024.png",
"ipad": {
"app": "src/static/app/icons/76x76.png",
"app@2x": "src/static/app/icons/152x152.png",
"notification": "src/static/app/icons/20x20.png",
"notification@2x": "src/static/app/icons/40x40.png",
"proapp@2x": "src/static/app/icons/167x167.png",
"settings": "src/static/app/icons/29x29.png",
"settings@2x": "src/static/app/icons/58x58.png",
"spotlight": "src/static/app/icons/40x40.png",
"spotlight@2x": "src/static/app/icons/80x80.png"
},
"iphone": {
"app@2x": "src/static/app/icons/120x120.png",
"app@3x": "src/static/app/icons/180x180.png",
"notification@2x": "src/static/app/icons/40x40.png",
"notification@3x": "src/static/app/icons/60x60.png",
"settings@2x": "src/static/app/icons/58x58.png",
"settings@3x": "src/static/app/icons/87x87.png",
"spotlight@2x": "src/static/app/icons/80x80.png",
"spotlight@3x": "src/static/app/icons/120x120.png"
}
}
}
},
"compatible": {
"ignoreVersion": true
}
},
"app-harmony": {
"distribute": {}
},
"mp-harmony": {
"distribute": {}
},
"quickapp": {},
"mp-weixin": {
"appid": "wx1a832d51073d3a35",
"setting": {
"urlCheck": false,
"es6": true,
"minified": true
},
"usingComponents": true,
"optimization": {
"subPackages": true
},
"mergeVirtualHostAttributes": true
},
"mp-alipay": {
"usingComponents": true,
"styleIsolation": "shared",
"optimization": {
"subPackages": true
},
"compileOptions": {
"globalObjectMode": "enable",
"transpile": {
"script": {
"ignore": [
"node_modules/**"
]
}
}
}
},
"mp-baidu": {
"usingComponents": true
},
"mp-toutiao": {
"usingComponents": true
},
"uniStatistics": {
"enable": false
},
"vueVersion": "3",
"h5": {
"router": {
"base": "/"
}
}
}

View File

@@ -0,0 +1,372 @@
<template>
<view class="yd-page-container erp-page">
<!-- 顶部导航栏 -->
<wd-navbar
:title="getTitle"
left-arrow placeholder safe-area-inset-top fixed
@click-left="handleBack"
/>
<!-- 表单区域 -->
<view class="erp-form-body">
<wd-form ref="formRef" :model="formData" :rules="formRules">
<!-- 基础信息 -->
<wd-cell-group title="基础信息" border>
<wd-input
v-model="formData.name"
label="名称"
label-width="180rpx"
placeholder="请输入客户名称"
prop="name"
clearable
/>
<wd-input
v-model="formData.contact"
label="联系人"
label-width="180rpx"
placeholder="请输入联系人"
clearable
/>
<wd-input
v-model="formData.mobile"
label="手机号码"
label-width="180rpx"
placeholder="请输入手机号码"
type="number"
clearable
/>
<wd-input
v-model="formData.telephone"
label="联系电话"
label-width="180rpx"
placeholder="请输入联系电话"
clearable
/>
<wd-input
v-model="formData.email"
label="电子邮箱"
label-width="180rpx"
placeholder="请输入电子邮箱"
clearable
/>
<wd-cell title="企业类型" title-width="180rpx" center>
<wd-picker
v-model="formData.companyType"
:columns="companyTypeColumns"
label=""
placeholder="请选择企业类型"
@confirm="onCompanyTypeConfirm"
/>
</wd-cell>
<wd-input
v-model="formData.businessScale"
label="企业规模"
label-width="180rpx"
placeholder="请输入企业规模"
clearable
/>
<wd-cell title="客户来源" title-width="180rpx" center>
<wd-picker
v-model="formData.leadSourceType"
:columns="leadSourceTypeColumns"
label=""
placeholder="请选择来源类型"
@confirm="onLeadSourceTypeConfirm"
/>
</wd-cell>
</wd-cell-group>
<!-- 财务信息 -->
<wd-cell-group title="财务信息" border>
<wd-input
v-model="formData.taxNo"
label="纳税人识别号"
label-width="180rpx"
placeholder="请输入纳税人识别号"
clearable
/>
<wd-input
v-model="formData.bankName"
label="开户行"
label-width="180rpx"
placeholder="请输入开户行"
clearable
/>
<wd-input
v-model="formData.bankAccount"
label="开户账号"
label-width="180rpx"
placeholder="请输入开户账号"
clearable
/>
<wd-input
v-model="formData.bankAddress"
label="开户地址"
label-width="180rpx"
placeholder="请输入开户地址"
clearable
/>
</wd-cell-group>
<!-- 偏好信息 -->
<wd-cell-group title="偏好信息" border>
<wd-input
v-model="formData.preferredProducts"
label="偏好产品"
label-width="180rpx"
placeholder="请输入偏好产品或品类"
clearable
/>
<wd-input
v-model="formData.preferredPackaging"
label="偏好包装"
label-width="180rpx"
placeholder="请输入偏好包装形式"
clearable
/>
<wd-input
v-model="formData.deliveryCyclePrefer"
label="偏好交期"
label-width="180rpx"
placeholder="请输入偏好交期/周期"
clearable
/>
</wd-cell-group>
<!-- 统计信息 -->
<wd-cell-group title="统计信息" border>
<wd-input
:model-value="formatInteger(formData.annualOrderNums)"
label="年度订单数"
label-width="180rpx"
placeholder="系统自动生成"
disabled
/>
<wd-input
:model-value="formatAmount(formData.annualOrderAmounts)"
label="年度订单额"
label-width="180rpx"
placeholder="系统自动生成"
disabled
/>
<wd-input
:model-value="formatAmount(formData.annualReceivedAmounts)"
label="年度已收款"
label-width="180rpx"
placeholder="系统自动生成"
disabled
/>
<wd-input
:model-value="formatAmount(formData.totalUnreceivedAmounts)"
label="累计未收款"
label-width="180rpx"
placeholder="系统自动生成"
disabled
/>
</wd-cell-group>
<!-- 其他信息 -->
<wd-cell-group title="其他信息" border>
<wd-cell title="开启状态" title-width="180rpx" center>
<wd-switch v-model="statusEnabled" />
</wd-cell>
<wd-input
v-model="formData.sort"
label="排序"
label-width="180rpx"
placeholder="请输入排序"
type="number"
clearable
/>
<wd-textarea
v-model="formData.remark"
label="备注"
label-width="180rpx"
placeholder="请输入备注"
:maxlength="200"
show-word-limit
clearable
/>
</wd-cell-group>
</wd-form>
</view>
<!-- 底部保存按钮 -->
<view class="yd-detail-footer">
<wd-button
type="primary"
block
:loading="formLoading"
@click="handleSubmit"
>
保存
</wd-button>
</view>
</view>
</template>
<script lang="ts" setup>
import type { FormInstance } from 'wot-design-uni/components/wd-form/types'
import type { Customer } from '@/api/erp/customer'
import { computed, onMounted, ref, watch } from 'vue'
import { useToast } from 'wot-design-uni'
import { createCustomer, getCustomer, updateCustomer } from '@/api/erp/customer'
import { navigateBackPlus } from '@/utils'
const props = defineProps<{
id?: number | any
}>()
definePage({
style: {
navigationBarTitleText: '',
navigationStyle: 'custom',
},
})
const toast = useToast()
const getTitle = computed(() => props.id ? '编辑客户' : '新增客户')
const formLoading = ref(false)
const formData = ref<Customer>({
id: undefined,
name: undefined,
contact: undefined,
mobile: undefined,
telephone: undefined,
email: undefined,
remark: undefined,
status: 0,
sort: 0,
taxNo: undefined,
taxPercent: undefined,
bankName: undefined,
bankAccount: undefined,
bankAddress: undefined,
companyType: undefined,
businessScale: undefined,
leadSourceType: undefined,
preferredProducts: undefined,
preferredPackaging: undefined,
deliveryCyclePrefer: undefined,
annualOrderNums: undefined,
annualOrderAmounts: undefined,
annualReceivedAmounts: undefined,
totalUnreceivedAmounts: undefined,
})
const formRules = {
name: [{ required: true, message: '客户名称不能为空' }],
}
const formRef = ref<FormInstance>()
// 状态开关
const statusEnabled = ref(true)
watch(statusEnabled, (val) => {
formData.value.status = val ? 0 : 1
})
watch(() => formData.value.status, (val) => {
statusEnabled.value = val === 0
})
/** 企业类型选项 */
const companyTypeOptions = [
{ value: 1, label: '餐饮' },
{ value: 2, label: '食品批发' },
{ value: 3, label: '制造' },
{ value: 4, label: '超市' },
{ value: 5, label: '其他' },
]
const companyTypeColumns = computed(() => [
companyTypeOptions.map(v => ({ value: v.value, label: v.label })),
])
function onCompanyTypeConfirm({ value }: any) {
formData.value.companyType = value?.[0]
}
/** 客户来源选项 */
const leadSourceTypeOptions = [
{ value: 1, label: '展会' },
{ value: 2, label: '地推' },
{ value: 3, label: '转介绍' },
{ value: 4, label: '官网' },
{ value: 5, label: '平台' },
{ value: 6, label: '电销' },
{ value: 7, label: '老客户' },
{ value: 99, label: '其他' },
]
const leadSourceTypeColumns = computed(() => [
leadSourceTypeOptions.map(v => ({ value: v.value, label: v.label })),
])
function onLeadSourceTypeConfirm({ value }: any) {
formData.value.leadSourceType = value?.[0]
}
/** 格式化整数 */
const formatInteger = (value?: string | number) => {
if (value === undefined || value === null || value === '') {
return ''
}
const num = Number(value)
if (Number.isNaN(num)) {
return String(value)
}
return String(Math.trunc(num))
}
/** 格式化金额 */
const formatAmount = (value?: string | number) => {
if (value === undefined || value === null || value === '') {
return ''
}
const num = Number(value)
if (Number.isNaN(num)) {
return String(value)
}
return num.toFixed(2)
}
/** 返回上一页 */
function handleBack() {
navigateBackPlus('/pages-erp/customer/index')
}
/** 加载详情 */
async function getDetail() {
if (!props.id) return
try {
toast.loading('加载中...')
formData.value = await getCustomer(props.id)
} finally {
toast.close()
}
}
/** 提交表单 */
async function handleSubmit() {
const { valid } = await formRef.value!.validate()
if (!valid) return
formLoading.value = true
try {
if (props.id) {
await updateCustomer(formData.value)
toast.success('修改成功')
} else {
await createCustomer(formData.value)
toast.success('新增成功')
}
setTimeout(() => {
handleBack()
}, 500)
} finally {
formLoading.value = false
}
}
/** 初始化 */
onMounted(() => {
getDetail()
})
</script>
<style lang="scss" scoped>
</style>

View File

@@ -0,0 +1,260 @@
<template>
<view class="yd-page-container erp-page">
<!-- 顶部导航栏 -->
<wd-navbar
title="客户管理"
left-arrow placeholder safe-area-inset-top fixed
@click-left="handleBack"
/>
<!-- 搜索组件 -->
<view @click="openSearchForm">
<wd-search :placeholder="searchPlaceholder" hide-cancel disabled />
</view>
<!-- 客户列表 -->
<view class="px-24rpx">
<view
v-for="item in list"
:key="item.id"
class="mb-20rpx overflow-hidden rounded-12rpx bg-white shadow-sm"
@click="handleEdit(item)"
>
<view class="p-24rpx">
<!-- 头部名称 + 状态 -->
<view class="mb-16rpx flex items-center justify-between">
<view class="text-30rpx text-[#333] font-semibold">
{{ item.name || '-' }}
</view>
<view
class="rounded-8rpx px-16rpx py-4rpx text-24rpx"
:class="item.status === 0 ? 'bg-[#f6ffed] text-[#52c41a]' : 'bg-[#fff1f0] text-[#f5222d]'"
>
{{ item.status === 0 ? '正常' : '停用' }}
</view>
</view>
<!-- 联系人 -->
<view class="mb-8rpx flex items-center justify-between text-26rpx text-[#666]">
<text class="text-[#999]">联系人</text>
<text>{{ item.contact || '-' }}</text>
</view>
<!-- 手机号码 -->
<view class="mb-8rpx flex items-center justify-between text-26rpx text-[#666]">
<text class="text-[#999]">手机号码</text>
<text>{{ item.mobile || '-' }}</text>
</view>
<!-- 联系电话 -->
<view class="mb-8rpx flex items-center justify-between text-26rpx text-[#666]">
<text class="text-[#999]">联系电话</text>
<text>{{ item.telephone || '-' }}</text>
</view>
<!-- 备注 -->
<view class="flex items-center justify-between text-26rpx text-[#666]">
<text class="text-[#999]">备注</text>
<text class="ml-16rpx line-clamp-1 text-right" style="max-width: 400rpx;">{{ item.remark || '无备注' }}</text>
</view>
</view>
<!-- 操作按钮 -->
<view class="flex flex-wrap gap-12rpx px-24rpx pb-20rpx" @click.stop>
<wd-button
v-if="hasAccessByCodes(['erp:customer:update']) && item.name !== '-'"
size="small" type="primary" plain @click="handleEdit(item)"
>
编辑
</wd-button>
<wd-button
v-if="hasAccessByCodes(['erp:customer:delete']) && item.name !== '-'"
size="small" type="error" plain @click="handleDelete(item.id!)"
>
删除
</wd-button>
</view>
</view>
<!-- 加载更多 -->
<view v-if="loadMoreState !== 'loading' && list.length === 0" class="py-100rpx text-center">
<wd-status-tip image="content" tip="暂无客户数据" />
</view>
<wd-loadmore
v-if="list.length > 0"
:state="loadMoreState"
@reload="loadMore"
/>
</view>
<!-- 新增按钮 -->
<wd-fab
v-if="hasAccessByCodes(['erp:customer:create'])"
position="right-bottom"
type="primary"
:expandable="false"
@click="handleAdd"
/>
<!-- 搜索弹窗 -->
<wd-popup v-model="searchVisible" position="top" @close="searchVisible = false">
<view class="yd-search-form-container">
<view class="yd-search-form-item">
<view class="yd-search-form-label">客户名称</view>
<wd-input v-model="searchForm.name" placeholder="请输入客户名称" clearable />
</view>
<view class="yd-search-form-item">
<view class="yd-search-form-label">手机号码</view>
<wd-input v-model="searchForm.mobile" placeholder="请输入手机号码" clearable />
</view>
<view class="yd-search-form-item">
<view class="yd-search-form-label">联系电话</view>
<wd-input v-model="searchForm.telephone" placeholder="请输入联系电话" clearable />
</view>
<view class="yd-search-form-actions">
<wd-button class="flex-1" plain @click="handleReset">重置</wd-button>
<wd-button class="flex-1" type="primary" @click="handleSearch">搜索</wd-button>
</view>
</view>
</wd-popup>
</view>
</template>
<script lang="ts" setup>
import type { Customer } from '@/api/erp/customer'
import type { LoadMoreState } from '@/http/types'
import { onReachBottom } from '@dcloudio/uni-app'
import { computed, onMounted, reactive, ref } from 'vue'
import { useToast } from 'wot-design-uni'
import { deleteCustomer, getCustomerPage } from '@/api/erp/customer'
import { useAccess } from '@/hooks/useAccess'
import { navigateBackPlus } from '@/utils'
definePage({
style: {
navigationBarTitleText: '',
navigationStyle: 'custom',
},
})
const { hasAccessByCodes } = useAccess()
const toast = useToast()
const total = ref(0)
const list = ref<Customer[]>([])
const loadMoreState = ref<LoadMoreState>('loading')
const queryParams = ref<{ pageNo: number; pageSize: number } & Record<string, any>>({
pageNo: 1,
pageSize: 10,
})
// 搜索相关
const searchVisible = ref(false)
const searchForm = reactive({
name: undefined as string | undefined,
mobile: undefined as string | undefined,
telephone: undefined as string | undefined,
})
/** 打开搜索表单 */
function openSearchForm() {
searchVisible.value = true
}
/** 搜索条件 placeholder */
const searchPlaceholder = computed(() => {
const conditions: string[] = []
if (searchForm.name) conditions.push(`名称:${searchForm.name}`)
if (searchForm.mobile) conditions.push(`手机:${searchForm.mobile}`)
if (searchForm.telephone) conditions.push(`电话:${searchForm.telephone}`)
return conditions.length > 0 ? conditions.join(' | ') : '搜索客户'
})
/** 返回上一页 */
function handleBack() {
navigateBackPlus()
}
/** 查询客户列表 */
async function getList() {
loadMoreState.value = 'loading'
try {
const params = { ...queryParams.value }
const data = await getCustomerPage(params)
list.value = [...list.value, ...data.list]
total.value = data.total
loadMoreState.value = list.value.length >= total.value ? 'finished' : 'loading'
} catch {
queryParams.value.pageNo = queryParams.value.pageNo > 1 ? queryParams.value.pageNo - 1 : 1
loadMoreState.value = 'error'
}
}
/** 搜索 */
function handleSearch() {
searchVisible.value = false
queryParams.value = {
...searchForm,
pageNo: 1,
pageSize: queryParams.value.pageSize,
}
list.value = []
getList()
}
/** 重置 */
function handleReset() {
searchForm.name = undefined
searchForm.mobile = undefined
searchForm.telephone = undefined
searchVisible.value = false
queryParams.value = { pageNo: 1, pageSize: 10 }
list.value = []
getList()
}
/** 加载更多 */
function loadMore() {
if (loadMoreState.value === 'finished') return
queryParams.value.pageNo++
getList()
}
/** 新增客户 */
function handleAdd() {
uni.navigateTo({ url: '/pages-erp/customer/form/index' })
}
/** 编辑 */
function handleEdit(item: Customer) {
if (item.name === '-') return
uni.navigateTo({ url: `/pages-erp/customer/form/index?id=${item.id}` })
}
/** 删除 */
function handleDelete(id: number) {
uni.showModal({
title: '提示',
content: '确定要删除该客户吗?',
success: async (res) => {
if (!res.confirm) return
try {
await deleteCustomer(id)
toast.success('删除成功')
list.value = []
queryParams.value.pageNo = 1
getList()
} catch {
// error handled by http
}
},
})
}
/** 触底加载更多 */
onReachBottom(() => {
loadMore()
})
/** 初始化 */
onMounted(() => {
getList()
})
</script>
<style lang="scss" scoped>
</style>

View File

@@ -1,5 +1,5 @@
<template>
<view class="yd-page-container">
<view class="yd-page-container erp-page">
<!-- 顶部导航栏 -->
<wd-navbar
:title="getTitle"
@@ -8,7 +8,7 @@
/>
<!-- 表单区域 -->
<view class="pb-180rpx">
<view class="erp-form-body">
<wd-form ref="formRef" :model="formData" :rules="formRules">
<wd-cell-group title="基本信息" border>
<wd-input

View File

@@ -1,5 +1,5 @@
<template>
<view class="yd-page-container">
<view class="yd-page-container erp-page">
<!-- 顶部导航栏 -->
<wd-navbar
title="农户管理"
@@ -162,7 +162,7 @@ const toast = useToast()
const total = ref(0)
const list = ref<Farmer[]>([])
const loadMoreState = ref<LoadMoreState>('loading')
const queryParams = ref<Record<string, any>>({
const queryParams = ref<{ pageNo: number; pageSize: number } & Record<string, any>>({
pageNo: 1,
pageSize: 10,
})

View File

@@ -1,5 +1,5 @@
<template>
<view class="yd-page-container">
<view class="yd-page-container erp-page">
<!-- 顶部导航栏 -->
<wd-navbar
title="采摘记录详情"

View File

@@ -1,5 +1,5 @@
<template>
<view class="yd-page-container">
<view class="yd-page-container erp-page">
<!-- 顶部导航栏 -->
<wd-navbar
:title="getTitle"
@@ -8,7 +8,7 @@
/>
<!-- 表单区域 -->
<view class="pb-180rpx">
<view class="erp-form-body">
<wd-form ref="formRef" :model="formData" :rules="formRules">
<!-- 基本信息 -->
<wd-cell-group title="基本信息" border>
@@ -249,7 +249,7 @@ async function loadDropdownData() {
productList.value = products || []
// 提取田间编号
const farmingList = farmingResult?.list || []
fieldList.value = [...new Set(farmingList.filter(f => f.code?.trim()).map(f => f.code))]
fieldList.value = Array.from(new Set(farmingList.filter(f => f.code?.trim()).map(f => f.code)))
// 提取框编号
const boxList = boxResult?.list || []
basketList.value = boxList.filter(b => b.boxNumber?.trim()).map(b => b.boxNumber)

View File

@@ -1,5 +1,5 @@
<template>
<view class="yd-page-container">
<view class="yd-page-container erp-page">
<!-- 顶部导航栏 -->
<wd-navbar
title="采摘管理"
@@ -147,7 +147,7 @@ const toast = useToast()
const total = ref(0)
const list = ref<PickBroccoli[]>([])
const loadMoreState = ref<LoadMoreState>('loading')
const queryParams = ref<Record<string, any>>({
const queryParams = ref<{ pageNo: number; pageSize: number } & Record<string, any>>({
pageNo: 1,
pageSize: 10,
})

View File

@@ -1,5 +1,5 @@
<template>
<view class="yd-page-container">
<view class="yd-page-container erp-page">
<!-- 顶部导航栏 -->
<wd-navbar
title="采购入库详情"
@@ -74,17 +74,9 @@
<text class="text-28rpx text-[#333] font-semibold">{{ item.productName || '-' }}</text>
<text v-if="item.productBarCode" class="ml-12rpx text-22rpx text-[#999]">{{ item.productBarCode }}</text>
</view>
<view class="flex items-center">
<text v-if="item.warehouseName" class="text-24rpx text-[#1890ff]">{{ item.warehouseName }}</text>
<text v-if="item.locationCode" class="ml-8rpx text-22rpx text-[#52c41a]">[{{ item.locationCode }}]</text>
</view>
</view>
<view class="p-24rpx">
<!-- 批次号 -->
<view v-if="item.batchNo" class="mb-12rpx flex items-center text-26rpx text-[#666]">
<text class="mr-8rpx text-[#999]">批次号</text>
<text class="text-[#e6a23c]">{{ item.batchNo }}</text>
</view>
<!-- 产品规格 -->
<view v-if="item.productSpec" class="mb-12rpx flex items-center text-26rpx text-[#666]">
<text class="mr-8rpx text-[#999]">规格</text>
@@ -178,19 +170,15 @@
<!-- 审核弹窗 -->
<wd-popup v-model="auditVisible" position="bottom" closable @close="auditVisible = false">
<view class="p-32rpx">
<view class="mb-32rpx text-center text-32rpx text-[#333] font-semibold">
<view class="text-32rpx text-[#333] font-semibold mb-32rpx text-center">
采购入库审核
</view>
<view class="mb-24rpx">
<view class="mb-12rpx text-26rpx text-[#666]">
是否合格
</view>
<view class="text-26rpx text-[#666] mb-12rpx">是否合格</view>
<wd-switch v-model="auditForm.isQualified" @change="handleQualifiedChange" />
</view>
<view v-if="!auditForm.isQualified" class="mb-24rpx">
<view class="mb-12rpx text-26rpx text-[#666]">
返回方式
</view>
<view class="text-26rpx text-[#666] mb-12rpx">返回方式</view>
<wd-radio-group v-model="auditForm.returnType" shape="button">
<wd-radio
v-for="opt in RETURN_TYPE_OPTIONS"
@@ -202,16 +190,14 @@
</wd-radio-group>
</view>
<view v-if="!auditForm.isQualified" class="mb-24rpx">
<view class="mb-12rpx text-26rpx text-[#666]">
返回备注
</view>
<view class="text-26rpx text-[#666] mb-12rpx">返回备注</view>
<wd-textarea
v-model="auditForm.returnRemark"
placeholder="请输入返回方式备注"
:maxlength="200"
/>
</view>
<view class="mt-32rpx flex gap-24rpx">
<view class="flex gap-24rpx mt-32rpx">
<wd-button class="flex-1" plain @click="auditVisible = false">
取消
</wd-button>
@@ -260,30 +246,23 @@ const auditForm = reactive({
/** 获取状态文本 */
function getStatusText(status?: number, isQualified?: boolean) {
if (status === 10)
return '审核'
if (status === 20)
return isQualified ? '已审核' : '不合格'
if (status === 30)
return '不合格'
if (status === 10) return '未审核'
if (status === 20) return isQualified ? '审核' : '不合格'
if (status === 30) return '不合格'
return '未知'
}
/** 获取状态样式 */
function getStatusClass(status?: number, isQualified?: boolean) {
if (status === 10)
return 'bg-[#fff7e6] text-[#fa8c16]'
if (status === 20)
return isQualified ? 'bg-[#f6ffed] text-[#52c41a]' : 'bg-[#fff1f0] text-[#f5222d]'
if (status === 30)
return 'bg-[#fff1f0] text-[#f5222d]'
if (status === 10) return 'bg-[#fff7e6] text-[#fa8c16]'
if (status === 20) return isQualified ? 'bg-[#f6ffed] text-[#52c41a]' : 'bg-[#fff1f0] text-[#f5222d]'
if (status === 30) return 'bg-[#fff1f0] text-[#f5222d]'
return 'bg-[#f5f5f5] text-[#999]'
}
/** 获取返回方式标签 */
function getReturnTypeLabel(value?: string | null) {
if (!value)
return '-'
if (!value) return '-'
const option = RETURN_TYPE_OPTIONS.find(opt => opt.value === value)
return option ? option.label : value
}
@@ -331,8 +310,7 @@ function handleQualifiedChange(val: boolean) {
/** 提交审核 */
async function submitAudit() {
if (!props.id)
return
if (!props.id) return
if (!auditForm.isQualified && !auditForm.returnType) {
toast.warning('请选择返回方式')
return

View File

@@ -1,5 +1,5 @@
<template>
<view class="yd-page-container">
<view class="yd-page-container erp-page">
<!-- 顶部导航栏 -->
<wd-navbar
:title="getTitle"
@@ -26,7 +26,7 @@
placeholder="请选择入库时间"
/>
</wd-cell>
<wd-cell title="关联订单" title-width="180rpx" is-link center @click="openOrderSelect">
<wd-cell title="关联订单" title-width="180rpx" center is-link @click="openOrderSelect">
<text v-if="formData.orderNo" class="text-[#1890ff]">{{ formData.orderNo }}</text>
<text v-else class="text-[#999]">点击选择采购订单</text>
</wd-cell>
@@ -84,8 +84,8 @@
</view>
<!-- 入库明细 -->
<view class="mx-24rpx mt-24rpx pb-180rpx">
<view class="mb-16rpx flex items-center justify-between">
<view class="erp-form-body">
<view class="erp-form-section-heading">
<view class="text-32rpx text-[#333] font-semibold">
入库明细{{ formData.items?.length || 0 }}
</view>
@@ -93,22 +93,10 @@
<view
v-for="(item, index) in formData.items"
:key="index"
class="mb-16rpx overflow-hidden rounded-12rpx bg-white shadow-sm"
class="erp-form-item-card"
>
<view class="flex items-center justify-between bg-[#f8f8f8] px-24rpx py-12rpx">
<view class="erp-form-item-card__header">
<text class="text-28rpx text-[#333] font-semibold">产品 #{{ index + 1 }} {{ item.productName || '' }}</text>
<view class="flex gap-12rpx">
<wd-button
v-if="isLocationEnabled(item.warehouseId)"
size="small" type="primary" plain @click="handleRecommendLocation(item, index)"
>
推荐货位
</wd-button>
<wd-button
size="small" type="warning" plain @click="handleSplit(index)"
>
拆分
</wd-button>
<wd-button
v-if="formData.items && formData.items.length > 1"
size="small" type="error" plain @click="handleRemoveItem(index)"
@@ -116,8 +104,7 @@
删除
</wd-button>
</view>
</view>
<view class="p-24rpx">
<view class="erp-form-item-list">
<!-- 仓库选择 -->
<view class="mb-16rpx">
<text class="mb-8rpx block text-24rpx text-[#999]">仓库</text>
@@ -128,26 +115,8 @@
@confirm="(e: any) => onWarehouseConfirm(e, index)"
/>
</view>
<!-- 库位编码 -->
<view v-if="isLocationEnabled(item.warehouseId)" class="mb-16rpx">
<text class="mb-8rpx block text-24rpx text-[#999]">库位编码</text>
<wd-input
v-model="item.locationCode"
placeholder="库房号-区域-货位号,如 1-A-01"
clearable
/>
</view>
<!-- 批次号 -->
<view class="mb-16rpx">
<text class="mb-8rpx block text-24rpx text-[#999]">批次号</text>
<wd-input
v-model="item.batchNo"
placeholder="请输入批次号"
clearable
/>
</view>
<!-- 自动填充的产品信息只读 -->
<view v-if="item.productId" class="mb-16rpx rounded-8rpx bg-[#f9f9f9] p-16rpx">
<view v-if="item.productId" class="erp-form-info-card">
<view class="mb-8rpx flex justify-between text-24rpx">
<text class="text-[#999]">产品名称</text>
<text class="text-[#333]">{{ item.productName || '-' }}</text>
@@ -241,7 +210,7 @@
<!-- 采购订单选择弹窗 -->
<wd-popup v-model="orderSelectVisible" position="right" custom-style="width: 100%; height: 100%;">
<view class="yd-page-container">
<view class="yd-page-container erp-page">
<wd-navbar
title="选择采购订单"
left-arrow placeholder safe-area-inset-top fixed
@@ -257,15 +226,13 @@
<view
v-for="item in orderList"
:key="item.id"
class="mb-20rpx overflow-hidden rounded-12rpx bg-white shadow-sm"
class="erp-form-item-card"
:class="{ 'border-2 border-[#1890ff]': selectedOrderId === item.id }"
@click="handleSelectOrder(item)"
>
<view class="p-24rpx">
<view class="erp-form-item-list">
<view class="mb-12rpx flex items-center justify-between">
<view class="text-30rpx text-[#333] font-semibold">
{{ item.no }}
</view>
<view class="text-30rpx text-[#333] font-semibold">{{ item.no }}</view>
<wd-icon v-if="selectedOrderId === item.id" name="check" color="#1890ff" size="40rpx" />
</view>
<view class="mb-8rpx flex items-center justify-between text-26rpx text-[#666]">
@@ -274,32 +241,20 @@
</view>
<view class="mb-8rpx flex items-center justify-between text-26rpx text-[#666]">
<text class="text-[#999]">产品</text>
<text class="line-clamp-1 ml-16rpx text-right" style="max-width: 400rpx;">{{ item.productNames || '-' }}</text>
<text class="ml-16rpx line-clamp-1 text-right" style="max-width: 400rpx;">{{ item.productNames || '-' }}</text>
</view>
<view class="mt-12rpx flex items-center justify-around border-t border-[#f0f0f0] pt-12rpx">
<view class="flex items-center justify-around mt-12rpx pt-12rpx border-t border-[#f0f0f0]">
<view class="text-center">
<view class="text-28rpx text-[#333] font-semibold">
{{ item.totalCount || 0 }}
</view>
<view class="text-22rpx text-[#999]">
总数量
</view>
<view class="text-28rpx text-[#333] font-semibold">{{ item.totalCount || 0 }}</view>
<view class="text-22rpx text-[#999]">总数量</view>
</view>
<view class="text-center">
<view class="text-28rpx text-[#52c41a] font-semibold">
{{ item.inCount || 0 }}
</view>
<view class="text-22rpx text-[#999]">
已入库
</view>
<view class="text-28rpx text-[#52c41a] font-semibold">{{ item.inCount || 0 }}</view>
<view class="text-22rpx text-[#999]">已入库</view>
</view>
<view class="text-center">
<view class="text-28rpx text-[#e6a23c] font-semibold">
¥{{ item.totalPrice || 0 }}
</view>
<view class="text-22rpx text-[#999]">
含税金额
</view>
<view class="text-28rpx text-[#e6a23c] font-semibold">¥{{ item.totalPrice || 0 }}</view>
<view class="text-22rpx text-[#999]">含税金额</view>
</view>
</view>
</view>
@@ -346,9 +301,6 @@ interface WarehouseSimple {
id: number
name: string
defaultStatus?: boolean
enableLocation?: boolean
roomNoMax?: number
locationCapacity?: number
}
/** 供应商简单信息 */
@@ -376,7 +328,7 @@ const formData = ref<PurchaseIn>({
no: undefined,
supplierId: undefined,
accountId: undefined,
inTime: new Date().getTime(),
inTime: undefined,
orderId: undefined,
orderNo: undefined,
discountPercent: 0,
@@ -418,19 +370,9 @@ const warehouseColumns = computed(() => [
warehouseList.value.map(w => ({ value: w.id, label: w.name })),
])
/** 判断仓库是否启用库位管理 */
function isLocationEnabled(warehouseId?: number): boolean {
if (!warehouseId)
return false
const warehouse = warehouseList.value.find(w => w.id === warehouseId)
console.log('[库位推荐] warehouseId:', warehouseId, 'warehouse:', warehouse, 'enableLocation:', warehouse?.enableLocation)
return warehouse?.enableLocation === true
}
/** 获取供应商名称 */
function getSupplierName() {
if (!formData.value.supplierId)
return ''
if (!formData.value.supplierId) return ''
const supplier = supplierList.value.find(s => s.id === formData.value.supplierId)
return supplier?.name || formData.value.supplierName || ''
}
@@ -441,21 +383,12 @@ function onAccountConfirm({ value }: any) {
}
/** 仓库选择回调 */
function onWarehouseConfirm(e: any, index: number) {
console.log('[仓库选择] 完整事件:', e, 'index:', index)
function onWarehouseConfirm({ value }: any, index: number) {
if (formData.value.items && formData.value.items[index]) {
// wd-picker 的 confirm 事件返回 { value, selectedItems }
const warehouseId = e?.value?.[0] ?? e?.selectedItems?.[0]?.value ?? formData.value.items[index].warehouseId
console.log('[仓库选择] 解析后 warehouseId:', warehouseId)
formData.value.items[index].warehouseId = warehouseId
const warehouse = warehouseList.value.find(w => w.id === warehouseId)
console.log('[仓库选择] 找到仓库:', warehouse)
formData.value.items[index].warehouseId = value?.[0]
const warehouse = warehouseList.value.find(w => w.id === value?.[0])
if (warehouse) {
formData.value.items[index].warehouseName = warehouse.name
// 如果仓库未启用库位管理,清空库位编码
if (!warehouse.enableLocation) {
formData.value.items[index].locationCode = undefined
}
}
}
}
@@ -474,8 +407,7 @@ function calcTotalPrice(item: PurchaseInItem) {
watch(
() => formData.value,
(val) => {
if (!val || !val.items)
return
if (!val || !val.items) return
// 计算每个明细的金额
val.items.forEach((item) => {
if (item.productPrice && item.count) {
@@ -505,7 +437,6 @@ async function loadDropdownData() {
supplierList.value = suppliers || []
accountList.value = accounts || []
warehouseList.value = warehouses || []
console.log('[仓库数据] warehouseList:', warehouseList.value)
// 设置默认账户
const defaultAccount = accountList.value.find(a => a.defaultStatus)
if (defaultAccount && !formData.value.accountId) {
@@ -536,135 +467,6 @@ function handleRemoveItem(index: number) {
})
}
/** 拆分明细行:复制当前产品行为一条新行,用于“同一产品分多个库位”录入 */
function handleSplit(index: number) {
const sourceItem = formData.value.items?.[index]
if (!sourceItem)
return
const newItem: PurchaseInItem = {
...sourceItem,
id: undefined,
locationCode: sourceItem.locationCode,
batchNo: sourceItem.batchNo,
count: sourceItem.count,
totalProductPrice: undefined,
taxPrice: undefined,
totalPrice: undefined,
remark: undefined,
}
formData.value.items?.splice(index + 1, 0, newItem)
toast.success('已拆分,请调整数量和库位')
}
/** 推荐货位 */
async function handleRecommendLocation(item: PurchaseInItem, index: number) {
console.log('[推荐货位] 开始, item:', item, 'index:', index)
if (!item.warehouseId) {
toast.warning('请先选择仓库')
return
}
if (!item.productId) {
toast.warning('请先选择产品')
return
}
if (!item.count || Number(item.count) <= 0) {
toast.warning('请先填写有效数量')
return
}
const warehouse = warehouseList.value.find(w => w.id === item.warehouseId)
console.log('[推荐货位] 仓库:', warehouse, 'locationCapacity:', warehouse?.locationCapacity)
const locationCapacity = warehouse?.locationCapacity || 0
if (locationCapacity <= 0) {
toast.warning('当前仓库未配置单货位容量,无法推荐货位')
return
}
try {
toast.loading('正在推荐货位...')
const { http } = await import('@/http/http')
const totalCount = Number(item.count)
const requiredLocationCount = Math.ceil(totalCount / locationCapacity)
const recommendList = await http.get<string[]>('/erp/location/recommend-inbound', {
productId: item.productId,
warehouseId: item.warehouseId,
count: totalCount,
topN: requiredLocationCount,
})
if (!recommendList || recommendList.length === 0) {
toast.warning('当前没有可推荐的空货位,请手工选择')
return
}
// 单个货位直接回填
if (recommendList.length === 1) {
item.locationCode = recommendList[0]
toast.success(`已推荐货位: ${recommendList[0]}`)
return
}
// 多个货位,提示用户选择或自动拆分
uni.showModal({
title: '推荐货位',
content: `需要 ${requiredLocationCount} 个货位,推荐: ${recommendList.join(', ')}\n是否自动拆分并分配`,
confirmText: '自动拆分',
cancelText: '手动填写',
success: (res) => {
if (res.confirm) {
// 自动拆分
applyAutoSplit(index, recommendList, locationCapacity)
} else {
// 只填写第一个货位
item.locationCode = recommendList[0]
toast.info(`已填写第一个货位: ${recommendList[0]},请手动拆分其他`)
}
},
})
} catch (error) {
console.error('推荐货位失败', error)
} finally {
toast.close()
}
}
/** 自动拆分并分配货位 */
function applyAutoSplit(index: number, locationCodes: string[], locationCapacity: number) {
const sourceItem = formData.value.items?.[index]
if (!sourceItem)
return
const totalCount = Number(sourceItem.count)
let remaining = totalCount
// 更新第一行
const firstCount = Math.min(remaining, locationCapacity)
sourceItem.locationCode = locationCodes[0]
sourceItem.count = Number(firstCount.toFixed(4))
remaining = Number((remaining - firstCount).toFixed(4))
// 插入后续行
for (let i = 1; i < locationCodes.length && remaining > 0; i++) {
const currentCount = Math.min(remaining, locationCapacity)
const newItem: PurchaseInItem = {
...sourceItem,
id: undefined,
locationCode: locationCodes[i],
count: Number(currentCount.toFixed(4)),
totalProductPrice: undefined,
taxPrice: undefined,
totalPrice: undefined,
remark: undefined,
}
formData.value.items?.splice(index + i, 0, newItem)
remaining = Number((remaining - currentCount).toFixed(4))
}
toast.success(`已自动拆分为 ${locationCodes.length} 个货位`)
}
/** 打开订单选择弹窗 */
function openOrderSelect() {
orderSelectVisible.value = true
@@ -693,8 +495,7 @@ async function getOrderList() {
/** 加载更多订单 */
function loadMoreOrders() {
if (orderLoadMoreState.value === 'finished')
return
if (orderLoadMoreState.value === 'finished') return
orderQueryParams.value.pageNo++
getOrderList()
}
@@ -706,8 +507,7 @@ function handleSelectOrder(item: PurchaseOrder) {
/** 确认选择订单 */
async function confirmSelectOrder() {
if (!selectedOrderId.value)
return
if (!selectedOrderId.value) return
try {
toast.loading('加载订单详情...')
const orderDetail = await getPurchaseOrder(selectedOrderId.value)

View File

@@ -1,5 +1,5 @@
<template>
<view class="yd-page-container">
<view class="yd-page-container erp-page">
<!-- 顶部导航栏 -->
<wd-navbar
title="采购入库"
@@ -11,18 +11,18 @@
<SearchForm @search="handleQuery" @reset="handleReset" />
<!-- 状态快速筛选 -->
<view class="mx-24rpx mb-16rpx flex items-center overflow-hidden rounded-12rpx bg-white shadow-sm">
<view class="flex items-center overflow-hidden rounded-12rpx bg-white mx-24rpx mb-16rpx shadow-sm">
<view
v-for="tab in statusTabs"
:key="tab.value"
class="relative flex-1 py-20rpx text-center text-26rpx"
class="flex-1 py-20rpx text-center text-26rpx relative"
:class="activeStatus === tab.value ? 'text-[#1890ff] font-semibold' : 'text-[#666]'"
@click="handleQuickFilter(tab.value)"
>
{{ tab.label }}
<view
v-if="activeStatus === tab.value"
class="absolute bottom-0 left-1/4 h-4rpx w-1/2 rounded-2rpx bg-[#1890ff]"
class="absolute bottom-0 left-1/4 w-1/2 h-4rpx rounded-2rpx bg-[#1890ff]"
/>
</view>
</view>
@@ -56,7 +56,7 @@
<!-- 产品 -->
<view class="mb-8rpx flex items-center justify-between text-26rpx text-[#666]">
<text class="text-[#999]">产品</text>
<text class="line-clamp-1 ml-16rpx text-right" style="max-width: 400rpx;">{{ item.productNames || '-' }}</text>
<text class="ml-16rpx line-clamp-1 text-right" style="max-width: 400rpx;">{{ item.productNames || '-' }}</text>
</view>
<!-- 入库时间 -->
<view class="mb-8rpx flex items-center justify-between text-26rpx text-[#666]">
@@ -64,40 +64,23 @@
<text>{{ formatDate(item.inTime) }}</text>
</view>
<!-- 创建人 -->
<view class="mb-8rpx flex items-center justify-between text-26rpx text-[#666]">
<view class="mb-12rpx flex items-center justify-between text-26rpx text-[#666]">
<text class="text-[#999]">创建人</text>
<text>{{ item.creatorName || '-' }}</text>
</view>
<!-- 批次号 -->
<view class="mb-12rpx flex items-center justify-between text-26rpx text-[#666]">
<text class="text-[#999]">批次号</text>
<text class="line-clamp-1 ml-16rpx text-right" style="max-width: 400rpx;">{{ formatItemBatchNos(item) || '-' }}</text>
</view>
<!-- 数量金额区域 -->
<view class="mt-12rpx flex items-center justify-around border-t border-[#f0f0f0] pt-16rpx">
<view class="flex items-center justify-around mt-12rpx pt-16rpx border-t border-[#f0f0f0]">
<view class="text-center">
<view class="text-30rpx text-[#333] font-semibold">
{{ item.totalCount || 0 }}
</view>
<view class="mt-4rpx text-22rpx text-[#999]">
总数量
</view>
<view class="text-30rpx text-[#333] font-semibold">{{ item.totalCount || 0 }}</view>
<view class="text-22rpx text-[#999] mt-4rpx">总数量</view>
</view>
<view class="text-center">
<view class="text-30rpx text-[#e6a23c] font-semibold">
¥{{ item.totalPrice || 0 }}
</view>
<view class="mt-4rpx text-22rpx text-[#999]">
应付
</view>
<view class="text-30rpx text-[#e6a23c] font-semibold">¥{{ item.totalPrice || 0 }}</view>
<view class="text-22rpx text-[#999] mt-4rpx">应付</view>
</view>
<view class="text-center">
<view class="text-30rpx text-[#52c41a] font-semibold">
¥{{ item.paymentPrice || 0 }}
</view>
<view class="mt-4rpx text-22rpx text-[#999]">
已付
</view>
<view class="text-30rpx text-[#52c41a] font-semibold">¥{{ item.paymentPrice || 0 }}</view>
<view class="text-22rpx text-[#999] mt-4rpx">已付</view>
</view>
<view class="text-center">
<view
@@ -106,9 +89,7 @@
>
¥{{ (item.totalPrice || 0) - (item.paymentPrice || 0) }}
</view>
<view class="mt-4rpx text-22rpx text-[#999]">
未付
</view>
<view class="text-22rpx text-[#999] mt-4rpx">未付</view>
</view>
</view>
</view>
@@ -126,30 +107,6 @@
>
修改
</wd-button>
<wd-button
v-if="hasAccessByCodes(['erp:purchase-in:query'])"
size="small" type="warning" plain @click="handleScanIn(item)"
>
扫码入库
</wd-button>
<wd-button
v-if="hasAccessByCodes(['erp:purchase-in:submit-approval']) && item.status === 10 && !item.hasApprovalRecords"
size="small" type="success" plain @click="handleSubmitApproval(item)"
>
提交审批
</wd-button>
<wd-button
v-if="hasAccessByCodes(['erp:purchase-in:query-approval']) && item.hasApprovalRecords"
size="small" type="info" plain @click="handleViewApproval(item)"
>
审批记录
</wd-button>
<wd-button
v-if="hasAccessByCodes(['erp:approval-record:process']) && item.hasApprovalRecords && item.status !== 20 && item.status !== 30"
size="small" type="primary" plain @click="handleProcessApproval(item)"
>
处理审批
</wd-button>
<wd-button
v-if="hasAccessByCodes(['erp:purchase-in:update-status']) && item.status === 10"
size="small" type="success" plain @click="handleAudit(item)"
@@ -163,7 +120,7 @@
反审核
</wd-button>
<wd-button
v-if="hasAccessByCodes(['erp:purchase-in:delete']) && item.status === 10 && !item.hasApprovalRecords"
v-if="hasAccessByCodes(['erp:purchase-in:delete']) && item.status === 10"
size="small" type="error" plain @click="handleDelete(item.id!)"
>
删除
@@ -194,19 +151,15 @@
<!-- 审核弹窗 -->
<wd-popup v-model="auditVisible" position="bottom" closable @close="auditVisible = false">
<view class="p-32rpx">
<view class="mb-32rpx text-center text-32rpx text-[#333] font-semibold">
<view class="text-32rpx text-[#333] font-semibold mb-32rpx text-center">
采购入库审核
</view>
<view class="mb-24rpx">
<view class="mb-12rpx text-26rpx text-[#666]">
是否合格
</view>
<view class="text-26rpx text-[#666] mb-12rpx">是否合格</view>
<wd-switch v-model="auditForm.isQualified" @change="handleQualifiedChange" />
</view>
<view v-if="!auditForm.isQualified" class="mb-24rpx">
<view class="mb-12rpx text-26rpx text-[#666]">
返回方式
</view>
<view class="text-26rpx text-[#666] mb-12rpx">返回方式</view>
<wd-radio-group v-model="auditForm.returnType" shape="button">
<wd-radio
v-for="opt in RETURN_TYPE_OPTIONS"
@@ -218,16 +171,14 @@
</wd-radio-group>
</view>
<view v-if="!auditForm.isQualified" class="mb-24rpx">
<view class="mb-12rpx text-26rpx text-[#666]">
返回备注
</view>
<view class="text-26rpx text-[#666] mb-12rpx">返回备注</view>
<wd-textarea
v-model="auditForm.returnRemark"
placeholder="请输入返回方式备注"
:maxlength="200"
/>
</view>
<view class="mt-32rpx flex gap-24rpx">
<view class="flex gap-24rpx mt-32rpx">
<wd-button class="flex-1" plain @click="auditVisible = false">
取消
</wd-button>
@@ -237,124 +188,6 @@
</view>
</view>
</wd-popup>
<!-- 提交审批弹窗 -->
<wd-popup v-model="submitApprovalVisible" position="bottom" closable @close="submitApprovalVisible = false">
<view class="p-32rpx">
<view class="mb-32rpx text-center text-32rpx text-[#333] font-semibold">
提交审批
</view>
<view class="mb-24rpx">
<view class="mb-12rpx text-26rpx text-[#666]">
审批人
</view>
<wd-input
v-model="submitApprovalForm.nextApprover"
placeholder="请输入审批人用户名"
clearable
/>
</view>
<view class="mb-24rpx">
<view class="mb-12rpx text-26rpx text-[#666]">
备注
</view>
<wd-textarea
v-model="submitApprovalForm.remark"
placeholder="请输入备注"
:maxlength="200"
/>
</view>
<view class="mt-32rpx flex gap-24rpx">
<wd-button class="flex-1" plain @click="submitApprovalVisible = false">
取消
</wd-button>
<wd-button class="flex-1" type="primary" :loading="submitApprovalLoading" @click="confirmSubmitApproval">
提交
</wd-button>
</view>
</view>
</wd-popup>
<!-- 处理审批弹窗 -->
<wd-popup v-model="processApprovalVisible" position="bottom" closable @close="processApprovalVisible = false">
<view class="p-32rpx">
<view class="mb-32rpx text-center text-32rpx text-[#333] font-semibold">
处理审批
</view>
<view class="mb-24rpx">
<view class="mb-12rpx text-26rpx text-[#666]">
审批结果
</view>
<wd-radio-group v-model="processApprovalForm.approvalResult" shape="button">
<wd-radio
v-for="opt in APPROVAL_RESULT_OPTIONS"
:key="opt.value"
:value="opt.value"
>
{{ opt.label }}
</wd-radio>
</wd-radio-group>
</view>
<view class="mb-24rpx">
<view class="mb-12rpx text-26rpx text-[#666]">
审批意见
</view>
<wd-textarea
v-model="processApprovalForm.comment"
placeholder="请输入审批意见"
:maxlength="200"
/>
</view>
<view class="mt-32rpx flex gap-24rpx">
<wd-button class="flex-1" plain @click="processApprovalVisible = false">
取消
</wd-button>
<wd-button class="flex-1" type="primary" :loading="processApprovalLoading" @click="confirmProcessApproval">
确定
</wd-button>
</view>
</view>
</wd-popup>
<!-- 审批记录弹窗 -->
<wd-popup v-model="approvalRecordsVisible" position="bottom" closable @close="approvalRecordsVisible = false">
<view class="p-32rpx">
<view class="mb-32rpx text-center text-32rpx text-[#333] font-semibold">
审批记录
</view>
<view v-if="approvalRecords.length === 0" class="py-60rpx text-center text-28rpx text-[#999]">
暂无审批记录
</view>
<view v-else class="max-h-600rpx overflow-y-auto">
<view
v-for="(record, index) in approvalRecords"
:key="record.id || index"
class="mb-16rpx rounded-12rpx bg-[#f8f8f8] p-20rpx"
>
<view class="mb-8rpx flex items-center justify-between">
<text class="text-28rpx text-[#333] font-semibold">{{ record.approverName || record.approver }}</text>
<view
class="rounded-8rpx px-12rpx py-4rpx text-22rpx"
:class="getApprovalResultClass(record.approvalResult)"
>
{{ getApprovalResultText(record.approvalResult) }}
</view>
</view>
<view v-if="record.comment" class="mb-8rpx text-26rpx text-[#666]">
意见{{ record.comment }}
</view>
<view class="text-24rpx text-[#999]">
{{ record.approvalTime ? new Date(record.approvalTime).toLocaleString('zh-CN') : '-' }}
</view>
</view>
</view>
<view class="mt-24rpx">
<wd-button type="primary" block @click="approvalRecordsVisible = false">
关闭
</wd-button>
</view>
</view>
</wd-popup>
</view>
</template>
@@ -364,7 +197,6 @@ import type { LoadMoreState } from '@/http/types'
import { onReachBottom } from '@dcloudio/uni-app'
import { onMounted, reactive, ref } from 'vue'
import { useToast } from 'wot-design-uni'
import { APPROVAL_RESULT, APPROVAL_RESULT_OPTIONS, getApprovalRecordListByBiz, processApproval, submitApproval } from '@/api/erp/approval'
import { deletePurchaseIn, getPurchaseInPage, RETURN_TYPE_OPTIONS, updatePurchaseInStatus } from '@/api/erp/purchase-in'
import { useAccess } from '@/hooks/useAccess'
import { navigateBackPlus } from '@/utils'
@@ -383,7 +215,7 @@ const total = ref(0)
const list = ref<PurchaseIn[]>([])
const loadMoreState = ref<LoadMoreState>('loading')
const activeStatus = ref<number | undefined>(undefined)
const queryParams = ref<Record<string, any>>({
const queryParams = ref<{ pageNo: number; pageSize: number } & Record<string, any>>({
pageNo: 1,
pageSize: 10,
})
@@ -405,96 +237,25 @@ const auditForm = reactive({
returnRemark: undefined as string | undefined,
})
// 提交审批相关
const submitApprovalVisible = ref(false)
const submitApprovalLoading = ref(false)
const submitApprovalForm = reactive({
bizId: '' as string,
nextApprover: '' as string,
remark: '' as string,
})
// 处理审批相关
const processApprovalVisible = ref(false)
const processApprovalLoading = ref(false)
const processApprovalForm = reactive({
id: undefined as number | undefined,
approvalResult: APPROVAL_RESULT.APPROVED,
comment: '' as string,
})
// 审批记录相关
const approvalRecordsVisible = ref(false)
const approvalRecords = ref<any[]>([])
/** 格式化日期 */
function formatDate(date?: string) {
if (!date)
return '-'
if (!date) return '-'
return new Date(date).toLocaleDateString('zh-CN')
}
/** 格式化批次号列表 */
function formatItemBatchNos(row: PurchaseIn): string {
const items = row?.items || []
const batchCountMap = new Map<string, number>()
items.forEach((it: any) => {
const batchNo = (it?.batchNo || '').trim()
if (!batchNo)
return
const count = Number(it?.count || 0)
batchCountMap.set(batchNo, (batchCountMap.get(batchNo) || 0) + count)
})
if (!batchCountMap.size)
return ''
return Array.from(batchCountMap.entries())
.map(([batchNo, count]) => `${batchNo}[${count}]`)
.join('')
}
/** 获取状态文本 */
function getStatusText(status?: number, isQualified?: boolean) {
if (status === 10)
return '审核'
if (status === 20)
return isQualified ? '已审核' : '不合格'
if (status === 30)
return '不合格'
if (status === 10) return '未审核'
if (status === 20) return isQualified ? '审核' : '不合格'
if (status === 30) return '不合格'
return '未知'
}
/** 获取状态样式 */
function getStatusClass(status?: number, isQualified?: boolean) {
if (status === 10)
return 'bg-[#fff7e6] text-[#fa8c16]'
if (status === 20)
return isQualified ? 'bg-[#f6ffed] text-[#52c41a]' : 'bg-[#fff1f0] text-[#f5222d]'
if (status === 30)
return 'bg-[#fff1f0] text-[#f5222d]'
return 'bg-[#f5f5f5] text-[#999]'
}
/** 获取审批结果文本 */
function getApprovalResultText(result?: number) {
if (result === APPROVAL_RESULT.PENDING)
return '待审批'
if (result === APPROVAL_RESULT.APPROVED)
return '已通过'
if (result === APPROVAL_RESULT.REJECTED)
return '已拒绝'
if (result === APPROVAL_RESULT.TRANSFERRED)
return '已转办'
return '未知'
}
/** 获取审批结果样式 */
function getApprovalResultClass(result?: number) {
if (result === APPROVAL_RESULT.PENDING)
return 'bg-[#fff7e6] text-[#fa8c16]'
if (result === APPROVAL_RESULT.APPROVED)
return 'bg-[#f6ffed] text-[#52c41a]'
if (result === APPROVAL_RESULT.REJECTED)
return 'bg-[#fff1f0] text-[#f5222d]'
if (status === 10) return 'bg-[#fff7e6] text-[#fa8c16]'
if (status === 20) return isQualified ? 'bg-[#f6ffed] text-[#52c41a]' : 'bg-[#fff1f0] text-[#f5222d]'
if (status === 30) return 'bg-[#fff1f0] text-[#f5222d]'
return 'bg-[#f5f5f5] text-[#999]'
}
@@ -509,26 +270,7 @@ async function getList() {
try {
const params = { ...queryParams.value }
const data = await getPurchaseInPage(params)
// 为每条记录检查是否有审批记录
const listWithApprovalStatus = await Promise.all(
data.list.map(async (item) => {
try {
const records = await getApprovalRecordListByBiz(String(item.id), 'erp_purchase_in')
return {
...item,
hasApprovalRecords: records && records.length > 0,
}
} catch {
return {
...item,
hasApprovalRecords: false,
}
}
}),
)
list.value = [...list.value, ...listWithApprovalStatus]
list.value = [...list.value, ...data.list]
total.value = data.total
loadMoreState.value = list.value.length >= total.value ? 'finished' : 'loading'
} catch {
@@ -603,13 +345,6 @@ function handleEdit(item: PurchaseIn) {
})
}
/** 扫码入库 */
function handleScanIn(item: PurchaseIn) {
uni.navigateTo({
url: `/pages-erp/purchase-in/scan-in/index?id=${item.id}&no=${encodeURIComponent(item.no || '')}`,
})
}
/** 打开审核弹窗 */
function handleAudit(item: PurchaseIn) {
auditForm.id = item.id
@@ -629,8 +364,7 @@ function handleQualifiedChange(val: boolean) {
/** 提交审核 */
async function submitAudit() {
if (!auditForm.id)
return
if (!auditForm.id) return
if (!auditForm.isQualified && !auditForm.returnType) {
toast.warning('请选择返回方式')
return
@@ -660,8 +394,7 @@ function handleReverseAudit(id: number) {
title: '提示',
content: '确定反审核该入库单吗?',
success: async (res) => {
if (!res.confirm)
return
if (!res.confirm) return
try {
await updatePurchaseInStatus({
id,
@@ -685,8 +418,7 @@ function handleDelete(id: number) {
title: '提示',
content: '确定要删除该采购入库单吗?',
success: async (res) => {
if (!res.confirm)
return
if (!res.confirm) return
try {
await deletePurchaseIn([id])
toast.success('删除成功')
@@ -700,91 +432,6 @@ function handleDelete(id: number) {
})
}
/** 提交审批 */
function handleSubmitApproval(item: PurchaseIn) {
submitApprovalForm.bizId = String(item.id)
submitApprovalForm.nextApprover = ''
submitApprovalForm.remark = ''
submitApprovalVisible.value = true
}
/** 确认提交审批 */
async function confirmSubmitApproval() {
if (!submitApprovalForm.nextApprover) {
toast.warning('请输入审批人')
return
}
submitApprovalLoading.value = true
try {
await submitApproval({
bizId: submitApprovalForm.bizId,
bizTableName: 'erp_purchase_in',
nextApprover: submitApprovalForm.nextApprover,
remark: submitApprovalForm.remark,
})
toast.success('提交审批成功')
submitApprovalVisible.value = false
list.value = []
queryParams.value.pageNo = 1
getList()
} finally {
submitApprovalLoading.value = false
}
}
/** 查看审批记录 */
async function handleViewApproval(item: PurchaseIn) {
try {
toast.loading('加载中...')
const records = await getApprovalRecordListByBiz(String(item.id), 'erp_purchase_in')
approvalRecords.value = records || []
approvalRecordsVisible.value = true
} finally {
toast.close()
}
}
/** 处理审批 */
async function handleProcessApproval(item: PurchaseIn) {
try {
toast.loading('加载中...')
const records = await getApprovalRecordListByBiz(String(item.id), 'erp_purchase_in')
// 找到待处理的审批记录
const pendingRecord = records?.find((r: any) => r.approvalResult === APPROVAL_RESULT.PENDING)
if (!pendingRecord) {
toast.warning('没有待处理的审批记录')
return
}
processApprovalForm.id = pendingRecord.id
processApprovalForm.approvalResult = APPROVAL_RESULT.APPROVED
processApprovalForm.comment = ''
processApprovalVisible.value = true
} finally {
toast.close()
}
}
/** 确认处理审批 */
async function confirmProcessApproval() {
if (!processApprovalForm.id)
return
processApprovalLoading.value = true
try {
await processApproval({
id: processApprovalForm.id,
approvalResult: processApprovalForm.approvalResult,
comment: processApprovalForm.comment,
})
toast.success('审批处理成功')
processApprovalVisible.value = false
list.value = []
queryParams.value.pageNo = 1
getList()
} finally {
processApprovalLoading.value = false
}
}
/** 触底加载更多 */
onReachBottom(() => {
loadMore()

View File

@@ -1,131 +0,0 @@
<template>
<view class="recent-scan-list">
<view v-if="records.length === 0" class="recent-scan-list__empty">
暂无扫码记录开始扫码入库
</view>
<view
v-for="(record, index) in records"
:key="record.id || index"
class="scan-card"
:class="{ 'scan-card--latest': latestIndex === index }"
>
<view class="scan-card__header">
<text class="scan-card__name">{{ record.productName || '-' }}</text>
<text class="scan-card__delete" @tap="emit('delete', index)">删除</text>
</view>
<view class="scan-card__meta">
<text>条码{{ record.productBarCode || '-' }}</text>
<text>规格{{ record.productSpec || '-' }}</text>
</view>
<view class="scan-card__meta">
<text>仓库{{ record.warehouseName || '-' }}</text>
<text>单位{{ record.productUnit || '-' }}</text>
</view>
<view class="scan-card__meta">
<text>库位{{ record.locationCode || '-' }}</text>
<text>批次{{ record.batchNo || '-' }}</text>
</view>
<view class="scan-card__footer">
<text class="scan-card__time">{{ formatTime(record.scanTime) }}</text>
<text class="scan-card__count">{{ record.scanCount }}</text>
</view>
</view>
</view>
</template>
<script setup lang="ts">
import type { ScanRecord } from '../index.vue'
defineProps<{
records: ScanRecord[]
latestIndex?: number
}>()
const emit = defineEmits<{
(event: 'delete', index: number): void
(event: 'clear'): void
}>()
function formatTime(time?: string) {
if (!time) return '-'
const date = new Date(time)
return `${date.getHours().toString().padStart(2, '0')}:${date.getMinutes().toString().padStart(2, '0')}:${date.getSeconds().toString().padStart(2, '0')}`
}
</script>
<style lang="scss" scoped>
.recent-scan-list {
&__empty {
padding: 48rpx;
border-radius: 16rpx;
background: #fff;
color: #86909c;
text-align: center;
font-size: 26rpx;
}
}
.scan-card {
margin-bottom: 16rpx;
padding: 24rpx;
border: 2rpx solid transparent;
border-radius: 16rpx;
background: #fff;
&--latest {
border-color: #1677ff;
box-shadow: 0 8rpx 20rpx rgba(22, 119, 255, 0.12);
}
&__header,
&__meta,
&__footer {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16rpx;
}
&__header {
margin-bottom: 10rpx;
}
&__name {
color: #1f2329;
font-size: 28rpx;
font-weight: 600;
}
&__delete {
flex-shrink: 0;
color: #f53f3f;
font-size: 24rpx;
}
&__meta {
margin-top: 6rpx;
color: #4e5969;
font-size: 22rpx;
flex-wrap: wrap;
}
&__footer {
margin-top: 10rpx;
padding-top: 10rpx;
border-top: 2rpx solid #f2f3f5;
}
&__time {
color: #86909c;
font-size: 22rpx;
}
&__count {
color: #1677ff;
font-size: 28rpx;
font-weight: 700;
}
}
</style>

View File

@@ -1,69 +0,0 @@
<template>
<view class="scan-context-bar">
<view class="scan-context-bar__main">
<view class="scan-context-bar__order">
<text class="scan-context-bar__label">入库单</text>
<text class="scan-context-bar__value">{{ purchaseInNo || '未关联入库单' }}</text>
</view>
<view class="scan-context-bar__stats">
<text>记录 {{ recordCount }} </text>
<text>累计 {{ scannedCount }} </text>
</view>
</view>
</view>
</template>
<script setup lang="ts">
defineProps<{
purchaseInId?: number
purchaseInNo?: string
scannedCount: number
recordCount: number
}>()
</script>
<style lang="scss" scoped>
.scan-context-bar {
padding: 20rpx 24rpx;
border-radius: 16rpx;
background: #fff;
margin-bottom: 16rpx;
box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.04);
&__main {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16rpx;
}
&__order {
display: flex;
align-items: center;
gap: 12rpx;
min-width: 0;
flex: 1;
}
&__label {
flex-shrink: 0;
color: #86909c;
font-size: 24rpx;
}
&__value {
color: #1f2329;
font-size: 28rpx;
font-weight: 600;
}
&__stats {
display: flex;
gap: 20rpx;
flex-shrink: 0;
color: #1677ff;
font-size: 24rpx;
font-weight: 600;
}
}
</style>

View File

@@ -1,43 +0,0 @@
<template>
<view v-if="message" class="feedback-bar" :class="`feedback-bar--${tone}`">
{{ message }}
</view>
</template>
<script setup lang="ts">
withDefaults(
defineProps<{
tone?: 'success' | 'error' | 'idle'
message?: string
}>(),
{
tone: 'idle',
message: '',
},
)
</script>
<style lang="scss" scoped>
.feedback-bar {
min-height: 76rpx;
padding: 18rpx 24rpx;
border-radius: 14rpx;
font-size: 24rpx;
line-height: 40rpx;
&--idle {
background: #f2f3f5;
color: #4e5969;
}
&--success {
background: #f6ffed;
color: #389e0d;
}
&--error {
background: #fff2f0;
color: #cf1322;
}
}
</style>

View File

@@ -1,899 +0,0 @@
<template>
<view class="yd-page-container scan-page">
<wd-navbar
title="扫码入库"
left-arrow
placeholder
safe-area-inset-top
fixed
@click-left="handleBack"
/>
<view class="scan-page__content">
<!-- 顶部上下文条 -->
<ScanContextBar
:purchase-in-id="purchaseInId"
:purchase-in-no="purchaseInNo"
:scanned-count="scannedTotalCount"
:record-count="records.length"
/>
<!-- 扫码工作台 -->
<view class="scan-workbench">
<!-- 当前扫码上下文提示 -->
<view class="scan-panel">
<!-- 步骤指示器库位 产品 -->
<view class="scan-step-indicator">
<view class="scan-step-indicator__item" :class="{ 'active': step === 'idle', 'done': step !== 'idle' }">
<view class="scan-step-indicator__dot">1</view>
<text>扫库位</text>
</view>
<view class="scan-step-indicator__line" :class="{ 'done': step !== 'idle' }" />
<view class="scan-step-indicator__item" :class="{ 'active': step === 'scanned' }">
<view class="scan-step-indicator__dot">2</view>
<text>扫产品</text>
</view>
</view>
<!-- 当前作业提示 -->
<view class="scan-current-hint">
<text v-if="step === 'idle'">请扫描库位条码</text>
<text v-else>产品已入库请继续扫码</text>
</view>
<!-- 库位扫码区 -->
<view class="scan-row" :class="{ 'scan-row--dim': step !== 'idle' }">
<input
v-model="locationCode"
class="scan-field"
:class="{ 'scan-field--active': step === 'idle' }"
placeholder="扫描库位条码"
confirm-type="next"
:focus="locationInputFocus"
:cursor-spacing="20"
:adjust-position="true"
:hold-keyboard="true"
@blur="handleLocationBlur"
@confirm="handleLocationScan"
>
<button class="scan-camera-btn" :disabled="scanLoading" @tap="handleCameraScan('location')">
</button>
</view>
<!-- 库位预览扫库位码后显示 -->
<view class="scan-location-preview" v-if="locationInfo">
<view class="scan-location-preview__row">
<text class="scan-location-preview__label">仓库</text>
<text class="scan-location-preview__value">{{ locationInfo.warehouseName }}</text>
</view>
<view class="scan-location-preview__row">
<text class="scan-location-preview__label">库位</text>
<text class="scan-location-preview__value scan-location-preview__value--code">
{{ locationInfo.locationCode }}
</text>
<text class="scan-location-preview__badge" :class="locationInfo.enableLocation ? 'badge--green' : 'badge--gray'">
{{ locationInfo.enableLocation ? '库位管理' : '无库位管理' }}
</text>
</view>
</view>
<!-- 产品扫码区 -->
<view class="scan-row" :class="{ 'scan-row--dim': step === 'idle' }">
<input
v-model="productBarCode"
class="scan-field"
:class="{ 'scan-field--active': step === 'scanned' }"
placeholder="扫描产品条码"
confirm-type="done"
:focus="productInputFocus"
:cursor-spacing="20"
:adjust-position="true"
:hold-keyboard="true"
@blur="handleProductBlur"
@confirm="handleProductScan"
>
<button class="scan-camera-btn" :disabled="scanLoading" @tap="handleCameraScan('product')">
</button>
</view>
<!-- 产品预览扫产品码后显示 -->
<view class="scan-product-preview" v-if="productPreview">
<view class="scan-product-preview__row">
<text class="scan-product-preview__label">产品</text>
<text class="scan-product-preview__value scan-product-preview__value--name">
{{ productPreview.name }}
</text>
</view>
<view class="scan-product-preview__row">
<text class="scan-product-preview__label">规格</text>
<text class="scan-product-preview__value">{{ productPreview.standard || '-' }}</text>
</view>
<view class="scan-product-preview__row">
<text class="scan-product-preview__label">条码</text>
<text class="scan-product-preview__value">{{ productPreview.barCode || '-' }}</text>
</view>
</view>
<ScanFeedbackBar :tone="feedbackTone" :message="feedbackMessage" />
</view>
<!-- 扫码记录列表 -->
<view class="scan-panel scan-panel--list">
<view class="scan-panel__header">
<view class="scan-panel__title">
扫码记录
</view>
<view class="scan-panel__meta">
{{ records.length }}
</view>
</view>
<RecentScanList
:records="records"
:latest-index="latestRecordIndex"
@delete="handleDeleteRecord"
/>
</view>
<!-- 提交栏 -->
<view class="scan-footer">
<button class="scan-footer__clear" @tap="handleClearAll">
清空记录
</button>
<button class="scan-footer__submit" :loading="submitting" @tap="handleSubmit">
保存入库记录
</button>
</view>
</view>
</view>
</view>
</template>
<script setup lang="ts">
import type { ProductByBarCode } from '@/api/erp/product'
import type { LocationByCodeVO } from '@/api/erp/location'
import { computed, nextTick, onMounted, ref } from 'vue'
import { useToast } from 'wot-design-uni'
import { getProductByBarCode } from '@/api/erp/product'
import { getLocationByCode } from '@/api/erp/location'
import { getPurchaseIn } from '@/api/erp/purchase-in'
import { createPurchaseInScanRecord, deletePurchaseInScanRecord, getPurchaseInScanRecordList } from '@/api/erp/purchase-in-scan-record'
import ScanFeedbackBar from '@/pages-erp/purchase-in/scan-in/components/scan-feedback-bar.vue'
import RecentScanList from '@/pages-erp/purchase-in/scan-in/components/recent-scan-list.vue'
import ScanContextBar from '@/pages-erp/purchase-in/scan-in/components/scan-context-bar.vue'
import { navigateBackPlus } from '@/utils'
import { normalizeCameraScanResult, normalizeScanCode } from '@/utils/scan'
definePage({
style: {
navigationBarTitleText: '',
navigationStyle: 'custom',
},
})
/** 扫码入库记录 */
export interface ScanRecord {
id?: number
purchaseInId: number
productId?: number
productName?: string
productSpec?: string
productBarCode?: string
productUnit?: string
warehouseId?: number
warehouseName?: string
locationCode?: string
batchNo?: string
scanCount: number
scanTime?: string
operatorId?: number
operatorName?: string
}
type Step = 'idle' | 'scanned'
/** 页面参数id=入库单ID, no=入库单号 */
const props = defineProps<{
id?: number
no?: string
}>()
const toast = useToast()
// 页面参数
const purchaseInId = ref<number>()
const purchaseInNo = ref<string>()
// 扫码步骤
const step = ref<Step>('idle')
// 扫码数据
const locationCode = ref('')
const locationInfo = ref<LocationByCodeVO | null>(null)
const productBarCode = ref('')
const productPreview = ref<ProductByBarCode | null>(null)
const batchNo = ref('')
// 状态
const scanLoading = ref(false)
const submitting = ref(false)
const records = ref<ScanRecord[]>([])
const feedbackTone = ref<'success' | 'error' | 'idle'>('idle')
const feedbackMessage = ref('')
// 输入框焦点控制
const locationInputFocus = ref(false)
const productInputFocus = ref(false)
// 计算属性
const canConfirm = computed(() => {
return locationInfo.value?.warehouseId && productPreview.value?.id && scanLoading.value === false
})
const scannedTotalCount = computed(() =>
records.value.reduce((sum, r) => sum + Number(r.scanCount || 0), 0),
)
const latestRecordIndex = computed(() => {
if (records.value.length === 0) return undefined
return records.value.length - 1
})
/** 返回上一页 */
function handleBack() {
navigateBackPlus('/pages-erp/purchase-in/index')
}
/** 初始化页面 */
onMounted(async () => {
if (props.id) purchaseInId.value = props.id
if (props.no) purchaseInNo.value = decodeURIComponent(props.no)
if (purchaseInId.value) {
try {
const data = await getPurchaseIn(purchaseInId.value)
purchaseInNo.value = data.no
} catch {
// 忽略
}
await loadRecords()
}
// PDA 扫码枪需要输入框自动获得焦点,延迟确保页面完全渲染
await nextTick()
setTimeout(() => {
focusLocationInput()
}, 500)
})
const ERROR_DISPLAY_MS = 2000
/** 重置到初始状态 */
function resetToIdle() {
clearScanInputs()
locationInfo.value = null
productPreview.value = null
step.value = 'idle'
setTimeout(() => {
clearFeedback()
focusLocationInput()
}, ERROR_DISPLAY_MS)
}
/** 停留在产品扫码阶段 + 聚焦产品输入框(扫产品失败用) */
function resetToProductScan() {
productBarCode.value = ''
productPreview.value = null
setTimeout(() => {
clearFeedback()
focusProductInput()
}, ERROR_DISPLAY_MS)
}
/** 聚焦库位码输入框 */
function focusLocationInput() {
productInputFocus.value = false
locationInputFocus.value = false
nextTick(() => {
locationInputFocus.value = true
})
}
/** 库位输入框失焦处理 - 如果当前步骤是 idle自动重新聚焦 */
function handleLocationBlur() {
if (step.value === 'idle' && !scanLoading.value) {
setTimeout(() => {
if (step.value === 'idle') {
focusLocationInput()
}
}, 100)
}
}
/** 产品输入框失焦处理 - 如果当前步骤是 scanned自动重新聚焦 */
function handleProductBlur() {
if (step.value === 'scanned' && !scanLoading.value) {
setTimeout(() => {
if (step.value === 'scanned') {
focusProductInput()
}
}, 100)
}
}
/** 加载已有扫码记录 */
async function loadRecords() {
if (!purchaseInId.value) return
try {
const data = await getPurchaseInScanRecordList(purchaseInId.value)
records.value = data || []
} catch {
records.value = []
}
}
/**
* 扫库位码:自动反查仓库信息
*/
async function handleLocationScan() {
const code = normalizeScanCode(locationCode.value)
if (!code) {
setErrorFeedback('请先扫描库位条码')
return
}
scanLoading.value = true
try {
try {
locationInfo.value = await getLocationByCode(code)
} catch {
setErrorFeedback(`库位码 ${code} 不存在`)
resetToIdle()
return
}
if (!locationInfo.value?.warehouseId) {
setErrorFeedback(`库位码 ${code} 未找到对应仓库`)
resetToIdle()
return
}
locationCode.value = code
step.value = 'scanned'
productBarCode.value = ''
productPreview.value = null
batchNo.value = ''
clearFeedback()
// 聚焦产品输入框,等待扫码枪输入
focusProductInput()
} finally {
scanLoading.value = false
}
}
/** 聚焦产品码输入框 */
function focusProductInput() {
locationInputFocus.value = false
productInputFocus.value = false
nextTick(() => {
productInputFocus.value = true
})
}
/**
* 扫产品码:自动反查产品信息
*/
async function handleProductScan() {
const code = normalizeScanCode(productBarCode.value)
if (!code) {
setErrorFeedback('请先扫描产品条码')
return
}
if (!locationInfo.value) {
setErrorFeedback('请先扫描库位条码')
step.value = 'idle'
return
}
scanLoading.value = true
try {
try {
productPreview.value = await getProductByBarCode(code)
} catch {
setErrorFeedback(`条码 ${code} 未匹配到产品`)
resetToProductScan()
return
}
if (!productPreview.value?.id) {
setErrorFeedback(`条码 ${code} 未匹配到产品`)
resetToProductScan()
return
}
productBarCode.value = code
step.value = 'scanned'
clearFeedback()
// 自动确认入库
nextTick(() => handleConfirm())
} finally {
scanLoading.value = false
}
}
/**
* 确认入库
*/
async function handleConfirm() {
if (!canConfirm.value) return
scanLoading.value = true
try {
const record: ScanRecord = {
purchaseInId: purchaseInId.value || 0,
productId: productPreview.value!.id,
productName: productPreview.value!.name,
productSpec: productPreview.value!.standard,
productBarCode: productPreview.value!.barCode,
productUnit: productPreview.value!.unitName,
warehouseId: locationInfo.value!.warehouseId,
warehouseName: locationInfo.value!.warehouseName,
locationCode: locationInfo.value!.locationCode,
batchNo: batchNo.value.trim() || undefined,
scanCount: 1,
scanTime: new Date().toISOString(),
}
// 提交到后端
try {
const newId = await createPurchaseInScanRecord(record)
record.id = newId
} catch {
record.id = Date.now()
}
// 追加到列表
records.value.push(record)
// 重置,准备下一次扫码
const productName = productPreview.value!.name
const locationCodeText = locationInfo.value!.locationCode
clearScanInputs()
step.value = 'idle'
setSuccessFeedback(`${productName}${locationCodeText} 入库成功`)
await nextTick()
// 聚焦库位输入框,等待扫码枪输入
focusLocationInput()
} finally {
scanLoading.value = false
}
}
/** 相机扫码 */
function handleCameraScan(target: 'location' | 'product') {
if (scanLoading.value) return
// #ifdef APP-PLUS
// Android 运行时权限检查
plus.android.requestPermissions(
['android.permission.CAMERA'],
function(result) {
const granted = result.granted
if (granted && granted.length > 0) {
doScan(target)
} else {
toast.error('请在设置中开启相机权限')
uni.openSetting()
}
},
function() {
toast.error('相机权限获取失败')
},
)
// #endif
// #ifndef APP-PLUS
doScan(target)
// #endif
}
function doScan(target: 'location' | 'product') {
uni.scanCode({
onlyFromCamera: true,
success: async (result) => {
const code = normalizeCameraScanResult(result)
if (!code) return
if (target === 'location') {
locationCode.value = code
await handleLocationScan()
} else {
productBarCode.value = code
await handleProductScan()
}
},
fail: (error) => {
if (String(error?.errMsg || '').includes('cancel')) return
toast.error('相机扫码失败,请重试')
},
})
}
/** 删除单条记录 */
async function handleDeleteRecord(index: number) {
const record = records.value[index]
if (!record) return
if (record.id && record.id > 0 && record.id < 1000000000000) {
try {
await deletePurchaseInScanRecord(record.id)
} catch {
toast.error('删除失败')
return
}
}
records.value.splice(index, 1)
}
/** 清空所有记录 */
function handleClearAll() {
if (records.value.length === 0) return
uni.showModal({
title: '确认清空',
content: '确定要清空所有扫码记录吗?',
success: async (res) => {
if (!res.confirm) return
const toDelete = records.value.filter(r => r.id && r.id > 0 && r.id < 1000000000000)
for (const r of toDelete) {
try { await deletePurchaseInScanRecord(r.id!) } catch { /* ignore */ }
}
records.value = []
clearFeedback()
},
})
}
/** 保存入库记录 */
async function handleSubmit() {
if (records.value.length === 0) {
toast.warning('暂无扫码记录')
return
}
if (!purchaseInId.value) {
toast.warning('缺少采购入库单ID')
return
}
submitting.value = true
try {
toast.success(`已保存 ${records.value.length} 条入库记录`)
records.value = []
await loadRecords()
} finally {
submitting.value = false
}
}
/** 清空本次扫码输入 */
function clearScanInputs() {
locationCode.value = ''
locationInfo.value = null
productBarCode.value = ''
productPreview.value = null
batchNo.value = ''
}
function setSuccessFeedback(message: string) {
feedbackTone.value = 'success'
feedbackMessage.value = message
}
function setErrorFeedback(message: string) {
feedbackTone.value = 'error'
feedbackMessage.value = message
}
function clearFeedback() {
feedbackTone.value = 'idle'
feedbackMessage.value = ''
}
</script>
<style lang="scss" scoped>
.scan-page {
background: #f4f6f8;
min-height: 100vh;
&__content {
padding: 24rpx;
padding-top: calc(24rpx + env(safe-area-inset-top) + 88rpx);
box-sizing: border-box;
}
}
.scan-workbench {
display: flex;
flex-direction: column;
gap: 16rpx;
}
.scan-panel {
padding: 24rpx;
border-radius: 18rpx;
background: #fff;
&--list {
padding-bottom: 8rpx;
}
&__header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16rpx;
margin-bottom: 16rpx;
}
&__title {
color: #1f2329;
font-size: 28rpx;
font-weight: 600;
}
&__meta {
color: #86909c;
font-size: 22rpx;
}
}
// 步骤指示器
.scan-step-indicator {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 24rpx;
&__item {
display: flex;
flex-direction: column;
align-items: center;
gap: 8rpx;
text {
font-size: 22rpx;
color: #86909c;
}
&.active text {
color: #1677ff;
font-weight: 600;
}
&.done text {
color: #52c41a;
}
}
&__dot {
width: 48rpx;
height: 48rpx;
line-height: 48rpx;
border-radius: 50%;
background: #f2f3f5;
color: #86909c;
font-size: 24rpx;
font-weight: 600;
text-align: center;
}
&__item.active &__dot {
background: #1677ff;
color: #fff;
}
&__item.done &__dot {
background: #52c41a;
color: #fff;
}
&__line {
flex: 1;
height: 2rpx;
background: #e5e6eb;
margin: 0 12rpx;
margin-bottom: 28rpx;
max-width: 80rpx;
&.done {
background: #52c41a;
}
}
}
// 当前作业提示
.scan-current-hint {
text-align: center;
font-size: 30rpx;
font-weight: 600;
color: #1f2329;
margin-bottom: 20rpx;
}
// 输入行
.scan-row {
display: flex;
align-items: center;
gap: 12rpx;
margin-bottom: 16rpx;
transition: opacity 0.2s;
&--dim {
opacity: 0.4;
pointer-events: none;
}
.scan-field {
flex: 1;
}
}
.scan-field {
height: 88rpx;
padding: 0 24rpx;
line-height: 88rpx;
border: 2rpx solid #e5e6eb;
border-radius: 14rpx;
background: #f7f8fa;
color: #1f2329;
box-sizing: border-box;
font-size: 28rpx;
&--active {
border-color: #1677ff;
background: #fff;
box-shadow: 0 0 0 4rpx rgba(22, 119, 255, 0.1);
}
}
.scan-camera-btn {
width: 88rpx;
height: 88rpx;
line-height: 88rpx;
border-radius: 14rpx;
background: #1677ff;
color: #fff;
font-size: 26rpx;
font-weight: 600;
padding: 0;
border: none;
flex-shrink: 0;
&:active { opacity: 0.85; }
&[disabled] { background: #d9d9d9; }
}
// 库位预览(优先显示)
.scan-location-preview {
margin-bottom: 16rpx;
padding: 20rpx;
border-radius: 14rpx;
background: #f6fff0;
border: 2rpx solid #b7eb8f;
&__row {
display: flex;
align-items: center;
justify-content: space-between;
padding: 6rpx 0;
}
&__label {
color: #4e5969;
font-size: 24rpx;
flex-shrink: 0;
}
&__value {
color: #1f2329;
font-size: 24rpx;
font-weight: 600;
margin-right: 12rpx;
&--code {
color: #52c41a;
font-size: 28rpx;
font-weight: 700;
}
}
&__badge {
padding: 4rpx 12rpx;
border-radius: 8rpx;
font-size: 20rpx;
font-weight: 600;
flex-shrink: 0;
&.badge--green {
background: #f6ffed;
color: #52c41a;
border: 1rpx solid #b7eb8f;
}
&.badge--gray {
background: #f7f8fa;
color: #86909c;
border: 1rpx solid #e5e6eb;
}
}
}
// 产品预览
.scan-product-preview {
margin-bottom: 16rpx;
padding: 20rpx;
border-radius: 14rpx;
background: #f0f5ff;
border: 2rpx solid #adc6ff;
&__row {
display: flex;
align-items: center;
justify-content: space-between;
padding: 6rpx 0;
}
&__label {
color: #4e5969;
font-size: 24rpx;
flex-shrink: 0;
}
&__value {
color: #1f2329;
font-size: 24rpx;
text-align: right;
&--name {
font-size: 28rpx;
font-weight: 600;
}
}
}
// 底部栏
.scan-footer {
position: sticky;
bottom: 0;
display: flex;
gap: 16rpx;
padding: 20rpx 0 calc(20rpx + env(safe-area-inset-bottom));
background: #f4f6f8;
&__clear {
flex: 1;
height: 88rpx;
line-height: 88rpx;
border-radius: 16rpx;
background: #fff;
color: #4e5969;
font-size: 28rpx;
border: 2rpx solid #e5e6eb;
}
&__submit {
flex: 2;
height: 88rpx;
line-height: 88rpx;
border-radius: 16rpx;
background: #1677ff;
color: #fff;
font-size: 28rpx;
font-weight: 600;
}
}
</style>

View File

@@ -1,85 +0,0 @@
<template>
<view class="order-context-bar">
<view class="order-context-bar__main">
<view class="order-context-bar__order">
<text class="order-context-bar__label">单号</text>
<text class="order-context-bar__value">{{ orderNo || '-' }}</text>
</view>
<view class="order-context-bar__progress">
已扫 {{ scannedCount }} / {{ targetCount }}
</view>
</view>
<view class="order-context-bar__meta">
<text>供应商{{ supplierName || '-' }}</text>
<text>仓库{{ warehouseName || '-' }}</text>
<text class="order-context-bar__exception">异常{{ exceptionCount }}</text>
</view>
</view>
</template>
<script setup lang="ts">
defineProps<{
orderNo: string
supplierName?: string
warehouseName?: string
scannedCount: number
targetCount: number
exceptionCount: number
}>()
</script>
<style lang="scss" scoped>
.order-context-bar {
padding: 20rpx 24rpx;
border-bottom: 2rpx solid #e5e6eb;
background: rgba(255, 255, 255, 0.96);
&__main,
&__meta {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16rpx;
}
&__order {
display: flex;
align-items: center;
gap: 12rpx;
min-width: 0;
flex: 1;
}
&__label {
flex-shrink: 0;
color: #86909c;
font-size: 24rpx;
}
&__value {
min-width: 0;
color: #1f2329;
font-size: 30rpx;
font-weight: 600;
}
&__progress {
flex-shrink: 0;
color: #1677ff;
font-size: 24rpx;
font-weight: 600;
}
&__meta {
margin-top: 12rpx;
color: #4e5969;
font-size: 22rpx;
flex-wrap: wrap;
}
&__exception {
color: #d4380d;
}
}
</style>

View File

@@ -1,187 +0,0 @@
<template>
<view class="recent-scan-list">
<view v-if="items.length === 0" class="recent-scan-list__empty">
暂无最近扫码记录
</view>
<view
v-for="(item, index) in items"
:key="buildItemKey(item)"
class="scan-card"
:class="{ 'scan-card--latest': latestIndex === index }"
>
<view class="scan-card__header">
<text class="scan-card__name">{{ item.productName || '-' }}</text>
<text class="scan-card__undo" @tap="emit('undo', index, item)">撤销</text>
</view>
<view class="scan-card__meta">
<text>条码{{ item.productBarCode || '-' }}</text>
<view class="scan-card__quantity">
<text class="scan-card__step" @tap="emit('decrease', index, item)">-</text>
<input
class="scan-card__count-input"
type="number"
:value="formatCount(item.count)"
@blur="handleCountBlur($event, index, item)"
@confirm="handleCountBlur($event, index, item)"
>
<text class="scan-card__step" @tap="emit('increase', index, item)">+</text>
</view>
</view>
<view class="scan-card__meta">
<text>批次{{ item.batchNo || '-' }}</text>
<text>剩余{{ formatCount(item.remainCount) }}</text>
</view>
<view class="scan-card__meta">
<text>库位{{ item.locationCode || '-' }}</text>
</view>
</view>
</view>
</template>
<script setup lang="ts">
import type { PurchaseScanItem } from '@/utils/purchase-scan'
defineProps<{
items: PurchaseScanItem[]
latestIndex?: number
}>()
const emit = defineEmits<{
(event: 'undo', index: number, item: PurchaseScanItem): void
(event: 'increase', index: number, item: PurchaseScanItem): void
(event: 'decrease', index: number, item: PurchaseScanItem): void
(event: 'change-count', index: number, nextCount: number, item: PurchaseScanItem): void
}>()
/**
* 功能说明:生成最近扫码卡片的稳定 key复用采购扫码的聚合维度。
* 适用场景:最近扫码列表渲染时为每条记录提供唯一标识。
* @param item 当前扫码记录
* @return 组合后的字符串 key
* 注意事项:采购扫码项已按订单行、批次和库位聚合,这里直接使用相同维度生成稳定 key避免列表重排时节点误复用。
*/
function buildItemKey(item: PurchaseScanItem) {
return [
item.orderItemId || item.productId || 'unknown',
item.batchNo || 'no-batch',
item.locationCode || 'no-location',
].join('-')
}
/**
* 功能说明:格式化数量展示,避免空值直接透出到工作台。
* 适用场景:最近扫码卡片展示扫码数量和剩余数量。
* @param value 原始数量
* @return 格式化后的数量文案
* 注意事项:采购扫码数量可能来自接口或本地累加,这里统一转数值后再按整数/小数展示。
*/
function formatCount(value?: number) {
if (value === undefined || value === null) {
return '-'
}
const normalizedValue = Number(value)
return normalizedValue.toFixed(Number.isInteger(normalizedValue) ? 0 : 4)
}
/**
* 功能说明:处理扫码卡片中的手动数量录入。
* 适用场景:操作员直接输入目标数量后离焦或回车确认。
* @param event 输入框事件
* @param index 当前记录索引
* @param item 当前扫码记录
* @return 无
* 注意事项:这里只负责把输入值抛给页面层,实际数量校验与上限判断统一由页面业务逻辑处理。
*/
function handleCountBlur(event: Record<string, any>, index: number, item: PurchaseScanItem) {
const rawValue = event?.detail?.value
emit('change-count', index, Number(rawValue), item)
}
</script>
<style lang="scss" scoped>
.recent-scan-list {
&__empty {
padding: 28rpx;
border-radius: 16rpx;
background: #fff;
color: #86909c;
text-align: center;
}
}
.scan-card {
margin-bottom: 16rpx;
padding: 24rpx;
border: 2rpx solid transparent;
border-radius: 16rpx;
background: #fff;
&--latest {
border-color: #1677ff;
box-shadow: 0 8rpx 20rpx rgba(22, 119, 255, 0.12);
}
&__header,
&__meta {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16rpx;
}
&__header {
margin-bottom: 12rpx;
}
&__name {
color: #1f2329;
font-size: 28rpx;
font-weight: 600;
}
&__undo {
flex-shrink: 0;
color: #f53f3f;
font-size: 24rpx;
}
&__meta {
margin-top: 8rpx;
color: #4e5969;
font-size: 24rpx;
flex-wrap: wrap;
}
&__quantity {
display: flex;
align-items: center;
gap: 12rpx;
}
&__step {
width: 44rpx;
height: 44rpx;
line-height: 44rpx;
border-radius: 8rpx;
background: #f2f3f5;
color: #1f2329;
text-align: center;
font-size: 30rpx;
}
&__count-input {
width: 104rpx;
height: 44rpx;
line-height: 44rpx;
border: 2rpx solid #d9dce3;
border-radius: 8rpx;
background: #fff;
color: #1f2329;
text-align: center;
box-sizing: border-box;
}
}
</style>

View File

@@ -1,43 +0,0 @@
<template>
<view v-if="message" class="feedback-bar" :class="`feedback-bar--${tone}`">
{{ message }}
</view>
</template>
<script setup lang="ts">
withDefaults(
defineProps<{
tone?: 'success' | 'error' | 'idle'
message?: string
}>(),
{
tone: 'idle',
message: '',
},
)
</script>
<style lang="scss" scoped>
.feedback-bar {
min-height: 76rpx;
padding: 18rpx 24rpx;
border-radius: 14rpx;
font-size: 24rpx;
line-height: 40rpx;
&--idle {
background: #f2f3f5;
color: #4e5969;
}
&--success {
background: #f6ffed;
color: #389e0d;
}
&--error {
background: #fff2f0;
color: #cf1322;
}
}
</style>

File diff suppressed because it is too large Load Diff

View File

@@ -0,0 +1,239 @@
<template>
<view class="yd-page-container erp-page">
<wd-navbar title="自动比价" left-arrow placeholder safe-area-inset-top fixed @click-left="handleBack" />
<view class="erp-page__body">
<view class="erp-section">
<view class="erp-section__title">比价单信息</view>
<view class="erp-field-row"><text>询比单号</text><text>{{ inquiry?.no || '-' }}</text></view>
<view class="erp-field-row"><text>产品名称</text><text>{{ inquiry?.productName || '-' }}</text></view>
<view class="erp-field-row"><text>需求数量</text><text>{{ formatCount(inquiry?.requireCount) }}</text></view>
</view>
<view class="erp-section">
<view class="erp-section__title">评分权重合计 {{ totalWeight }}%</view>
<view class="erp-form-item-list">
<view class="erp-form-input-row">
<text class="erp-form-input-label">价格权重</text>
<wd-input v-model="weightConfig.priceWeight" type="number" placeholder="0-100" />
</view>
<view class="erp-form-input-row">
<text class="erp-form-input-label">质量权重</text>
<wd-input v-model="weightConfig.qualityWeight" type="number" placeholder="0-100" />
</view>
<view class="erp-form-input-row">
<text class="erp-form-input-label">交付权重</text>
<wd-input v-model="weightConfig.deliveryWeight" type="number" placeholder="0-100" />
</view>
<view class="erp-form-input-row">
<text class="erp-form-input-label">服务权重</text>
<wd-input v-model="weightConfig.serviceWeight" type="number" placeholder="0-100" />
</view>
</view>
</view>
<view class="erp-section">
<view class="erp-section__title">供应商报价评分</view>
<view v-if="quoteList.length">
<view
v-for="(item, index) in quoteList"
:key="item.id || index"
class="erp-form-item-card erp-form-item-card--padded"
:class="{ 'border-[2rpx] border-[#52c41a]': bestQuote?.id === item.id }"
>
<view class="mb-12rpx flex items-center justify-between">
<text class="erp-card-title">{{ item.supplierName || '未命名供应商' }}</text>
<text class="text-24rpx text-[#1890ff]">{{ item.totalScore != null ? `${item.totalScore.toFixed(2)}` : '未计算' }}</text>
</view>
<view class="erp-field-row"><text>单价</text><text>¥{{ formatPrice(item.unitPrice) }}</text></view>
<view class="erp-field-row"><text>总价</text><text>¥{{ formatPrice(item.totalPrice) }}</text></view>
<view class="erp-field-row"><text>交货周期</text><text>{{ item.deliveryCycle ? `${item.deliveryCycle}` : '-' }}</text></view>
<view class="erp-form-input-row">
<text class="erp-form-input-label">质量评分</text>
<wd-input v-model="item.qualityScore" type="number" placeholder="0-100" />
</view>
<view class="erp-form-input-row">
<text class="erp-form-input-label">服务评分</text>
<wd-input v-model="item.serviceScore" type="number" placeholder="0-100" />
</view>
<view class="mt-12rpx text-24rpx text-[#999]">
价格得分{{ item.priceScore != null ? item.priceScore.toFixed(1) : '-' }}交付得分{{ item.deliveryScore != null ? item.deliveryScore.toFixed(1) : '-' }}
</view>
</view>
</view>
<view v-else class="erp-empty">暂无可比价报价</view>
</view>
<view v-if="bestQuote" class="erp-section">
<view class="erp-section__title">推荐结果</view>
<view class="text-28rpx text-[#52c41a] font-semibold">
推荐供应商{{ bestQuote.supplierName }}综合得分 {{ bestQuote.totalScore?.toFixed(2) }}
</view>
</view>
<view v-if="analysisSummary" class="erp-section">
<view class="erp-section__title">智能分析</view>
<view class="text-26rpx leading-[1.7] text-[#666] whitespace-pre-wrap">{{ analysisSummary }}</view>
<view v-if="compareRiskTips.length" class="mt-16rpx text-24rpx text-[#f5222d]">
<view v-for="item in compareRiskTips" :key="item">{{ item }}</view>
</view>
</view>
</view>
<view class="yd-detail-footer">
<view class="yd-detail-footer-actions">
<wd-button class="flex-1" type="primary" :loading="loading" @click="handleCompare">开始比价</wd-button>
<wd-button class="flex-1" type="success" :disabled="!bestQuote" :loading="saving" @click="handleSave">保存结果</wd-button>
</view>
</view>
</view>
</template>
<script lang="ts" setup>
import type { PurchaseInquiry, PurchaseInquiryCompareResp, PurchaseInquiryQuote } from '@/api/erp/purchase-inquiry'
import { computed, onMounted, reactive, ref } from 'vue'
import { useToast } from 'wot-design-uni'
import { comparePurchaseInquiry, getPurchaseInquiry, selectPurchaseInquiryQuote, updatePurchaseInquiry } from '@/api/erp/purchase-inquiry'
import { navigateBackPlus } from '@/utils'
const props = defineProps<{ id?: number | any }>()
definePage({
style: {
navigationBarTitleText: '',
navigationStyle: 'custom',
},
})
const toast = useToast()
const inquiry = ref<PurchaseInquiry>()
const quoteList = ref<PurchaseInquiryQuote[]>([])
const loading = ref(false)
const saving = ref(false)
const analysisSummary = ref('')
const compareRiskTips = ref<string[]>([])
const bestQuote = ref<PurchaseInquiryQuote | null>(null)
const weightConfig = reactive({
priceWeight: 40,
qualityWeight: 25,
deliveryWeight: 20,
serviceWeight: 15,
})
const totalWeight = computed(() =>
Number(weightConfig.priceWeight || 0)
+ Number(weightConfig.qualityWeight || 0)
+ Number(weightConfig.deliveryWeight || 0)
+ Number(weightConfig.serviceWeight || 0),
)
function formatPrice(value?: number) {
return Number(value || 0).toFixed(2)
}
function formatCount(value?: number) {
return Number(value || 0).toFixed(2)
}
function handleBack() {
navigateBackPlus(`/pages-erp/purchase-inquiry/detail/index?id=${props.id}`)
}
async function loadData() {
if (!props.id) return
inquiry.value = await getPurchaseInquiry(Number(props.id))
quoteList.value = inquiry.value.quotes || []
bestQuote.value = quoteList.value.find(v => v.isSelected) || null
}
function applyCompareResult(result: PurchaseInquiryCompareResp) {
const currentMap = new Map((quoteList.value || []).map(quote => [quote.id, quote]))
quoteList.value = (result.quotes || []).map(quote => {
const current = currentMap.get(quote.quoteId)
return {
...current,
id: quote.quoteId,
supplierId: quote.supplierId,
supplierName: quote.supplierName,
unitPrice: quote.unitPrice,
totalPrice: quote.totalPrice,
deliveryCycle: quote.deliveryCycle,
expectedArrivalDate: quote.expectedArrivalDate,
qualificationFile: quote.qualificationFile,
priceScore: quote.priceScore,
qualityScore: quote.qualityScore,
deliveryScore: quote.deliveryScore,
serviceScore: quote.serviceScore,
totalScore: quote.totalScore,
isSelected: quote.recommended,
}
})
analysisSummary.value = result.analysisSummary || ''
compareRiskTips.value = result.riskTips || []
bestQuote.value = quoteList.value.find(v => v.id === result.recommendedQuoteId) || null
}
async function handleCompare() {
if (!props.id) return
if (totalWeight.value !== 100) {
toast.warning('权重合计必须等于 100%')
return
}
if (quoteList.value.length < 2) {
toast.warning('至少需要 2 条报价才能比价')
return
}
if (quoteList.value.some(v => !v.unitPrice || Number(v.unitPrice) <= 0)) {
toast.warning('请先补全所有报价单价')
return
}
loading.value = true
try {
const result = await comparePurchaseInquiry({
inquiryId: Number(props.id),
priceWeight: Number(weightConfig.priceWeight),
qualityWeight: Number(weightConfig.qualityWeight),
deliveryWeight: Number(weightConfig.deliveryWeight),
serviceWeight: Number(weightConfig.serviceWeight),
quotes: quoteList.value
.filter(v => !!v.id)
.map(v => ({
quoteId: Number(v.id),
qualityScore: v.qualityScore != null ? Number(v.qualityScore) : undefined,
serviceScore: v.serviceScore != null ? Number(v.serviceScore) : undefined,
})),
})
applyCompareResult(result)
if (bestQuote.value) {
toast.success(`比价完成,推荐供应商:${bestQuote.value.supplierName}`)
}
} finally {
loading.value = false
}
}
async function handleSave() {
if (!inquiry.value?.id || !bestQuote.value) return
saving.value = true
try {
await updatePurchaseInquiry({
...inquiry.value,
quotes: quoteList.value,
})
if (bestQuote.value.id) {
await selectPurchaseInquiryQuote(inquiry.value.id, Number(bestQuote.value.id))
}
toast.success('保存成功')
setTimeout(() => handleBack(), 500)
} finally {
saving.value = false
}
}
onMounted(() => {
loadData()
})
</script>
<style lang="scss" scoped>
</style>

View File

@@ -0,0 +1,241 @@
<template>
<view class="yd-page-container erp-page">
<wd-navbar title="采购询比详情" left-arrow placeholder safe-area-inset-top fixed @click-left="handleBack" />
<view v-if="detail">
<wd-cell-group title="基本信息" border>
<wd-cell title="询比单号" :value="detail.no || '-'" />
<wd-cell title="状态">
<view class="rounded-8rpx px-16rpx py-4rpx text-24rpx" :class="getStatusClass(detail.status)">
{{ getStatusText(detail.status) }}
</view>
</wd-cell>
<wd-cell title="产品" :value="detail.productName || '-'" />
<wd-cell title="需求数量" :value="formatCount(detail.requireCount)" />
<wd-cell title="预算金额" :value="`¥${formatPrice(detail.budgetPrice)}`" />
<wd-cell title="询价时间" :value="formatDate(detail.inquiryTime)" />
<wd-cell title="截止时间" :value="formatDate(detail.deadline)" />
<wd-cell title="创建人" :value="detail.creatorName || '-'" />
</wd-cell-group>
<wd-cell-group v-if="detail.remark" title="备注" border>
<wd-cell :value="detail.remark" />
</wd-cell-group>
<view class="mx-24rpx mt-24rpx">
<view class="mb-16rpx text-32rpx text-[#333] font-semibold">供应商报价{{ detail.quotes?.length || 0 }}</view>
<view v-if="detail.quotes?.length">
<view v-for="(item, index) in detail.quotes" :key="item.id || index" class="mb-16rpx overflow-hidden rounded-12rpx bg-white shadow-sm">
<view class="flex items-center justify-between bg-[#f8f8f8] px-24rpx py-16rpx">
<text class="text-28rpx text-[#333] font-semibold">{{ item.supplierName || '未命名供应商' }}</text>
<text v-if="item.isSelected" class="text-24rpx text-[#52c41a]">已中选</text>
</view>
<view class="p-24rpx">
<view class="mb-8rpx flex items-center justify-between text-26rpx text-[#666]">
<text class="text-[#999]">联系人</text>
<text>{{ item.contactName || '-' }}</text>
</view>
<view class="mb-8rpx flex items-center justify-between text-26rpx text-[#666]">
<text class="text-[#999]">联系电话</text>
<text>{{ item.contactPhone || '-' }}</text>
</view>
<view class="mb-8rpx flex items-center justify-between text-26rpx text-[#666]">
<text class="text-[#999]">单价</text>
<text>¥{{ formatPrice(item.unitPrice) }}</text>
</view>
<view class="mb-8rpx flex items-center justify-between text-26rpx text-[#666]">
<text class="text-[#999]">总价</text>
<text>¥{{ formatPrice(item.totalPrice) }}</text>
</view>
<view class="mb-8rpx flex items-center justify-between text-26rpx text-[#666]">
<text class="text-[#999]">交货周期</text>
<text>{{ item.deliveryCycle ? `${item.deliveryCycle}` : '-' }}</text>
</view>
<view class="mb-8rpx flex items-center justify-between text-26rpx text-[#666]">
<text class="text-[#999]">预计到货</text>
<text>{{ formatDate(item.expectedArrivalDate) }}</text>
</view>
<view class="mb-8rpx flex items-center justify-between text-26rpx text-[#666]">
<text class="text-[#999]">付款条件</text>
<text class="ml-16rpx line-clamp-1 text-right" style="max-width: 420rpx;">{{ item.paymentTerms || '-' }}</text>
</view>
<view class="mb-8rpx flex items-center justify-between text-26rpx text-[#666]">
<text class="text-[#999]">评分</text>
<text>{{ item.totalScore != null ? item.totalScore.toFixed(2) : '-' }}</text>
</view>
<view v-if="item.remark" class="text-24rpx text-[#999]">备注{{ item.remark }}</view>
</view>
</view>
</view>
<view v-else class="py-60rpx text-center text-28rpx text-[#999]">暂无报价信息</view>
</view>
</view>
<view class="yd-detail-footer">
<view class="yd-detail-footer-actions">
<wd-button v-if="hasAccessByCodes(['erp:purchase-inquiry:update'])" class="flex-1" type="primary" @click="handlePublish">
邀请
</wd-button>
<wd-button
v-if="hasAccessByCodes(['erp:purchase-inquiry:update']) && detail?.status !== 30"
class="flex-1"
type="warning"
@click="handleEdit"
>
编辑
</wd-button>
<wd-button
v-if="hasAccessByCodes(['erp:purchase-inquiry:update']) && detail?.status === 20 && (detail?.quoteCount || 0) >= 2"
class="flex-1"
type="success"
@click="handleCompare"
>
比价
</wd-button>
<wd-button
v-if="hasAccessByCodes(['erp:purchase-inquiry:update-status']) && detail?.status === 10"
class="flex-1"
type="success"
@click="handleUpdateStatus(20)"
>
询价
</wd-button>
<wd-button
v-if="hasAccessByCodes(['erp:purchase-inquiry:update-status']) && detail?.status === 20"
class="flex-1"
type="success"
@click="handleUpdateStatus(30)"
>
完成
</wd-button>
<wd-button v-if="hasAccessByCodes(['erp:purchase-inquiry:delete'])" class="flex-1" type="error" :loading="deleting" @click="handleDelete">
删除
</wd-button>
</view>
</view>
</view>
</template>
<script lang="ts" setup>
import type { PurchaseInquiry } from '@/api/erp/purchase-inquiry'
import { onMounted, ref } from 'vue'
import { useToast } from 'wot-design-uni'
import { deletePurchaseInquiry, getPurchaseInquiry, updatePurchaseInquiryStatus } from '@/api/erp/purchase-inquiry'
import { useAccess } from '@/hooks/useAccess'
import { navigateBackPlus } from '@/utils'
const props = defineProps<{ id?: number | any }>()
definePage({
style: {
navigationBarTitleText: '',
navigationStyle: 'custom',
},
})
const { hasAccessByCodes } = useAccess()
const toast = useToast()
const detail = ref<PurchaseInquiry>()
const deleting = ref(false)
function formatPrice(value?: number) {
return Number(value || 0).toFixed(2)
}
function formatCount(value?: number) {
return Number(value || 0).toFixed(2)
}
function formatDate(value?: string | number | Date) {
if (!value) return '-'
const date = new Date(value)
if (Number.isNaN(date.getTime())) return String(value).slice(0, 10)
const month = `${date.getMonth() + 1}`.padStart(2, '0')
const day = `${date.getDate()}`.padStart(2, '0')
return `${date.getFullYear()}-${month}-${day}`
}
function getStatusText(status?: number) {
switch (status) {
case 10: return '待询价'
case 20: return '询价中'
case 30: return '已完成'
default: return '未知'
}
}
function getStatusClass(status?: number) {
switch (status) {
case 10: return 'bg-[#eef3ff] text-[#3f7cff]'
case 20: return 'bg-[#fff7e8] text-[#d48806]'
case 30: return 'bg-[#f0f9eb] text-[#52c41a]'
default: return 'bg-[#f5f5f5] text-[#999]'
}
}
function handleBack() {
navigateBackPlus('/pages-erp/purchase-inquiry/index')
}
async function getDetail() {
if (!props.id) return
detail.value = await getPurchaseInquiry(props.id)
}
function handleEdit() {
uni.navigateTo({ url: `/pages-erp/purchase-inquiry/form/index?id=${props.id}` })
}
function handlePublish() {
uni.navigateTo({ url: `/pages-erp/purchase-inquiry/publish/index?id=${props.id}` })
}
function handleCompare() {
uni.navigateTo({ url: `/pages-erp/purchase-inquiry/compare/index?id=${props.id}` })
}
function handleUpdateStatus(status: number) {
if (!props.id) return
const actionText = status === 20 ? '开始询价' : '完成'
uni.showModal({
title: '提示',
content: `确定${actionText}该询比单吗?`,
success: async (res) => {
if (!res.confirm) return
try {
await updatePurchaseInquiryStatus(props.id, status)
toast.success(`${actionText}成功`)
getDetail()
} catch {
// http handled
}
},
})
}
function handleDelete() {
if (!props.id) return
uni.showModal({
title: '提示',
content: '确定要删除该采购询比吗?',
success: async (res) => {
if (!res.confirm) return
deleting.value = true
try {
await deletePurchaseInquiry([props.id])
toast.success('删除成功')
setTimeout(() => handleBack(), 500)
} finally {
deleting.value = false
}
},
})
}
onMounted(() => {
getDetail()
})
</script>
<style lang="scss" scoped>
</style>

View File

@@ -0,0 +1,266 @@
<template>
<view class="yd-page-container erp-page">
<wd-navbar :title="pageTitle" left-arrow placeholder safe-area-inset-top fixed @click-left="handleBack" />
<view class="erp-form-body">
<wd-form ref="formRef" :model="formData" :rules="formRules">
<wd-cell-group title="基本信息" border>
<wd-cell title="询比单号" :value="formData.no || '保存后自动生成'" />
<wd-cell title="询价时间" title-width="180rpx" prop="inquiryTime" center>
<wd-datetime-picker v-model="formData.inquiryTime" type="date" label="" placeholder="请选择询价时间" />
</wd-cell>
<wd-cell title="截止时间" title-width="180rpx" center>
<wd-datetime-picker v-model="formData.deadline" type="date" label="" placeholder="请选择截止时间" />
</wd-cell>
<wd-cell title="产品" title-width="180rpx" prop="productId" center>
<wd-picker v-model="formData.productId" :columns="productColumns" placeholder="请选择产品" @confirm="onProductConfirm" />
</wd-cell>
<wd-input v-model="formData.requireCount" label="需求数量" label-width="180rpx" type="number" placeholder="请输入需求数量" clearable />
<wd-input v-model="formData.budgetPrice" label="预算金额" label-width="180rpx" type="number" placeholder="请输入预算金额" clearable />
<wd-textarea v-model="formData.remark" label="备注" label-width="180rpx" placeholder="请输入备注" :maxlength="200" show-word-limit clearable />
</wd-cell-group>
</wd-form>
<view class="erp-form-section-heading">
<view class="text-32rpx text-[#333] font-semibold">供应商报价{{ formData.quotes.length }}</view>
<wd-button size="small" type="primary" @click="handleAddQuote">+ 添加报价</wd-button>
</view>
<view v-for="(item, index) in formData.quotes" :key="item.id || index" class="erp-form-item-card">
<view class="erp-form-item-card__header">
<text class="erp-card-title">报价 #{{ index + 1 }}</text>
<wd-button size="small" type="error" plain @click="handleRemoveQuote(index)">删除</wd-button>
</view>
<view class="erp-form-item-list">
<view class="mb-16rpx">
<text class="mb-8rpx block text-24rpx text-[#999]">供应商</text>
<wd-picker v-model="item.supplierId" :columns="supplierColumns" placeholder="请选择供应商" @confirm="(e: any) => onSupplierConfirm(e, index)" />
</view>
<view class="mb-16rpx flex gap-16rpx">
<view class="flex-1">
<text class="mb-8rpx block text-24rpx text-[#999]">联系人</text>
<wd-input v-model="item.contactName" placeholder="请输入联系人" clearable />
</view>
<view class="flex-1">
<text class="mb-8rpx block text-24rpx text-[#999]">联系电话</text>
<wd-input v-model="item.contactPhone" placeholder="请输入联系电话" clearable />
</view>
</view>
<view class="mb-16rpx flex gap-16rpx">
<view class="flex-1">
<text class="mb-8rpx block text-24rpx text-[#999]">单价</text>
<wd-input v-model="item.unitPrice" type="number" placeholder="请输入单价" clearable />
</view>
<view class="flex-1">
<text class="mb-8rpx block text-24rpx text-[#999]">总价</text>
<text class="block pt-16rpx text-28rpx text-[#333]">¥{{ calcTotalPrice(item) }}</text>
</view>
</view>
<view class="mb-16rpx flex gap-16rpx">
<view class="flex-1">
<text class="mb-8rpx block text-24rpx text-[#999]">交货周期()</text>
<wd-input v-model="item.deliveryCycle" type="number" placeholder="请输入交货周期" clearable />
</view>
<view class="flex-1">
<text class="mb-8rpx block text-24rpx text-[#999]">预计到货</text>
<wd-datetime-picker v-model="item.expectedArrivalDate" type="date" label="" placeholder="请选择日期" />
</view>
</view>
<view class="mb-16rpx">
<text class="mb-8rpx block text-24rpx text-[#999]">付款条件</text>
<wd-input v-model="item.paymentTerms" placeholder="请输入付款条件" clearable />
</view>
<view class="mb-16rpx">
<text class="mb-8rpx block text-24rpx text-[#999]">资质附件 URL</text>
<wd-input v-model="item.qualificationFile" placeholder="请输入附件地址" clearable />
</view>
<view>
<text class="mb-8rpx block text-24rpx text-[#999]">备注</text>
<wd-input v-model="item.remark" placeholder="请输入备注" clearable />
</view>
</view>
</view>
<view v-if="formData.quotes.length === 0" class="py-60rpx text-center text-28rpx text-[#999]">
暂无报价点击添加报价开始录入
</view>
</view>
<view class="yd-detail-footer">
<wd-button type="primary" block :loading="submitting" @click="handleSubmit">保存</wd-button>
</view>
</view>
</template>
<script lang="ts" setup>
import type { FormInstance } from 'wot-design-uni/components/wd-form/types'
import type { ProductSimple } from '@/api/erp/product'
import type { PurchaseInquiry, PurchaseInquiryQuote } from '@/api/erp/purchase-inquiry'
import type { SupplierSimple } from '@/api/erp/supplier'
import { computed, onMounted, ref } from 'vue'
import { useToast } from 'wot-design-uni'
import { createPurchaseInquiry, getPurchaseInquiry, updatePurchaseInquiry } from '@/api/erp/purchase-inquiry'
import { getProductSimpleList } from '@/api/erp/product'
import { getSupplierSimpleList } from '@/api/erp/supplier'
import { navigateBackPlus } from '@/utils'
const props = defineProps<{ id?: number | any }>()
definePage({
style: {
navigationBarTitleText: '',
navigationStyle: 'custom',
},
})
const toast = useToast()
const formRef = ref<FormInstance>()
const submitting = ref(false)
const productList = ref<ProductSimple[]>([])
const supplierList = ref<SupplierSimple[]>([])
interface InquiryFormModel extends Omit<PurchaseInquiry, 'inquiryTime' | 'deadline' | 'quotes'> {
inquiryTime?: string | number
deadline?: string | number
quotes: (Omit<PurchaseInquiryQuote, 'quoteDate' | 'expectedArrivalDate'> & {
quoteDate?: string | number
expectedArrivalDate?: string | number
})[]
}
const formData = ref<InquiryFormModel>({
id: undefined,
no: undefined,
productId: undefined,
productName: undefined,
requireCount: 1,
budgetPrice: 0,
inquiryTime: Date.now(),
deadline: undefined,
remark: '',
quotes: [],
})
const formRules = {
productId: [{ required: true, message: '产品不能为空' }],
inquiryTime: [{ required: true, message: '询价时间不能为空' }],
requireCount: [{ required: true, message: '需求数量不能为空' }],
}
const pageTitle = computed(() => props.id ? '编辑采购询比' : '新增采购询比')
const productColumns = computed(() => [productList.value.map(v => ({ label: v.name, value: v.id }))])
const supplierColumns = computed(() => [supplierList.value.map(v => ({ label: v.name, value: v.id }))])
function onProductConfirm({ value }: any) {
const productId = value?.[0] ? Number(value[0]) : undefined
formData.value.productId = productId
const product = productList.value.find(v => v.id === productId)
formData.value.productName = product?.name
}
function onSupplierConfirm({ value }: any, index: number) {
const supplierId = value?.[0] ? Number(value[0]) : undefined
const current = formData.value.quotes?.[index]
if (!current) return
current.supplierId = supplierId
const supplier = supplierList.value.find(v => v.id === supplierId)
current.supplierName = supplier?.name
}
function calcTotalPrice(item: PurchaseInquiryQuote) {
const unitPrice = Number(item.unitPrice || 0)
const requireCount = Number(formData.value.requireCount || 0)
return (unitPrice * requireCount).toFixed(2)
}
function handleAddQuote() {
formData.value.quotes = formData.value.quotes || []
formData.value.quotes.push({
supplierId: undefined,
supplierName: undefined,
contactName: '',
contactPhone: '',
unitPrice: undefined,
totalPrice: undefined,
paymentTerms: '',
deliveryCycle: undefined,
expectedArrivalDate: undefined,
qualificationFile: '',
remark: '',
})
}
function handleRemoveQuote(index: number) {
uni.showModal({
title: '提示',
content: `确定删除第 ${index + 1} 条报价吗?`,
success: (res) => {
if (res.confirm) {
formData.value.quotes?.splice(index, 1)
}
},
})
}
function handleBack() {
navigateBackPlus('/pages-erp/purchase-inquiry/index')
}
async function getDetail() {
if (!props.id) return
const detail = await getPurchaseInquiry(props.id)
formData.value = {
...detail,
inquiryTime: detail.inquiryTime as string | number | undefined,
deadline: detail.deadline as string | number | undefined,
quotes: (detail.quotes || []).map(item => ({
...item,
quoteDate: item.quoteDate as string | number | undefined,
expectedArrivalDate: item.expectedArrivalDate as string | number | undefined,
})),
}
formData.value.quotes = formData.value.quotes || []
}
async function handleSubmit() {
const { valid } = await formRef.value!.validate()
if (!valid) return
const quotes = formData.value.quotes || []
for (let i = 0; i < quotes.length; i++) {
const item = quotes[i]
if (!item.supplierId) {
toast.warning(`${i + 1} 条报价未选择供应商`)
return
}
if (!item.unitPrice || Number(item.unitPrice) <= 0) {
toast.warning(`${i + 1} 条报价单价不能为空`)
return
}
item.totalPrice = Number(calcTotalPrice(item))
}
submitting.value = true
try {
if (props.id) {
await updatePurchaseInquiry(formData.value as PurchaseInquiry)
toast.success('修改成功')
} else {
await createPurchaseInquiry(formData.value as PurchaseInquiry)
toast.success('新增成功')
}
setTimeout(() => {
handleBack()
}, 500)
} finally {
submitting.value = false
}
}
onMounted(async () => {
const [products, suppliers] = await Promise.all([getProductSimpleList(), getSupplierSimpleList()])
productList.value = products || []
supplierList.value = suppliers || []
getDetail()
})
</script>
<style lang="scss" scoped>
</style>

View File

@@ -0,0 +1,392 @@
<template>
<view class="yd-page-container erp-page">
<wd-navbar
title="采购询比"
left-arrow
placeholder
safe-area-inset-top
fixed
@click-left="handleBack"
/>
<view @click="searchVisible = true">
<wd-search :placeholder="searchPlaceholder" hide-cancel disabled />
</view>
<view class="px-24rpx">
<view
v-for="item in list"
:key="item.id"
class="mb-20rpx overflow-hidden rounded-12rpx bg-white shadow-sm"
@click="handleCardClick(item)"
>
<view class="p-24rpx">
<view class="mb-16rpx flex items-center justify-between">
<view class="text-30rpx text-[#333] font-semibold">
{{ item.no || '-' }}
</view>
<view class="rounded-8rpx px-16rpx py-4rpx text-24rpx" :class="getStatusClass(item.status)">
{{ getStatusText(item.status) }}
</view>
</view>
<view class="mb-8rpx flex items-center justify-between text-26rpx text-[#666]">
<text class="text-[#999]">产品</text>
<text class="ml-16rpx line-clamp-1 text-right" style="max-width: 420rpx;">{{ item.productName || '-' }}</text>
</view>
<view class="mb-8rpx flex items-center justify-between text-26rpx text-[#666]">
<text class="text-[#999]">询价时间</text>
<text>{{ formatDate(item.inquiryTime) }}</text>
</view>
<view class="mb-12rpx flex items-center justify-between text-26rpx text-[#666]">
<text class="text-[#999]">截止时间</text>
<text>{{ formatDate(item.deadline) }}</text>
</view>
<view class="flex items-center justify-around mt-12rpx pt-16rpx border-t border-[#f0f0f0]">
<view class="text-center">
<view class="text-30rpx text-[#333] font-semibold">{{ formatCount(item.requireCount) }}</view>
<view class="mt-4rpx text-22rpx text-[#999]">需求数量</view>
</view>
<view class="text-center">
<view class="text-30rpx text-[#e6a23c] font-semibold">¥{{ formatPrice(item.budgetPrice) }}</view>
<view class="mt-4rpx text-22rpx text-[#999]">预算金额</view>
</view>
<view class="text-center">
<view class="text-30rpx text-[#409eff] font-semibold">{{ item.quoteCount || 0 }}</view>
<view class="mt-4rpx text-22rpx text-[#999]">报价数</view>
</view>
<view class="text-center">
<view class="text-30rpx text-[#52c41a] font-semibold">¥{{ formatPrice(item.minQuotePrice) }}</view>
<view class="mt-4rpx text-22rpx text-[#999]">最低报价</view>
</view>
</view>
</view>
<view class="flex flex-wrap gap-12rpx px-24rpx pb-20rpx" @click.stop>
<wd-button v-if="hasAccessByCodes(['erp:purchase-inquiry:query'])" size="small" plain @click="handleDetail(item)">
详情
</wd-button>
<wd-button v-if="hasAccessByCodes(['erp:purchase-inquiry:update'])" size="small" type="primary" plain @click="handlePublish(item)">
邀请
</wd-button>
<wd-button
v-if="hasAccessByCodes(['erp:purchase-inquiry:update']) && item.status !== 30"
size="small"
type="primary"
plain
@click="handleEdit(item)"
>
编辑
</wd-button>
<wd-button
v-if="hasAccessByCodes(['erp:purchase-inquiry:update-status']) && item.status === 10"
size="small"
type="success"
plain
@click="handleUpdateStatus(item.id!, 20)"
>
询价
</wd-button>
<wd-button
v-if="hasAccessByCodes(['erp:purchase-inquiry:update']) && item.status === 20 && (item.quoteCount || 0) >= 2"
size="small"
type="warning"
plain
@click="handleCompare(item)"
>
比价
</wd-button>
<wd-button
v-if="hasAccessByCodes(['erp:purchase-inquiry:update-status']) && item.status === 20"
size="small"
type="success"
plain
@click="handleUpdateStatus(item.id!, 30)"
>
完成
</wd-button>
<wd-button
v-if="hasAccessByCodes(['erp:purchase-inquiry:delete'])"
size="small"
type="error"
plain
@click="handleDelete(item.id!)"
>
删除
</wd-button>
</view>
</view>
<view v-if="loadMoreState !== 'loading' && list.length === 0" class="py-100rpx text-center">
<wd-status-tip image="content" tip="暂无采购询比数据" />
</view>
<wd-loadmore v-if="list.length > 0" :state="loadMoreState" @reload="loadMore" />
</view>
<wd-fab
v-if="hasAccessByCodes(['erp:purchase-inquiry:create'])"
position="right-bottom"
type="primary"
:expandable="false"
@click="handleAdd"
/>
<wd-popup v-model="searchVisible" position="top" @close="searchVisible = false">
<view class="yd-search-form-container" :style="{ paddingTop: `${getNavbarHeight()}px` }">
<view class="yd-search-form-item">
<view class="yd-search-form-label">询比单号</view>
<wd-input v-model="searchForm.no" placeholder="请输入询比单号" clearable />
</view>
<view class="yd-search-form-item">
<view class="yd-search-form-label">产品</view>
<wd-picker v-model="searchForm.productId" :columns="productColumns" placeholder="请选择产品" @confirm="onProductConfirm" />
</view>
<view class="yd-search-form-item">
<view class="yd-search-form-label">状态</view>
<wd-radio-group v-model="searchForm.status" shape="button">
<wd-radio :value="-1">全部</wd-radio>
<wd-radio :value="10">待询价</wd-radio>
<wd-radio :value="20">询价中</wd-radio>
<wd-radio :value="30">已完成</wd-radio>
</wd-radio-group>
</view>
<view class="yd-search-form-item">
<view class="yd-search-form-label">创建人</view>
<wd-picker v-model="searchForm.creator" :columns="userColumns" placeholder="请选择创建人" @confirm="onUserConfirm" />
</view>
<view class="yd-search-form-actions">
<wd-button class="flex-1" plain @click="handleReset">重置</wd-button>
<wd-button class="flex-1" type="primary" @click="handleSearch">搜索</wd-button>
</view>
</view>
</wd-popup>
</view>
</template>
<script lang="ts" setup>
import type { PurchaseInquiry } from '@/api/erp/purchase-inquiry'
import type { ProductSimple } from '@/api/erp/product'
import type { User } from '@/api/system/user'
import type { LoadMoreState } from '@/http/types'
import { onReachBottom } from '@dcloudio/uni-app'
import { computed, onMounted, reactive, ref } from 'vue'
import { useToast } from 'wot-design-uni'
import { deletePurchaseInquiry, getPurchaseInquiryPage, updatePurchaseInquiryStatus } from '@/api/erp/purchase-inquiry'
import { getProductSimpleList } from '@/api/erp/product'
import { getSimpleUserList } from '@/api/system/user'
import { useAccess } from '@/hooks/useAccess'
import { getNavbarHeight, navigateBackPlus } from '@/utils'
definePage({
style: {
navigationBarTitleText: '',
navigationStyle: 'custom',
},
})
const { hasAccessByCodes } = useAccess()
const toast = useToast()
const total = ref(0)
const list = ref<PurchaseInquiry[]>([])
const loadMoreState = ref<LoadMoreState>('loading')
const queryParams = ref<{ pageNo: number; pageSize: number } & Record<string, any>>({
pageNo: 1,
pageSize: 10,
})
const searchVisible = ref(false)
const productList = ref<ProductSimple[]>([])
const userList = ref<User[]>([])
const searchForm = reactive({
no: undefined as string | undefined,
productId: undefined as number | undefined,
status: -1,
creator: undefined as number | undefined,
})
const productColumns = computed(() => [[{ label: '全部', value: '' }, ...productList.value.map(v => ({ label: v.name, value: v.id }))]])
const userColumns = computed(() => [[{ label: '全部', value: '' }, ...userList.value.map(v => ({ label: v.nickname, value: v.id }))]])
const searchPlaceholder = computed(() => {
const conditions: string[] = []
if (searchForm.no) conditions.push(`单号:${searchForm.no}`)
if (searchForm.productId) {
const product = productList.value.find(v => v.id === searchForm.productId)
conditions.push(`产品:${product?.name || searchForm.productId}`)
}
if (searchForm.status !== -1) conditions.push(`状态:${getStatusText(searchForm.status)}`)
if (searchForm.creator) {
const user = userList.value.find(v => v.id === searchForm.creator)
conditions.push(`创建人:${user?.nickname || searchForm.creator}`)
}
return conditions.length > 0 ? conditions.join(' | ') : '搜索采购询比'
})
function formatDate(value?: string | number | Date) {
if (!value) return '-'
const date = new Date(value)
if (Number.isNaN(date.getTime())) return String(value).slice(0, 10)
const month = `${date.getMonth() + 1}`.padStart(2, '0')
const day = `${date.getDate()}`.padStart(2, '0')
return `${date.getFullYear()}-${month}-${day}`
}
function formatPrice(value?: number) {
return Number(value || 0).toFixed(2)
}
function formatCount(value?: number) {
return Number(value || 0).toFixed(2)
}
function getStatusText(status?: number) {
switch (status) {
case 10: return '待询价'
case 20: return '询价中'
case 30: return '已完成'
default: return '未知'
}
}
function getStatusClass(status?: number) {
switch (status) {
case 10: return 'bg-[#eef3ff] text-[#3f7cff]'
case 20: return 'bg-[#fff7e8] text-[#d48806]'
case 30: return 'bg-[#f0f9eb] text-[#52c41a]'
default: return 'bg-[#f5f5f5] text-[#999]'
}
}
function onProductConfirm({ value }: any) {
searchForm.productId = value?.[0] ? Number(value[0]) : undefined
}
function onUserConfirm({ value }: any) {
searchForm.creator = value?.[0] ? Number(value[0]) : undefined
}
function handleBack() {
navigateBackPlus()
}
async function getList() {
loadMoreState.value = 'loading'
try {
const data = await getPurchaseInquiryPage({ ...queryParams.value })
list.value = [...list.value, ...(data.list || [])]
total.value = data.total
loadMoreState.value = list.value.length >= total.value ? 'finished' : 'loading'
} catch {
queryParams.value.pageNo = queryParams.value.pageNo > 1 ? queryParams.value.pageNo - 1 : 1
loadMoreState.value = 'error'
}
}
function handleSearch() {
searchVisible.value = false
queryParams.value = {
pageNo: 1,
pageSize: queryParams.value.pageSize,
no: searchForm.no,
productId: searchForm.productId,
status: searchForm.status === -1 ? undefined : searchForm.status,
creator: searchForm.creator,
}
list.value = []
getList()
}
function handleReset() {
searchForm.no = undefined
searchForm.productId = undefined
searchForm.status = -1
searchForm.creator = undefined
searchVisible.value = false
queryParams.value = { pageNo: 1, pageSize: 10 }
list.value = []
getList()
}
function loadMore() {
if (loadMoreState.value === 'finished') return
queryParams.value.pageNo++
getList()
}
function handleCardClick(item: PurchaseInquiry) {
if (item.status === 30) {
handleDetail(item)
} else {
handleEdit(item)
}
}
function handleAdd() {
uni.navigateTo({ url: '/pages-erp/purchase-inquiry/form/index' })
}
function handleDetail(item: PurchaseInquiry) {
uni.navigateTo({ url: `/pages-erp/purchase-inquiry/detail/index?id=${item.id}` })
}
function handleEdit(item: PurchaseInquiry) {
uni.navigateTo({ url: `/pages-erp/purchase-inquiry/form/index?id=${item.id}` })
}
function handlePublish(item: PurchaseInquiry) {
uni.navigateTo({ url: `/pages-erp/purchase-inquiry/publish/index?id=${item.id}` })
}
function handleCompare(item: PurchaseInquiry) {
uni.navigateTo({ url: `/pages-erp/purchase-inquiry/compare/index?id=${item.id}` })
}
function handleUpdateStatus(id: number, status: number) {
const actionText = status === 20 ? '开始询价' : '完成'
uni.showModal({
title: '提示',
content: `确定${actionText}该询比单吗?`,
success: async (res) => {
if (!res.confirm) return
try {
await updatePurchaseInquiryStatus(id, status)
toast.success(`${actionText}成功`)
list.value = []
queryParams.value.pageNo = 1
getList()
} catch {
// http handled
}
},
})
}
function handleDelete(id: number) {
uni.showModal({
title: '提示',
content: '确定要删除该采购询比吗?',
success: async (res) => {
if (!res.confirm) return
try {
await deletePurchaseInquiry([id])
toast.success('删除成功')
list.value = []
queryParams.value.pageNo = 1
getList()
} catch {
// http handled
}
},
})
}
onReachBottom(() => {
loadMore()
})
onMounted(async () => {
const [products, users] = await Promise.all([getProductSimpleList(), getSimpleUserList()])
productList.value = products || []
userList.value = users || []
getList()
})
</script>
<style lang="scss" scoped>
</style>

View File

@@ -0,0 +1,218 @@
<template>
<view class="yd-page-container erp-page">
<wd-navbar title="询比邀请" left-arrow placeholder safe-area-inset-top fixed @click-left="handleBack" />
<view class="erp-page__body">
<view class="erp-section">
<view class="erp-section__title">询比信息</view>
<view class="erp-field-row"><text>询比单号</text><text>{{ inquiry?.no || '-' }}</text></view>
<view class="erp-field-row"><text>产品</text><text>{{ inquiry?.productName || '-' }}</text></view>
<view class="erp-field-row"><text>状态</text><text>{{ getStatusText(inquiry?.status) }}</text></view>
<view class="erp-field-row"><text>截止时间</text><text>{{ formatDateTime(inquiry?.deadline) }}</text></view>
</view>
<view class="erp-section">
<view class="erp-section__title">邀请设置</view>
<wd-cell-group border>
<wd-cell title="链接失效时间" title-width="180rpx" center>
<wd-datetime-picker v-model="formData.linkExpireTime" type="datetime" label="" placeholder="请选择链接失效时间" />
</wd-cell>
</wd-cell-group>
<view class="mt-24rpx text-26rpx text-[#666]">邀请供应商</view>
<view class="mt-16rpx">
<wd-checkbox-group v-model="formData.supplierIds" cell shape="button">
<wd-checkbox v-for="item in supplierList" :key="item.id" :model-value="item.id">
{{ item.name }}
</wd-checkbox>
</wd-checkbox-group>
</view>
<view class="mt-24rpx">
<wd-button type="primary" block :loading="submitting" @click="handleSubmit">发布 / 重新生成链接</wd-button>
</view>
</view>
<view class="erp-section">
<view class="erp-section__title">邀请概览</view>
<view class="grid grid-cols-2 gap-16rpx">
<view class="erp-metric-card">
<view class="erp-metric-card__label">已邀请</view>
<view class="erp-metric-card__value">{{ invitationList.length }}</view>
</view>
<view class="erp-metric-card">
<view class="erp-metric-card__label">已查看</view>
<view class="erp-metric-card__value">{{ summary.viewedCount }}</view>
</view>
<view class="erp-metric-card">
<view class="erp-metric-card__label">已报价</view>
<view class="erp-metric-card__value">{{ summary.quotedCount }}</view>
</view>
<view class="erp-metric-card">
<view class="erp-metric-card__label">待报价</view>
<view class="erp-metric-card__value">{{ summary.pendingCount }}</view>
</view>
</view>
</view>
<view class="erp-section">
<view class="erp-section__title">邀请记录</view>
<view v-if="invitationList.length">
<view v-for="item in invitationList" :key="item.id" class="erp-form-item-card erp-form-item-card--padded">
<view class="mb-12rpx flex items-center justify-between">
<text class="erp-card-title">{{ item.supplierName || '-' }}</text>
<text class="text-24rpx" :class="getInvitationStatusClass(item.status)">{{ getInvitationStatusText(item.status) }}</text>
</view>
<view class="erp-field-row"><text>报价单价</text><text>{{ item.unitPrice != null ? `¥${Number(item.unitPrice).toFixed(2)}` : '-' }}</text></view>
<view class="erp-field-row"><text>报价总额</text><text>{{ item.totalPrice != null ? `¥${Number(item.totalPrice).toFixed(2)}` : '-' }}</text></view>
<view class="erp-field-row"><text>预计到货</text><text>{{ formatDateTime(item.expectedArrivalDate) }}</text></view>
<view class="erp-field-row"><text>报价时间</text><text>{{ formatDateTime(item.quoteDate) }}</text></view>
<view class="erp-field-row"><text>首次查看</text><text>{{ formatDateTime(item.firstViewTime) }}</text></view>
<view class="erp-field-row"><text>提交来源</text><text>{{ item.submitSource || '-' }}</text></view>
<view class="mt-16rpx flex gap-12rpx">
<wd-button size="small" plain @click="copyLink(item.portalUrl)">复制链接</wd-button>
<wd-button v-if="item.qualificationFile" size="small" type="primary" plain @click="copyLink(item.qualificationFile)">复制附件地址</wd-button>
</view>
</view>
</view>
<view v-else class="erp-empty">暂无邀请记录</view>
</view>
</view>
</view>
</template>
<script lang="ts" setup>
import type { PurchaseInquiry, PurchaseInquiryInvitation, PurchaseInquiryPublishReq } from '@/api/erp/purchase-inquiry'
import type { SupplierSimple } from '@/api/erp/supplier'
import { computed, onMounted, reactive, ref } from 'vue'
import { useToast } from 'wot-design-uni'
import { getPurchaseInquiry, getPurchaseInquiryInvitationList, publishPurchaseInquiry } from '@/api/erp/purchase-inquiry'
import { getSupplierSimpleList } from '@/api/erp/supplier'
import { navigateBackPlus } from '@/utils'
const props = defineProps<{ id?: number | any }>()
definePage({
style: {
navigationBarTitleText: '',
navigationStyle: 'custom',
},
})
const toast = useToast()
const inquiry = ref<PurchaseInquiry>()
const supplierList = ref<SupplierSimple[]>([])
const invitationList = ref<PurchaseInquiryInvitation[]>([])
const submitting = ref(false)
type PublishFormModel = Omit<PurchaseInquiryPublishReq, 'linkExpireTime'> & {
linkExpireTime?: string | number
}
const formData = reactive<PublishFormModel>({
inquiryId: 0,
supplierIds: [],
linkExpireTime: undefined,
})
const summary = computed(() => {
const viewedCount = invitationList.value.filter(v => [20, 30].includes(Number(v.status))).length
const quotedCount = invitationList.value.filter(v => !!v.quoteId || Number(v.status) === 30).length
const pendingCount = invitationList.value.filter(v => Number(v.status) === 10).length
return { viewedCount, quotedCount, pendingCount }
})
function getStatusText(status?: number) {
switch (status) {
case 10: return '待询价'
case 20: return '询价中'
case 30: return '已完成'
default: return '-'
}
}
function getInvitationStatusText(status?: number) {
switch (status) {
case 10: return '待报价'
case 20: return '已查看'
case 30: return '已报价'
case 40: return '已失效'
case 50: return '已作废'
default: return '-'
}
}
function getInvitationStatusClass(status?: number) {
switch (status) {
case 20: return 'text-[#d48806]'
case 30: return 'text-[#52c41a]'
case 40: return 'text-[#f5222d]'
default: return 'text-[#999]'
}
}
function formatDateTime(value?: string | number | Date) {
if (!value) return '-'
const date = new Date(value)
if (Number.isNaN(date.getTime())) return String(value)
const month = `${date.getMonth() + 1}`.padStart(2, '0')
const day = `${date.getDate()}`.padStart(2, '0')
const hour = `${date.getHours()}`.padStart(2, '0')
const minute = `${date.getMinutes()}`.padStart(2, '0')
return `${date.getFullYear()}-${month}-${day} ${hour}:${minute}`
}
function handleBack() {
navigateBackPlus(`/pages-erp/purchase-inquiry/detail/index?id=${props.id}`)
}
async function loadData() {
if (!props.id) return
formData.inquiryId = Number(props.id)
const [detail, suppliers, invitations] = await Promise.all([
getPurchaseInquiry(Number(props.id)),
getSupplierSimpleList(),
getPurchaseInquiryInvitationList(Number(props.id)),
])
inquiry.value = detail
supplierList.value = suppliers || []
invitationList.value = invitations || []
formData.supplierIds = invitationList.value.map(v => Number(v.supplierId)).filter(Boolean)
formData.linkExpireTime = (invitationList.value[0]?.linkExpireTime || detail?.deadline) as string | number | undefined
}
async function handleSubmit() {
if (!formData.supplierIds.length) {
toast.warning('请至少选择一个供应商')
return
}
submitting.value = true
try {
await publishPurchaseInquiry({
inquiryId: formData.inquiryId,
supplierIds: formData.supplierIds,
linkExpireTime: formData.linkExpireTime,
} as PurchaseInquiryPublishReq)
toast.success('询比邀请已发布')
await loadData()
} finally {
submitting.value = false
}
}
function copyLink(url?: string) {
if (!url) {
toast.warning('暂无可复制链接')
return
}
uni.setClipboardData({
data: url,
success: () => toast.success('链接已复制'),
})
}
onMounted(() => {
loadData()
})
</script>
<style lang="scss" scoped>
</style>

View File

@@ -1,5 +1,5 @@
<template>
<view class="yd-page-container">
<view class="yd-page-container erp-page">
<!-- 顶部导航栏 -->
<wd-navbar
title="采购订单详情"
@@ -12,7 +12,6 @@
<!-- 基本信息 -->
<wd-cell-group title="基本信息" border>
<wd-cell title="采购单编号" :value="formData.no" />
<wd-cell title="扫码识别值" :value="formData.no || '-'" />
<wd-cell title="采购状态">
<view
class="rounded-8rpx px-16rpx py-4rpx text-24rpx"

View File

@@ -1,5 +1,5 @@
<template>
<view class="yd-page-container">
<view class="yd-page-container erp-page">
<!-- 顶部导航栏 -->
<wd-navbar
:title="getTitle"
@@ -101,8 +101,8 @@
</view>
<!-- 订单明细 -->
<view class="mx-24rpx mt-24rpx pb-180rpx">
<view class="mb-16rpx flex items-center justify-between">
<view class="erp-form-body">
<view class="erp-form-section-heading">
<view class="text-32rpx text-[#333] font-semibold">
订单明细{{ formData.items?.length || 0 }}
</view>
@@ -113,15 +113,15 @@
<view
v-for="(item, index) in formData.items"
:key="index"
class="mb-16rpx overflow-hidden rounded-12rpx bg-white shadow-sm"
class="erp-form-item-card"
>
<view class="flex items-center justify-between bg-[#f8f8f8] px-24rpx py-12rpx">
<view class="erp-form-item-card__header">
<text class="text-28rpx text-[#333] font-semibold">产品 #{{ index + 1 }} {{ item.productName || '' }}</text>
<wd-button size="small" type="error" plain @click="handleRemoveItem(index)">
删除
</wd-button>
</view>
<view class="p-24rpx">
<view class="erp-form-item-list">
<view class="mb-16rpx">
<text class="mb-8rpx block text-24rpx text-[#999]">选择产品</text>
<wd-picker
@@ -132,7 +132,7 @@
/>
</view>
<!-- 自动填充的产品信息只读 -->
<view v-if="item.productId" class="mb-16rpx rounded-8rpx bg-[#f9f9f9] p-16rpx">
<view v-if="item.productId" class="erp-form-info-card">
<view class="mb-8rpx flex justify-between text-24rpx">
<text class="text-[#999]">规格</text>
<text class="text-[#333]">{{ item.productSpec || '-' }}</text>
@@ -261,7 +261,6 @@ import { createPurchaseOrder, getPurchaseOrder, updatePurchaseOrder } from '@/ap
import { getProductSimpleList } from '@/api/erp/product'
import { getSupplierSimpleList } from '@/api/erp/supplier'
import { getPurchaseRequisition, getPurchaseRequisitionPage } from '@/api/erp/purchase-requisition'
import { formatDate as formatDateValue } from '@/utils/date'
import { navigateBackPlus } from '@/utils'
const props = defineProps<{
@@ -319,8 +318,14 @@ function onSupplierConfirm({ value }: any) {
}
/** 格式化日期 */
function formatDate(dateVal?: string | number | Date) {
return formatDateValue(dateVal) || '-'
function formatDate(dateVal?: string | number) {
if (!dateVal) return '-'
if (typeof dateVal === 'number') {
const d = new Date(dateVal)
const pad = (n: number) => n.toString().padStart(2, '0')
return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}`
}
return String(dateVal).substring(0, 10)
}
/** 打开请购单选择弹窗 */

View File

@@ -1,5 +1,5 @@
<template>
<view class="yd-page-container">
<view class="yd-page-container erp-page">
<!-- 顶部导航栏 -->
<wd-navbar
title="采购订单"
@@ -165,7 +165,7 @@ const total = ref(0)
const list = ref<PurchaseOrder[]>([])
const loadMoreState = ref<LoadMoreState>('loading')
const activeStatus = ref<number | undefined>(undefined)
const queryParams = ref<Record<string, any>>({
const queryParams = ref<{ pageNo: number; pageSize: number } & Record<string, any>>({
pageNo: 1,
pageSize: 10,
})

View File

@@ -1,5 +1,5 @@
<template>
<view class="yd-page-container">
<view class="yd-page-container erp-page">
<!-- 顶部导航栏 -->
<wd-navbar
title="请购单详情"
@@ -182,8 +182,8 @@ import {
updatePurchaseRequisitionStatus,
} from '@/api/erp/purchase-requisition'
import { useAccess } from '@/hooks/useAccess'
import { formatDate as formatDateValue } from '@/utils/date'
import { navigateBackPlus } from '@/utils'
import { formatDateTime } from '@/utils/date'
const props = defineProps<{
id: number | any
@@ -277,14 +277,17 @@ function formatPrice(price?: number) {
}
/** 格式化日期 */
function formatDate(dateStr?: string | number | Date) {
return formatDateValue(dateStr) || '-'
function formatDate(date?: string) {
if (!date) return '-'
return new Date(date).toLocaleDateString('zh-CN')
}
/** 格式化日期时间 */
function formatDateTime(dateStr?: string | number | Date) {
return formatDateValue(dateStr, 'YYYY-MM-DD HH:mm') || '-'
}
// function formatDateTime(dateStr?: string) {
// if (!dateStr) return '-'
// return dateStr.substring(0, 16).replace('T', ' ')
// }
/** 返回上一页 */
function handleBack() {

View File

@@ -1,5 +1,5 @@
<template>
<view class="yd-page-container">
<view class="yd-page-container erp-page">
<!-- 顶部导航栏 -->
<wd-navbar
:title="getTitle"
@@ -8,7 +8,7 @@
/>
<!-- 表单区域 -->
<view class="pb-180rpx">
<view>
<wd-form ref="formRef" :model="formData" :rules="formRules">
<wd-cell-group title="基本信息" border>
<wd-cell title="请购单号" :value="formData.no || '保存时自动生成'" />
@@ -16,6 +16,7 @@
title="请购类型"
title-width="180rpx"
is-link
center
:value="getTypeLabel(formData.type)"
@click="typePickerVisible = true"
/>
@@ -23,6 +24,7 @@
title="优先级"
title-width="180rpx"
is-link
center
:value="getPriorityLabel(formData.priority)"
@click="priorityPickerVisible = true"
/>
@@ -30,6 +32,7 @@
title="紧急程度"
title-width="180rpx"
is-link
center
:value="getEmergencyLabel(formData.emergencyDegree)"
@click="emergencyPickerVisible = true"
/>
@@ -37,6 +40,7 @@
title="请购时间"
title-width="180rpx"
is-link
center
:value="formData.requestTime ? formatDate(formData.requestTime) : '请选择'"
@click="requestDatePickerVisible = true"
/>
@@ -44,6 +48,7 @@
title="期望到货"
title-width="180rpx"
is-link
center
:value="formData.expectedTime ? formatDate(formData.expectedTime) : '请选择'"
@click="expectedDatePickerVisible = true"
/>
@@ -57,109 +62,142 @@
clearable
/>
</wd-cell-group>
</wd-form>
</view>
<!-- 请购产品清单 -->
<wd-cell-group title="请购产品清单" border>
<view v-if="formData.items.length === 0" class="py-40rpx text-center text-[#999]">
暂无产品请点击下方按钮添加
<view class="erp-form-body">
<view class="erp-form-section-heading">
<view class="text-32rpx text-[#333] font-semibold">
请购产品清单{{ formData.items?.length || 0 }}
</view>
<wd-button size="small" type="primary" @click="handleAddItem">
+ 添加产品
</wd-button>
</view>
<view v-else>
<view
v-for="(item, index) in formData.items"
:key="index"
class="mx-24rpx mb-20rpx rounded-12rpx bg-[#f9f9f9] p-24rpx"
class="erp-form-item-card"
>
<view class="mb-12rpx flex items-center justify-between">
<view class="text-28rpx text-[#333] font-semibold">
{{ item.productName || '请选择产品' }}
</view>
<wd-icon name="delete" size="40rpx" color="#f56c6c" @click="removeItem(index)" />
</view>
<view class="mb-12rpx">
<wd-cell
title="产品"
title-width="140rpx"
is-link
:value="item.productName || '请选择'"
@click="openProductPicker(index)"
/>
</view>
<view class="mb-12rpx">
<wd-input
v-model="item.count"
label="需求数量"
label-width="140rpx"
type="number"
placeholder="请输入数量"
@change="calcItemTotal(item)"
/>
</view>
<view class="mb-12rpx">
<wd-input
v-model="item.productPrice"
label="参考单价"
label-width="140rpx"
type="digit"
placeholder="请输入单价"
@change="calcItemTotal(item)"
/>
</view>
<view class="mb-12rpx flex items-center justify-between text-26rpx">
<text class="text-[#999]">产品金额</text>
<text class="text-[#666]">{{ formatPrice(item.totalProductPrice) }}</text>
</view>
<view class="mb-12rpx">
<wd-input
v-model="item.taxPercent"
label="税率(%)"
label-width="140rpx"
type="digit"
placeholder="请输入税率"
@change="calcItemTotal(item)"
/>
</view>
<view class="mb-12rpx flex items-center justify-between text-26rpx">
<text class="text-[#999]">税额</text>
<text class="text-[#666]">{{ formatPrice(item.taxPrice) }}</text>
</view>
<view class="mb-12rpx flex items-center justify-between text-26rpx">
<text class="text-[#999]">含税金额</text>
<text class="text-[#1890ff] font-semibold">{{ formatPrice(item.totalPrice) }}</text>
</view>
<view class="mb-12rpx">
<wd-input
v-model="item.purpose"
label="用途说明"
label-width="140rpx"
placeholder="请输入用途"
/>
</view>
<view class="mb-12rpx">
<wd-input
v-model="item.remark"
label="备注"
label-width="140rpx"
placeholder="请输入备注"
/>
</view>
</view>
</view>
<view class="px-24rpx pb-24rpx">
<wd-button type="primary" plain block @click="addItem">
<wd-icon name="add" class="mr-8rpx" />
添加产品
<view class="erp-form-item-card__header">
<text class="text-28rpx text-[#333] font-semibold">产品 #{{ index + 1 }} {{ item.productName || '' }}</text>
<wd-button size="small" type="error" plain @click="handleRemoveItem(index)">
删除
</wd-button>
</view>
</wd-cell-group>
<view class="erp-form-item-list">
<view class="mb-16rpx">
<text class="mb-8rpx block text-24rpx text-[#999]">选择产品</text>
<wd-picker
v-model="item.productId"
:columns="productColumns"
placeholder="请选择产品"
@confirm="(e: any) => onProductConfirm(e, index)"
/>
</view>
<!-- 自动填充的产品信息只读 -->
<view v-if="item.productId" class="erp-form-info-card">
<view class="mb-8rpx flex justify-between text-24rpx">
<text class="text-[#999]">规格</text>
<text class="text-[#333]">{{ item.productSpec || '-' }}</text>
</view>
<view class="mb-8rpx flex justify-between text-24rpx">
<text class="text-[#999]">单位</text>
<text class="text-[#333]">{{ item.productUnitName || '-' }}</text>
</view>
<view class="mb-8rpx flex justify-between text-24rpx">
<text class="text-[#999]">条码</text>
<text class="text-[#333]">{{ item.productBarCode || '-' }}</text>
</view>
</view>
<view class="mb-16rpx flex gap-16rpx">
<view class="flex-1">
<text class="mb-8rpx block text-24rpx text-[#999]">需求数量</text>
<wd-input
v-model="item.count"
type="number"
placeholder="需求数量"
clearable
@change="calcItemTotal(item)"
/>
</view>
<view class="flex-1">
<text class="mb-8rpx block text-24rpx text-[#999]">参考单价</text>
<wd-input
v-model="item.productPrice"
type="number"
placeholder="参考单价"
clearable
@change="calcItemTotal(item)"
/>
</view>
</view>
<view class="mb-16rpx flex gap-16rpx">
<view class="flex-1">
<text class="mb-8rpx block text-24rpx text-[#999]">税率(%)</text>
<wd-input
v-model="item.taxPercent"
type="number"
placeholder="税率"
clearable
@change="calcItemTotal(item)"
/>
</view>
<view class="flex-1">
<text class="mb-8rpx block text-24rpx text-[#999]">含税金额</text>
<text class="block pt-16rpx text-28rpx text-[#1890ff] font-semibold">{{ formatPrice(item.totalPrice) }}</text>
</view>
</view>
<view class="mb-16rpx flex gap-16rpx text-24rpx text-[#999]">
<view class="flex-1">
<text>产品金额: {{ formatPrice(item.totalProductPrice) }}</text>
</view>
<view class="flex-1">
<text>税额: {{ formatPrice(item.taxPrice) }}</text>
</view>
</view>
<view class="mb-16rpx">
<text class="mb-8rpx block text-24rpx text-[#999]">用途说明</text>
<wd-input
v-model="item.purpose"
placeholder="请输入用途"
clearable
/>
</view>
<view>
<text class="mb-8rpx block text-24rpx text-[#999]">备注</text>
<wd-input
v-model="item.remark"
placeholder="请输入备注"
clearable
/>
</view>
</view>
</view>
<view v-if="!formData.items?.length" class="py-60rpx text-center text-28rpx text-[#999]">
暂无产品请点击"添加产品"按钮
</view>
<!-- 合计信息 -->
<wd-cell-group title="合计信息" border>
<wd-cell title="合计数量" :value="formatCount(totalCount)" />
<wd-cell title="合计产品金额" :value="formatPrice(totalProductPrice)" />
<wd-cell title="合计税额" :value="formatPrice(totalTaxPrice)" />
<wd-cell title="合计金额(含税)" :value="formatPrice(totalPrice)" />
</wd-cell-group>
</wd-form>
<view v-if="formData.items?.length" class="mt-24rpx rounded-12rpx bg-white p-24rpx shadow-sm">
<view class="mb-12rpx flex justify-between text-28rpx">
<text class="text-[#999]">合计数量</text>
<text class="text-[#333]">{{ formatCount(totalCount) }}</text>
</view>
<view class="mb-12rpx flex justify-between text-28rpx">
<text class="text-[#999]">合计产品金额</text>
<text class="text-[#333]">{{ formatPrice(totalProductPrice) }}</text>
</view>
<view class="mb-12rpx flex justify-between text-28rpx">
<text class="text-[#999]">合计税额</text>
<text class="text-[#333]">{{ formatPrice(totalTaxPrice) }}</text>
</view>
<view class="flex justify-between text-28rpx">
<text class="text-[#999]">合计金额含税</text>
<text class="text-[#1890ff] font-semibold">{{ formatPrice(totalPrice) }}</text>
</view>
</view>
</view>
<!-- 底部保存按钮 -->
@@ -175,22 +213,19 @@
</view>
<!-- 请购类型选择器 -->
<wd-picker
v-model="typePickerVisible"
<wd-picker v-model:show="typePickerVisible"
:columns="typeColumns"
@confirm="onTypeConfirm"
/>
<!-- 优先级选择器 -->
<wd-picker
v-model="priorityPickerVisible"
<wd-picker v-model:show="priorityPickerVisible"
:columns="priorityColumns"
@confirm="onPriorityConfirm"
/>
<!-- 紧急程度选择器 -->
<wd-picker
v-model="emergencyPickerVisible"
<wd-picker v-model:show="emergencyPickerVisible"
:columns="emergencyColumns"
@confirm="onEmergencyConfirm"
/>
@@ -210,19 +245,13 @@
:value="formData.expectedTime"
@confirm="onExpectedDateConfirm"
/>
<!-- 产品选择器 -->
<wd-picker
v-model="productPickerVisible"
:columns="productColumns"
@confirm="onProductConfirm"
/>
</view>
</template>
<script lang="ts" setup>
import type { FormInstance } from 'wot-design-uni/components/wd-form/types'
import type { PurchaseRequisition, PurchaseRequisitionItem } from '@/api/erp/purchase-requisition'
import type { ProductSimple } from '@/api/erp/product'
import { computed, onMounted, ref } from 'vue'
import { useToast } from 'wot-design-uni'
import {
@@ -233,7 +262,7 @@ import {
REQUISITION_TYPE_OPTIONS,
updatePurchaseRequisition,
} from '@/api/erp/purchase-requisition'
import { formatDate as formatDateValue } from '@/utils/date'
import { getProductSimpleList } from '@/api/erp/product'
import { navigateBackPlus } from '@/utils'
const props = defineProps<{
@@ -258,11 +287,10 @@ const formData = ref<PurchaseRequisition>({
emergencyDegree: 1,
requestTime: undefined,
expectedTime: undefined,
remark: undefined,
remark: '',
items: [],
})
const formRules = {
type: [{ required: true, message: '请购类型不能为空' }],
requestTime: [{ required: true, message: '请购时间不能为空' }],
expectedTime: [{ required: true, message: '期望到货时间不能为空' }],
}
@@ -270,35 +298,31 @@ const formRef = ref<FormInstance>()
// 类型选择器
const typePickerVisible = ref(false)
const typeColumns = computed(() => [
REQUISITION_TYPE_OPTIONS.map(v => ({ value: v.value, label: v.label })),
])
const typeColumns = computed(() =>
REQUISITION_TYPE_OPTIONS.map(v => ({ label: v.label, value: v.value })),
)
// 优先级选择器
const priorityPickerVisible = ref(false)
const priorityColumns = computed(() => [
PRIORITY_OPTIONS.map(v => ({ value: v.value, label: v.label })),
])
const priorityColumns = computed(() =>
PRIORITY_OPTIONS.map(v => ({ label: v.label, value: v.value })),
)
// 紧急程度选择器
const emergencyPickerVisible = ref(false)
const emergencyColumns = computed(() => [
EMERGENCY_OPTIONS.map(v => ({ value: v.value, label: v.label })),
])
const emergencyColumns = computed(() =>
EMERGENCY_OPTIONS.map(v => ({ label: v.label, value: v.value })),
)
// 日期选择器
const requestDatePickerVisible = ref(false)
const expectedDatePickerVisible = ref(false)
const requestDatePickerVisible = ref<any>(false)
const expectedDatePickerVisible = ref<any>(false)
// 产品列表
const productList = ref<{ id: number, name: string, unitName?: string }[]>([])
const productPickerVisible = ref(false)
const productColumns = computed(() => [
productList.value.map(v => ({ value: v.id, label: v.name })),
])
// 当前编辑的产品项索引
const currentItemIndex = ref(-1)
const productList = ref<ProductSimple[]>([])
const productColumns = computed(() =>
productList.value.map(v => ({ label: v.name, value: v.id })),
)
/** 合计数量 */
const totalCount = computed(() => {
@@ -348,8 +372,14 @@ function formatPrice(price?: number) {
}
/** 格式化日期 */
function formatDate(dateStr?: string | number | Date) {
return formatDateValue(dateStr) || '-'
function formatDate(dateVal?: string | number) {
if (!dateVal) return '-'
if (typeof dateVal === 'number') {
const d = new Date(dateVal)
const pad = (n: number) => n.toString().padStart(2, '0')
return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}`
}
return String(dateVal).substring(0, 10)
}
/** 返回上一页 */
@@ -357,6 +387,16 @@ function handleBack() {
navigateBackPlus('/pages-erp/purchase-requisition/index')
}
/** 加载下拉列表数据 */
async function loadDropdownData() {
try {
const products = await getProductSimpleList()
productList.value = products || []
} catch {
// error handled by http
}
}
/** 加载详情 */
async function getDetail() {
if (!props.id) return
@@ -370,19 +410,19 @@ async function getDetail() {
/** 类型确认 */
function onTypeConfirm({ value }: any) {
formData.value.type = value?.[0]
formData.value.type = value?.[0] ?? formData.value.type
typePickerVisible.value = false
}
/** 优先级确认 */
function onPriorityConfirm({ value }: any) {
formData.value.priority = value?.[0]
formData.value.priority = value?.[0] ?? formData.value.priority
priorityPickerVisible.value = false
}
/** 紧急程度确认 */
function onEmergencyConfirm({ value }: any) {
formData.value.emergencyDegree = value?.[0]
formData.value.emergencyDegree = value?.[0] ?? formData.value.emergencyDegree
emergencyPickerVisible.value = false
}
@@ -398,47 +438,58 @@ function onExpectedDateConfirm({ value }: any) {
expectedDatePickerVisible.value = false
}
/** 打开产品选择 */
function openProductPicker(index: number) {
currentItemIndex.value = index
productPickerVisible.value = true
}
/** 产品确认 */
function onProductConfirm({ value }: any) {
if (currentItemIndex.value >= 0 && formData.value.items) {
const item = formData.value.items[currentItemIndex.value]
item.productId = value?.[0]
const product = productList.value.find(p => p.id === item.productId)
item.productName = product?.name
item.productUnitName = product?.unitName
/** 产品选择回调:自动填充规格/单位/条码 */
function onProductConfirm({ value }: any, index: number) {
const productId = value?.[0]
if (formData.value.items && formData.value.items[index]) {
const item = formData.value.items[index]
item.productId = productId
const product = productList.value.find(p => p.id === productId)
if (product) {
item.productName = product.name
item.productSpec = product.standard || ''
item.productUnitName = product.unitName || ''
item.productUnitId = product.unitId as any
item.productBarCode = product.barCode || ''
item.productPrice = product.purchasePrice
}
}
productPickerVisible.value = false
}
/** 添加产品项 */
function addItem() {
function handleAddItem() {
if (!formData.value.items) {
formData.value.items = []
}
formData.value.items.push({
productId: undefined,
productName: undefined,
productUnitName: undefined,
count: undefined,
productId: undefined as any,
productName: undefined as any,
productUnitId: undefined as any,
productUnitName: undefined as any,
productSpec: undefined as any,
productBarCode: undefined as any,
productPrice: undefined,
count: 1 as any,
totalProductPrice: 0,
taxPercent: undefined,
taxPrice: 0,
totalPrice: 0,
purpose: undefined,
remark: undefined,
purpose: '',
remark: '',
})
}
/** 移除产品项 */
function removeItem(index: number) {
function handleRemoveItem(index: number) {
uni.showModal({
title: '提示',
content: `确定要删除第 ${index + 1} 项产品吗?`,
success: (res) => {
if (res.confirm) {
formData.value.items?.splice(index, 1)
}
},
})
}
/** 计算产品项金额(含税) */
@@ -467,13 +518,14 @@ async function handleSubmit() {
return
}
for (const item of formData.value.items) {
for (let i = 0; i < formData.value.items.length; i++) {
const item = formData.value.items[i]
if (!item.productId) {
toast.error('请选择产品')
toast.warning(`${i + 1} 项产品ID不能为空`)
return
}
if (!item.count || Number(item.count) <= 0) {
toast.error('请输入有效的数量')
if (!item.count) {
toast.warning(`${i + 1} 项产品数量不能为空`)
return
}
}
@@ -503,7 +555,7 @@ async function handleSubmit() {
/** 初始化 */
onMounted(async () => {
// 加载详情
await loadDropdownData()
getDetail()
})
</script>

View File

@@ -1,5 +1,5 @@
<template>
<view class="yd-page-container">
<view class="yd-page-container erp-page">
<!-- 顶部导航栏 -->
<wd-navbar
title="采购申请"
@@ -219,7 +219,6 @@ import {
updatePurchaseRequisitionStatus,
} from '@/api/erp/purchase-requisition'
import { useAccess } from '@/hooks/useAccess'
import { formatDate as formatDateValue } from '@/utils/date'
import { getNavbarHeight, navigateBackPlus } from '@/utils'
definePage({
@@ -234,7 +233,7 @@ const toast = useToast()
const total = ref(0)
const list = ref<PurchaseRequisition[]>([])
const loadMoreState = ref<LoadMoreState>('loading')
const queryParams = ref<Record<string, any>>({
const queryParams = ref<{ pageNo: number; pageSize: number } & Record<string, any>>({
pageNo: 1,
pageSize: 10,
status: undefined,
@@ -360,8 +359,9 @@ function formatPrice(price?: number) {
}
/** 格式化日期 */
function formatDate(dateStr?: string | number | Date) {
return formatDateValue(dateStr) || '-'
function formatDate(date?: string) {
if (!date) return '-'
return new Date(date).toLocaleDateString('zh-CN')
}
/** 返回上一页 */

View File

@@ -1,5 +1,5 @@
<template>
<view class="yd-page-container">
<view class="yd-page-container erp-page">
<!-- 顶部导航栏 -->
<wd-navbar
title="采购退货详情"
@@ -8,7 +8,7 @@
/>
<!-- 详情内容 -->
<view v-if="formData">
<view v-if="formData" class="pb-180rpx">
<!-- 基本信息 -->
<wd-cell-group title="基本信息" border>
<wd-cell title="退货单编号" :value="formData.no" />

View File

@@ -1,5 +1,5 @@
<template>
<view class="yd-page-container">
<view class="yd-page-container erp-page">
<!-- 顶部导航栏 -->
<wd-navbar
:title="getTitle"
@@ -81,8 +81,8 @@
</view>
<!-- 退货明细 -->
<view class="mx-24rpx mt-24rpx pb-180rpx">
<view class="mb-16rpx flex items-center justify-between">
<view class="erp-form-body">
<view class="erp-form-section-heading">
<view class="text-32rpx text-[#333] font-semibold">
退货明细{{ formData.items?.length || 0 }}
</view>
@@ -90,9 +90,9 @@
<view
v-for="(item, index) in formData.items"
:key="index"
class="mb-16rpx overflow-hidden rounded-12rpx bg-white shadow-sm"
class="erp-form-item-card"
>
<view class="flex items-center justify-between bg-[#f8f8f8] px-24rpx py-12rpx">
<view class="erp-form-item-card__header">
<text class="text-28rpx text-[#333] font-semibold">产品 #{{ index + 1 }} {{ item.productName || '' }}</text>
<wd-button
v-if="formData.items && formData.items.length > 1"
@@ -101,7 +101,7 @@
删除
</wd-button>
</view>
<view class="p-24rpx">
<view class="erp-form-item-list">
<!-- 仓库选择 -->
<view class="mb-16rpx">
<text class="mb-8rpx block text-24rpx text-[#999]">仓库</text>
@@ -113,7 +113,7 @@
/>
</view>
<!-- 自动填充的产品信息只读 -->
<view v-if="item.productId" class="mb-16rpx rounded-8rpx bg-[#f9f9f9] p-16rpx">
<view v-if="item.productId" class="erp-form-info-card">
<view class="mb-8rpx flex justify-between text-24rpx">
<text class="text-[#999]">产品名称</text>
<text class="text-[#333]">{{ item.productName || '-' }}</text>
@@ -207,7 +207,7 @@
<!-- 采购订单选择弹窗可退货订单 -->
<wd-popup v-model="orderSelectVisible" position="right" custom-style="width: 100%; height: 100%;">
<view class="yd-page-container">
<view class="yd-page-container erp-page">
<wd-navbar
title="选择采购订单"
left-arrow placeholder safe-area-inset-top fixed
@@ -223,11 +223,11 @@
<view
v-for="item in orderList"
:key="item.id"
class="mb-20rpx overflow-hidden rounded-12rpx bg-white shadow-sm"
class="erp-form-item-card"
:class="{ 'border-2 border-[#1890ff]': selectedOrderId === item.id }"
@click="handleSelectOrder(item)"
>
<view class="p-24rpx">
<view class="erp-form-item-list">
<view class="mb-12rpx flex items-center justify-between">
<view class="text-30rpx text-[#333] font-semibold">{{ item.no }}</view>
<wd-icon v-if="selectedOrderId === item.id" name="check" color="#1890ff" size="40rpx" />
@@ -325,7 +325,7 @@ const formData = ref<PurchaseReturn>({
no: undefined,
supplierId: undefined,
accountId: undefined,
returnTime: undefined,
returnTime: new Date().toISOString(),
orderId: undefined,
orderNo: undefined,
discountPercent: 0,
@@ -358,14 +358,20 @@ const orderTotal = ref(0)
const selectedOrderId = ref<number>()
/** 账户下拉列 */
const accountColumns = computed(() => [
accountList.value.map(a => ({ value: a.id, label: a.name })),
])
const accountColumns = computed(() => {
if (!accountList.value.length) {
return []
}
return [accountList.value.map(a => ({ value: a.id, label: a.name }))]
})
/** 仓库下拉列 */
const warehouseColumns = computed(() => [
warehouseList.value.map(w => ({ value: w.id, label: w.name })),
])
const warehouseColumns = computed(() => {
if (!warehouseList.value.length) {
return []
}
return [warehouseList.value.map(w => ({ value: w.id, label: w.name }))]
})
/** 获取供应商名称 */
function getSupplierName() {
@@ -375,15 +381,29 @@ function getSupplierName() {
}
/** 账户选择回调 */
function onAccountConfirm({ value }: any) {
formData.value.accountId = value?.[0]
function getPickerSingleValue(payload: any) {
if (Array.isArray(payload?.value)) {
return payload.value[0]
}
if (payload?.value !== undefined) {
return payload.value
}
if (Array.isArray(payload?.selectedItems) && payload.selectedItems.length > 0) {
return payload.selectedItems[0]?.value
}
return undefined
}
function onAccountConfirm(payload: any) {
formData.value.accountId = getPickerSingleValue(payload)
}
/** 仓库选择回调 */
function onWarehouseConfirm({ value }: any, index: number) {
function onWarehouseConfirm(payload: any, index: number) {
if (formData.value.items && formData.value.items[index]) {
formData.value.items[index].warehouseId = value?.[0]
const warehouse = warehouseList.value.find(w => w.id === value?.[0])
const warehouseId = getPickerSingleValue(payload)
formData.value.items[index].warehouseId = warehouseId
const warehouse = warehouseList.value.find(w => w.id === warehouseId)
if (warehouse) {
formData.value.items[index].warehouseName = warehouse.name
}

View File

@@ -1,5 +1,5 @@
<template>
<view class="yd-page-container">
<view class="yd-page-container erp-page">
<!-- 顶部导航栏 -->
<wd-navbar
title="采购退货"
@@ -174,7 +174,7 @@ const total = ref(0)
const list = ref<PurchaseReturn[]>([])
const loadMoreState = ref<LoadMoreState>('loading')
const activeStatus = ref<number | undefined>(undefined)
const queryParams = ref<Record<string, any>>({
const queryParams = ref<{ pageNo: number; pageSize: number } & Record<string, any>>({
pageNo: 1,
pageSize: 10,
})

View File

@@ -0,0 +1,271 @@
<template>
<view class="yd-page-container erp-page">
<wd-navbar title="采购统计" left-arrow placeholder safe-area-inset-top fixed @click-left="handleBack" />
<view class="erp-page__body">
<view class="grid grid-cols-2 gap-16rpx">
<view class="erp-metric-card">
<view class="erp-metric-card__label">今日采购</view>
<view class="erp-metric-card__value">¥{{ formatPrice(summary?.todayPrice) }}</view>
</view>
<view class="erp-metric-card">
<view class="erp-metric-card__label">昨日采购</view>
<view class="erp-metric-card__value">¥{{ formatPrice(summary?.yesterdayPrice) }}</view>
</view>
<view class="erp-metric-card">
<view class="erp-metric-card__label">本月采购</view>
<view class="erp-metric-card__value">¥{{ formatPrice(summary?.monthPrice) }}</view>
</view>
<view class="erp-metric-card">
<view class="erp-metric-card__label">今年采购</view>
<view class="erp-metric-card__value">¥{{ formatPrice(summary?.yearPrice) }}</view>
</view>
</view>
<view class="erp-section">
<view class="mb-16rpx flex items-center justify-between">
<view class="erp-section__title !mb-0 !p-0 !border-0">采购趋势</view>
<wd-radio-group v-model="trendType" shape="button" @change="handleTrendTypeChange">
<wd-radio value="week">按周</wd-radio>
<wd-radio value="month">按月</wd-radio>
</wd-radio-group>
</view>
<view class="grid grid-cols-2 gap-16rpx mb-16rpx">
<view class="erp-metric-card">
<view class="erp-metric-card__label">净采购金额</view>
<view class="erp-metric-card__value">¥{{ formatPrice(trendAnalysis.totalPrice) }}</view>
</view>
<view class="erp-metric-card">
<view class="erp-metric-card__label">净采购数量</view>
<view class="erp-metric-card__value">{{ formatCount(trendAnalysis.totalCount) }}</view>
</view>
</view>
<view v-if="trendList.length">
<view v-for="item in trendList" :key="item.time" class="erp-form-item-card erp-form-item-card--padded">
<view class="mb-8rpx flex items-center justify-between">
<text class="erp-card-title">{{ item.time }}</text>
<text class="text-24rpx text-[#999]">数量 {{ formatCount(item.count) }}</text>
</view>
<view class="text-32rpx font-semibold text-[#1890ff]">¥{{ formatPrice(item.price) }}</view>
</view>
</view>
<view v-else class="erp-empty">暂无趋势数据</view>
</view>
<view class="erp-section">
<view class="mb-16rpx flex items-center justify-between">
<view class="erp-section__title !mb-0 !p-0 !border-0">产品采购统计</view>
<wd-radio-group v-model="productSortBy" shape="button" @change="getProductRank">
<wd-radio value="price">按金额</wd-radio>
<wd-radio value="count">按数量</wd-radio>
</wd-radio-group>
</view>
<view class="mb-16rpx flex gap-16rpx">
<view class="flex-1">
<text class="mb-8rpx block text-24rpx text-[#999]">开始日期</text>
<wd-datetime-picker v-model="productDateRange[0]" type="date" label="" placeholder="开始日期" />
</view>
<view class="flex-1">
<text class="mb-8rpx block text-24rpx text-[#999]">结束日期</text>
<wd-datetime-picker v-model="productDateRange[1]" type="date" label="" placeholder="结束日期" />
</view>
</view>
<wd-button type="primary" plain block @click="getProductRank">刷新产品榜单</wd-button>
<view v-if="productRankList.length" class="mt-16rpx">
<view v-for="(item, index) in productRankList" :key="item.productId || index" class="erp-form-item-card erp-form-item-card--padded">
<view class="mb-8rpx flex items-center justify-between">
<text class="erp-card-title">#{{ index + 1 }} {{ item.productName }}</text>
<text class="text-24rpx text-[#999]">占比 {{ formatPercent(item.shareRate) }}</text>
</view>
<view class="erp-field-row"><text>净采购金额</text><text>¥{{ formatPrice(item.price) }}</text></view>
<view class="erp-field-row"><text>净采购数量</text><text>{{ formatCount(item.count) }}</text></view>
<view class="erp-field-row"><text>退货金额</text><text>¥{{ formatPrice(item.returnPrice) }}</text></view>
<view class="erp-field-row"><text>退货数量</text><text>{{ formatCount(item.returnCount) }}</text></view>
<view class="erp-field-row"><text>均价</text><text>¥{{ formatPrice(item.avgPrice) }}</text></view>
<view class="erp-field-row"><text>单据数</text><text>{{ item.orderCount || 0 }}</text></view>
</view>
</view>
<view v-else class="erp-empty">暂无产品统计数据</view>
</view>
<view class="erp-section">
<view class="mb-16rpx flex items-center justify-between">
<view class="erp-section__title !mb-0 !p-0 !border-0">供应商采购统计</view>
<wd-radio-group v-model="supplierSortBy" shape="button" @change="getSupplierRank">
<wd-radio value="price">按金额</wd-radio>
<wd-radio value="count">按数量</wd-radio>
</wd-radio-group>
</view>
<view class="mb-16rpx flex gap-16rpx">
<view class="flex-1">
<text class="mb-8rpx block text-24rpx text-[#999]">开始日期</text>
<wd-datetime-picker v-model="supplierDateRange[0]" type="date" label="" placeholder="开始日期" />
</view>
<view class="flex-1">
<text class="mb-8rpx block text-24rpx text-[#999]">结束日期</text>
<wd-datetime-picker v-model="supplierDateRange[1]" type="date" label="" placeholder="结束日期" />
</view>
</view>
<wd-button type="primary" plain block @click="getSupplierRank">刷新供应商榜单</wd-button>
<view v-if="supplierRankList.length" class="mt-16rpx">
<view v-for="(item, index) in supplierRankList" :key="item.supplierId || index" class="erp-form-item-card erp-form-item-card--padded">
<view class="mb-8rpx flex items-center justify-between">
<text class="erp-card-title">#{{ index + 1 }} {{ item.supplierName }}</text>
<text class="text-24rpx text-[#999]">占比 {{ formatPercent(item.shareRate) }}</text>
</view>
<view class="erp-field-row"><text>净采购金额</text><text>¥{{ formatPrice(item.price) }}</text></view>
<view class="erp-field-row"><text>净采购数量</text><text>{{ formatCount(item.count) }}</text></view>
<view class="erp-field-row"><text>退货金额</text><text>¥{{ formatPrice(item.returnPrice) }}</text></view>
<view class="erp-field-row"><text>退货数量</text><text>{{ formatCount(item.returnCount) }}</text></view>
<view class="erp-field-row"><text>均价</text><text>¥{{ formatPrice(item.avgPrice) }}</text></view>
<view class="erp-field-row"><text>单据数</text><text>{{ item.orderCount || 0 }}</text></view>
</view>
</view>
<view v-else class="erp-empty">暂无供应商统计数据</view>
</view>
<view class="erp-section">
<view class="mb-16rpx flex items-center justify-between">
<view class="erp-section__title !mb-0 !p-0 !border-0">智能分析</view>
<wd-button type="primary" size="small" :loading="aiLoading" @click="analyzeWithAI">生成分析</wd-button>
</view>
<view v-if="aiResult" class="text-26rpx leading-[1.7] text-[#666] whitespace-pre-wrap">{{ aiResult }}</view>
<view v-else class="erp-empty">暂无分析内容</view>
</view>
</view>
</view>
</template>
<script lang="ts" setup>
import type { PurchaseProductRank, PurchaseSummary, PurchaseSupplierRank, PurchaseTrend } from '@/api/erp/purchase-statistics'
import { computed, onMounted, ref } from 'vue'
import { useToast } from 'wot-design-uni'
import {
analyzePurchaseStatistics,
getPurchaseProductRank,
getPurchaseSummary,
getPurchaseSupplierRank,
getPurchaseTrendByMonth,
getPurchaseTrendByWeek,
} from '@/api/erp/purchase-statistics'
import { navigateBackPlus } from '@/utils'
definePage({
style: {
navigationBarTitleText: '',
navigationStyle: 'custom',
},
})
const toast = useToast()
const summary = ref<PurchaseSummary>()
const trendList = ref<PurchaseTrend[]>([])
const productRankList = ref<PurchaseProductRank[]>([])
const supplierRankList = ref<PurchaseSupplierRank[]>([])
const trendType = ref<'week' | 'month'>('month')
const productSortBy = ref<'price' | 'count'>('price')
const supplierSortBy = ref<'price' | 'count'>('price')
const aiLoading = ref(false)
const aiResult = ref('')
const now = new Date()
const startOfYear = new Date(now.getFullYear(), 0, 1).getTime()
const productDateRange = ref<(number | string | undefined)[]>([startOfYear, Date.now()])
const supplierDateRange = ref<(number | string | undefined)[]>([startOfYear, Date.now()])
const trendAnalysis = computed(() => {
const prices = trendList.value.map(v => Number(v.price || 0))
const counts = trendList.value.map(v => Number(v.count || 0))
return {
totalPrice: prices.reduce((sum, item) => sum + item, 0),
totalCount: counts.reduce((sum, item) => sum + item, 0),
}
})
function formatPrice(value?: number) {
return Number(value || 0).toFixed(2)
}
function formatCount(value?: number) {
return Number(value || 0).toFixed(2)
}
function formatPercent(value?: number) {
return `${Number(value || 0).toFixed(2)}%`
}
function formatDateTime(value?: string | number | Date) {
if (!value) return ''
const date = new Date(value)
if (Number.isNaN(date.getTime())) return ''
const month = `${date.getMonth() + 1}`.padStart(2, '0')
const day = `${date.getDate()}`.padStart(2, '0')
return `${date.getFullYear()}-${month}-${day} 00:00:00`
}
function handleBack() {
navigateBackPlus()
}
async function getTrendData() {
trendList.value = trendType.value === 'week'
? await getPurchaseTrendByWeek(12)
: await getPurchaseTrendByMonth(12)
}
async function getProductRank() {
const [beginTime, endTime] = productDateRange.value
if (!beginTime || !endTime) {
toast.warning('请先选择完整的产品统计时间')
return
}
productRankList.value = await getPurchaseProductRank(formatDateTime(beginTime), formatDateTime(endTime).replace('00:00:00', '23:59:59'), 10, productSortBy.value)
}
async function getSupplierRank() {
const [beginTime, endTime] = supplierDateRange.value
if (!beginTime || !endTime) {
toast.warning('请先选择完整的供应商统计时间')
return
}
supplierRankList.value = await getPurchaseSupplierRank(formatDateTime(beginTime), formatDateTime(endTime).replace('00:00:00', '23:59:59'), 10, supplierSortBy.value)
}
async function handleTrendTypeChange() {
await getTrendData()
}
async function analyzeWithAI() {
aiLoading.value = true
try {
const result = await analyzePurchaseStatistics({
summary: summary.value,
trendData: trendList.value,
productRankList: productRankList.value,
supplierRankList: supplierRankList.value,
trendType: trendType.value,
productRankSortBy: productSortBy.value,
supplierRankSortBy: supplierSortBy.value,
})
aiResult.value = result?.data || result || ''
} catch {
aiResult.value = [
'采购数据分析',
`1. 当前累计净采购金额为 ¥${formatPrice(trendAnalysis.value.totalPrice)}`,
`2. 当前累计净采购数量为 ${formatCount(trendAnalysis.value.totalCount)}`,
`3. 产品榜首为 ${productRankList.value[0]?.productName || '暂无'}`,
`4. 供应商榜首为 ${supplierRankList.value[0]?.supplierName || '暂无'}`,
].join('\n')
} finally {
aiLoading.value = false
}
}
onMounted(async () => {
summary.value = await getPurchaseSummary()
await Promise.all([getTrendData(), getProductRank(), getSupplierRank()])
})
</script>
<style lang="scss" scoped>
</style>

View File

@@ -0,0 +1,311 @@
<template>
<view class="yd-page-container erp-page">
<!-- 顶部导航栏 -->
<wd-navbar
title="订单详情"
left-arrow placeholder safe-area-inset-top fixed
@click-left="handleBack"
/>
<view class="erp-page__body" :class="{ 'opacity-60': loading }">
<!-- 基本信息 -->
<view class="erp-section">
<view class="erp-section__title">基本信息</view>
<view class="info-row">
<text class="info-label">订单单号</text>
<text class="info-value">{{ detail.no || '-' }}</text>
</view>
<view class="info-row">
<text class="info-label">客户</text>
<text class="info-value">{{ detail.customerName || '-' }}</text>
</view>
<view class="info-row">
<text class="info-label">订单时间</text>
<text class="info-value">{{ formatDate(detail.orderTime) || '-' }}</text>
</view>
<view class="info-row">
<text class="info-label">状态</text>
<view :class="getStatusClass(detail.status)">
{{ getStatusText(detail.status) }}
</view>
</view>
</view>
<!-- 付款信息 -->
<view class="erp-section" v-if="detail.depositPrice || detail.paymentCondition">
<view class="erp-section__title">付款信息</view>
<view class="info-row" v-if="detail.paymentCondition">
<text class="info-label">付款条件</text>
<text class="info-value">{{ getPaymentConditionText(detail.paymentCondition) }}</text>
</view>
<view class="info-row" v-if="detail.paymentMethod">
<text class="info-label">付款方式</text>
<text class="info-value">{{ getPaymentMethodText(detail.paymentMethod) }}</text>
</view>
<view class="info-row" v-if="detail.depositPrice">
<text class="info-label">收取订金</text>
<text class="info-value text-[#409eff]">¥{{ formatPrice(detail.depositPrice) }}</text>
</view>
</view>
<!-- 产品清单 -->
<view class="erp-section">
<view class="erp-section__title">产品清单</view>
<view
v-for="(item, index) in detail.items"
:key="index"
class="product-item"
>
<view class="flex justify-between items-center mb-8rpx">
<text class="text-28rpx font-medium">{{ item.productName }}</text>
</view>
<view class="flex justify-between text-24rpx text-[#999]">
<text>单价: ¥{{ formatPrice(item.unitPrice) }}</text>
<text>数量: {{ item.count }}</text>
<text class="text-[#409eff]">小计: ¥{{ formatPrice(item.totalPrice) }}</text>
</view>
</view>
<view v-if="!detail.items || detail.items.length === 0" class="erp-empty">
暂无产品
</view>
</view>
<!-- 金额汇总 -->
<view class="erp-section">
<view class="erp-section__title">金额汇总</view>
<view class="info-row">
<text class="info-label">总数量</text>
<text class="info-value">{{ formatCount(detail.totalCount) }}</text>
</view>
<view class="info-row">
<text class="info-label">产品金额</text>
<text class="info-value">¥{{ formatPrice(detail.totalProductPrice) }}</text>
</view>
<view class="info-row" v-if="detail.discountPercent">
<text class="info-label">优惠率</text>
<text class="info-value">{{ detail.discountPercent }}%</text>
</view>
<view class="info-row" v-if="detail.discountPrice">
<text class="info-label">优惠金额</text>
<text class="info-value">-¥{{ formatPrice(detail.discountPrice) }}</text>
</view>
<view class="info-row total-row">
<text class="info-label">含税金额</text>
<text class="info-value text-[#409eff] text-36rpx">¥{{ formatPrice(detail.totalPrice) }}</text>
</view>
</view>
<!-- 其他信息 -->
<view class="erp-section" v-if="detail.remark">
<view class="erp-section__title">备注</view>
<view class="text-26rpx text-[#606266] leading-1.6">{{ detail.remark }}</view>
</view>
</view>
<!-- 底部操作按钮 -->
<view class="yd-detail-footer" v-if="detail.status === 10 && !detail.hasApprovalRecords">
<wd-button
v-if="hasAccessByCodes(['erp:sale-order:update'])"
type="primary" plain
@click="handleEdit"
>
编辑
</wd-button>
<wd-button
v-if="hasAccessByCodes(['erp:sale-order:update-status'])"
type="success"
@click="handleApprove"
>
审批
</wd-button>
</view>
</view>
</template>
<script lang="ts" setup>
import type { SaleOrder } from '@/api/erp/sale-order'
import { onMounted, ref } from 'vue'
import { useToast } from 'wot-design-uni'
import { getSaleOrder, updateSaleOrderStatus } from '@/api/erp/sale-order'
import { useAccess } from '@/hooks/useAccess'
import { navigateBackPlus } from '@/utils'
const props = defineProps<{
id?: number | any
}>()
definePage({
style: {
navigationBarTitleText: '',
navigationStyle: 'custom',
},
})
const { hasAccessByCodes } = useAccess()
const toast = useToast()
const loading = ref(false)
const detail = ref<Partial<SaleOrder>>({})
/** 返回上一页 */
function handleBack() {
navigateBackPlus('/pages-erp/sale-order/index')
}
/** 格式化日期 */
function formatDate(date: any) {
if (!date) return ''
const d = new Date(date)
const year = d.getFullYear()
const month = String(d.getMonth() + 1).padStart(2, '0')
const day = String(d.getDate()).padStart(2, '0')
return `${year}-${month}-${day}`
}
/** 格式化数量 */
function formatCount(count?: number) {
if (count === undefined || count === null) return '0'
return String(Math.trunc(count))
}
/** 格式化价格 */
function formatPrice(price?: number) {
if (price === undefined || price === null) return '0.00'
return Number(price).toFixed(2)
}
/** 获取状态样式 */
function getStatusClass(status?: number) {
switch (status) {
case 10:
return 'status-tag bg-[#fffbe6] text-[#faad14]'
case 20:
return 'status-tag bg-[#f6ffed] text-[#52c41a]'
default:
return 'status-tag bg-[#f5f5f5] text-[#999]'
}
}
/** 获取状态文本 */
function getStatusText(status?: number) {
switch (status) {
case 10:
return '未审核'
case 20:
return '已审核'
default:
return '-'
}
}
/** 获取付款条件文本 */
function getPaymentConditionText(condition?: number) {
const map: Record<number, string> = {
1: '款到发货',
2: '货到付款',
3: '月结',
}
return map[condition || 0] || '-'
}
/** 获取付款方式文本 */
function getPaymentMethodText(method?: number) {
const map: Record<number, string> = {
1: '现金',
2: '银行转账',
3: '微信支付',
4: '支付宝',
}
return map[method || 0] || '-'
}
/** 编辑 */
function handleEdit() {
uni.navigateTo({ url: `/pages-erp/sale-order/form/index?id=${props.id}` })
}
/** 审批 */
function handleApprove() {
uni.showModal({
title: '提示',
content: '确定审批该订单吗?',
success: async (res) => {
if (!res.confirm) return
try {
await updateSaleOrderStatus(props.id, 20)
toast.success('审批成功')
getDetail()
} catch {
// error handled by http
}
},
})
}
/** 加载详情 */
async function getDetail() {
if (!props.id) return
loading.value = true
try {
detail.value = await getSaleOrder(props.id)
} catch (e) {
toast.error('加载失败')
} finally {
loading.value = false
}
}
/** 初始化 */
onMounted(() => {
getDetail()
})
</script>
<style lang="scss" scoped>
.info-row {
display: flex;
justify-content: space-between;
align-items: center;
padding: 16rpx 0;
border-bottom: 1rpx solid #f5f7fa;
&:last-child {
border-bottom: none;
}
.info-label {
color: #909399;
font-size: 28rpx;
flex-shrink: 0;
}
.info-value {
color: #333;
font-size: 28rpx;
text-align: right;
}
}
.total-row {
margin-top: 16rpx;
padding-top: 16rpx;
border-top: 2rpx solid #eee;
border-bottom: none;
}
.status-tag {
padding: 4rpx 16rpx;
border-radius: 8rpx;
font-size: 24rpx;
}
.product-item {
padding: 20rpx;
background: #f8fafc;
border-radius: 12rpx;
margin-bottom: 16rpx;
&:last-child {
margin-bottom: 0;
}
}
</style>

View File

@@ -0,0 +1,423 @@
<template>
<view class="yd-page-container erp-page">
<wd-navbar
:title="getTitle"
left-arrow
placeholder
safe-area-inset-top
fixed
@click-left="handleBack"
/>
<view class="erp-form-body">
<wd-form ref="formRef" :model="formData" :rules="formRules">
<wd-cell-group title="基本信息" border>
<wd-picker
v-model="formData.customerId"
label="客户"
label-width="180rpx"
prop="customerId"
:columns="customerColumns"
placeholder="请选择"
/>
<wd-datetime-picker
v-model="formData.orderTime"
type="date"
label="订单时间"
label-width="180rpx"
placeholder="请选择"
/>
<wd-picker
v-model="formData.saleUserId"
label="销售人员"
label-width="180rpx"
:columns="userColumns"
placeholder="请选择"
/>
</wd-cell-group>
<wd-cell-group title="付款信息" border>
<wd-picker
v-model="formData.paymentCondition"
label="付款条件"
label-width="180rpx"
:columns="paymentConditionColumns"
placeholder="请选择"
/>
<wd-picker
v-model="formData.paymentMethod"
label="付款方式"
label-width="180rpx"
:columns="paymentMethodColumns"
placeholder="请选择"
/>
<wd-picker
v-model="formData.accountId"
label="结算账户"
label-width="180rpx"
:columns="accountColumns"
placeholder="请选择"
/>
<wd-input
v-model="formData.depositPrice"
label="收取订金"
label-width="180rpx"
placeholder="请输入订金"
type="number"
clearable
/>
</wd-cell-group>
<wd-cell-group title="订单产品" border>
<view class="erp-form-item-list">
<view
v-for="(item, index) in formData.items"
:key="index"
class="erp-form-item-card erp-form-item-card--padded"
>
<view class="mb-12rpx flex items-center justify-between">
<text class="erp-card-title">{{ item.productName || `产品${index + 1}` }}</text>
<wd-button size="small" type="error" plain @click="removeItem(index)">删除</wd-button>
</view>
<view class="erp-form-input-row">
<text class="erp-form-input-label">数量</text>
<wd-input
v-model="item.count"
type="number"
placeholder="数量"
clearable
@change="calculateTotal"
/>
</view>
<view class="erp-form-input-row">
<text class="erp-form-input-label">单价</text>
<wd-input
v-model="item.unitPrice"
type="number"
placeholder="单价"
clearable
@change="calculateTotal"
/>
</view>
<view class="erp-form-total-row">
<text class="erp-form-input-label">小计</text>
<text class="text-28rpx text-[#409eff] font-semibold">{{ formatPrice(calculateItemTotal(item)) }}</text>
</view>
</view>
<wd-button type="primary" plain block @click="showProductPicker = true">添加产品</wd-button>
</view>
</wd-cell-group>
<wd-cell-group title="优惠信息" border>
<wd-input
v-model="formData.discountPercent"
label="优惠率(%)"
label-width="180rpx"
placeholder="请输入优惠率"
type="number"
clearable
@change="calculateTotal"
/>
<wd-input
:model-value="formatPrice(formData.discountPrice || 0)"
label="收款优惠"
label-width="180rpx"
placeholder="自动计算"
disabled
/>
<wd-input
:model-value="formatPrice(formData.totalPrice || 0)"
label="优惠后金额"
label-width="180rpx"
placeholder="自动计算"
disabled
/>
</wd-cell-group>
<wd-cell-group title="其他信息" border>
<wd-textarea
v-model="formData.remark"
label="备注"
label-width="180rpx"
placeholder="请输入备注"
:maxlength="200"
show-word-limit
clearable
/>
</wd-cell-group>
</wd-form>
</view>
<view class="yd-detail-footer">
<wd-button type="primary" block :loading="formLoading" @click="handleSubmit">
保存
</wd-button>
</view>
<wd-popup v-model="showProductPicker" position="bottom" custom-style="height: 60%">
<view class="erp-form-item-list">
<view class="mb-24rpx flex items-center justify-between">
<text class="text-32rpx font-semibold">选择产品</text>
<wd-button size="small" @click="showProductPicker = false">关闭</wd-button>
</view>
<scroll-view scroll-y class="product-picker-list">
<view
v-for="product in productList"
:key="product.id"
class="product-picker-item"
:class="{ 'is-active': selectedProductId === product.id }"
@click="selectedProductId = product.id"
>
<view class="product-picker-item__main">
<text class="product-picker-item__name">{{ product.name }}</text>
<text class="product-picker-item__price">¥{{ formatPrice(product.salePrice) }}</text>
</view>
</view>
</scroll-view>
<wd-button type="primary" block class="mt-24rpx" @click="addProduct">确定添加</wd-button>
</view>
</wd-popup>
</view>
</template>
<script lang="ts" setup>
import type { FormInstance } from 'wot-design-uni/components/wd-form/types'
import type { SaleOrder, SaleOrderItem } from '@/api/erp/sale-order'
import { computed, onMounted, ref } from 'vue'
import { useToast } from 'wot-design-uni'
import { createSaleOrder, getSaleOrder, updateSaleOrder } from '@/api/erp/sale-order'
import { getProductSimpleList } from '@/api/erp/product'
import { getCustomerSimpleList } from '@/api/erp/customer'
import { getSimpleUserList } from '@/api/system/user'
import { getAccountSimpleList } from '@/api/erp/account'
import { navigateBackPlus } from '@/utils'
const props = defineProps<{
id?: number | any
}>()
definePage({
style: {
navigationBarTitleText: '',
navigationStyle: 'custom',
},
})
const toast = useToast()
const getTitle = computed(() => (props.id ? '编辑订单' : '新增订单'))
const formLoading = ref(false)
const formRef = ref<FormInstance>()
const customerList = ref<any[]>([])
const userList = ref<any[]>([])
const productList = ref<any[]>([])
const accountList = ref<any[]>([])
const showProductPicker = ref(false)
const selectedProductId = ref<number>()
const formData = ref<SaleOrder>({
id: undefined,
customerId: undefined,
orderTime: Date.now(),
saleUserId: undefined,
paymentCondition: undefined,
paymentMethod: undefined,
accountId: undefined,
depositPrice: undefined,
discountPercent: undefined,
discountPrice: 0,
totalPrice: 0,
remark: undefined,
items: [],
})
const formRules = {
customerId: [{ required: true, message: '请选择客户' }],
}
const customerColumns = computed(() => customerList.value.map(v => ({ label: v.name, value: v.id })))
const userColumns = computed(() => userList.value.map(v => ({ label: v.nickname, value: v.id })))
const accountColumns = computed(() => accountList.value.map(v => ({ label: v.name, value: v.id })))
const paymentConditionOptions = [
{ label: '款到发货', value: 1 },
{ label: '货到付款', value: 2 },
{ label: '月结', value: 3 },
]
const paymentConditionColumns = computed(() => paymentConditionOptions.map(v => ({ label: v.label, value: v.value })))
const paymentMethodOptions = [
{ label: '现金', value: 1 },
{ label: '银行转账', value: 2 },
{ label: '微信支付', value: 3 },
{ label: '支付宝', value: 4 },
]
const paymentMethodColumns = computed(() => paymentMethodOptions.map(v => ({ label: v.label, value: v.value })))
function formatPrice(price?: number) {
if (price === undefined || price === null) return '0.00'
return Number(price).toFixed(2)
}
function calculateItemTotal(item: SaleOrderItem) {
const count = Number(item.count) || 0
const unitPrice = Number(item.unitPrice) || 0
return count * unitPrice
}
function calculateTotal() {
if (!formData.value.items || formData.value.items.length === 0) {
formData.value.totalPrice = 0
formData.value.discountPrice = 0
return
}
const total = formData.value.items.reduce((sum, item) => sum + calculateItemTotal(item), 0)
const discountPercent = Number(formData.value.discountPercent) || 0
formData.value.discountPrice = total * (discountPercent / 100)
formData.value.totalPrice = total - formData.value.discountPrice
}
function addProduct() {
const product = productList.value.find(p => p.id === selectedProductId.value)
if (!product) {
toast.warning('请选择产品')
return
}
const newItem: SaleOrderItem = {
productId: product.id,
productName: product.name,
count: 1,
unitPrice: product.salePrice || 0,
totalPrice: product.salePrice || 0,
}
formData.value.items = [...(formData.value.items || []), newItem]
selectedProductId.value = undefined
showProductPicker.value = false
calculateTotal()
}
function removeItem(index: number) {
formData.value.items?.splice(index, 1)
calculateTotal()
}
function handleBack() {
navigateBackPlus('/pages-erp/sale-order/index')
}
async function getDetail() {
if (!props.id) return
try {
toast.loading('加载中...')
formData.value = await getSaleOrder(props.id)
calculateTotal()
} finally {
toast.close()
}
}
async function loadOptions() {
const [customersResult, usersResult, productsResult, accountsResult] = await Promise.allSettled([
getCustomerSimpleList(),
getSimpleUserList(),
getProductSimpleList(),
getAccountSimpleList(),
])
customerList.value = customersResult.status === 'fulfilled' ? (customersResult.value || []) : []
userList.value = usersResult.status === 'fulfilled' ? (usersResult.value || []) : []
productList.value = productsResult.status === 'fulfilled' ? (productsResult.value || []) : []
accountList.value = accountsResult.status === 'fulfilled' ? (accountsResult.value || []) : []
if ([customersResult, usersResult, productsResult, accountsResult].some(result => result.status === 'rejected')) {
console.error('加载选项失败', {
customersResult,
usersResult,
productsResult,
accountsResult,
})
}
}
async function handleSubmit() {
const { valid } = await formRef.value!.validate()
if (!valid) return
if (!formData.value.items || formData.value.items.length === 0) {
toast.warning('请添加订单产品')
return
}
formLoading.value = true
try {
const submitData = { ...formData.value }
if (submitData.orderTime) {
submitData.orderTime = new Date(submitData.orderTime).getTime()
}
submitData.items = (submitData.items || []).map(item => ({
...item,
totalPrice: calculateItemTotal(item),
}))
if (props.id) {
await updateSaleOrder(submitData)
toast.success('修改成功')
} else {
await createSaleOrder(submitData)
toast.success('新增成功')
}
setTimeout(() => {
handleBack()
}, 500)
} finally {
formLoading.value = false
}
}
onMounted(async () => {
await loadOptions()
await getDetail()
})
</script>
<style lang="scss" scoped>
.product-picker-list {
max-height: 720rpx;
}
.product-picker-item {
padding: 24rpx;
border-bottom: 1rpx solid #f0f0f0;
}
.product-picker-item.is-active {
background: #f0f7ff;
}
.product-picker-item__main {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24rpx;
}
.product-picker-item__name {
flex: 1;
font-size: 28rpx;
color: #333;
}
.product-picker-item__price {
flex-shrink: 0;
font-size: 24rpx;
color: #999;
}
</style>

View File

@@ -0,0 +1,405 @@
<template>
<view class="yd-page-container erp-page">
<!-- 顶部导航栏 -->
<wd-navbar
title="销售订单"
left-arrow placeholder safe-area-inset-top fixed
@click-left="handleBack"
/>
<!-- 搜索组件 -->
<view @click="openSearchForm">
<wd-search :placeholder="searchPlaceholder" hide-cancel disabled />
</view>
<!-- 分类标签 -->
<view class="status-tabs">
<view
:class="['status-tabs__item', { 'is-active': queryParams.status === undefined }]"
@click="onStatusTabChange(undefined)"
>
全部
</view>
<view
:class="['status-tabs__item', { 'is-active': queryParams.status === 10 }]"
@click="onStatusTabChange(10)"
>
未审核
</view>
<view
:class="['status-tabs__item', { 'is-active': queryParams.status === 20 }]"
@click="onStatusTabChange(20)"
>
已审核
</view>
</view>
<!-- 订单列表 -->
<view class="erp-list">
<view
v-for="item in list"
:key="item.id"
class="erp-list-card"
>
<view class="erp-list-card__body" @click="handleDetail(item)">
<!-- 头部单号 + 状态 -->
<view class="mb-16rpx flex items-center justify-between">
<view class="erp-card-title">
{{ item.no || '-' }}
</view>
<view
class="erp-status-tag"
:class="getStatusClass(item.status)"
>
{{ getStatusText(item.status) }}
</view>
</view>
<!-- 客户 -->
<view class="erp-field-row">
<text class="erp-field-row__label">客户</text>
<text class="erp-field-row__value">{{ item.customerName || '-' }}</text>
</view>
<!-- 产品 -->
<view class="erp-field-row">
<text class="erp-field-row__label">产品</text>
<text class="erp-field-row__value line-clamp-1">{{ item.productNames || '-' }}</text>
</view>
<!-- 订单时间 -->
<view class="erp-field-row">
<text class="erp-field-row__label">订单时间</text>
<text class="erp-field-row__value">{{ formatDate(item.orderTime) || '-' }}</text>
</view>
<!-- 数量统计 -->
<view class="erp-metric-grid">
<view class="erp-metric">
<view class="erp-metric__value">{{ formatCount(item.totalCount) }}</view>
<view class="erp-metric__label">总数量</view>
</view>
<view class="erp-metric">
<view class="erp-metric__value">{{ formatCount(item.outCount) }}</view>
<view class="erp-metric__label">出库数</view>
</view>
<view class="erp-metric">
<view class="erp-metric__value text-[#409eff]">¥{{ formatPrice(item.totalPrice) }}</view>
<view class="erp-metric__label">含税金额</view>
</view>
</view>
</view>
<!-- 操作按钮 -->
<view class="erp-list-card__actions" @click.stop>
<wd-button
size="small" plain @click="handleDetail(item)"
>
详情
</wd-button>
<wd-button
v-if="hasAccessByCodes(['erp:sale-order:update']) && item.status === 10 && !item.hasApprovalRecords"
size="small" type="primary" plain @click="handleEdit(item)"
>
编辑
</wd-button>
<wd-button
v-if="hasAccessByCodes(['erp:sale-order:update-status']) && item.status === 10"
size="small" type="success" plain @click="handleApprove(item.id)"
>
审批
</wd-button>
<wd-button
v-if="hasAccessByCodes(['erp:sale-order:delete']) && !item.hasApprovalRecords"
size="small" type="error" plain @click="handleDelete(item.id)"
>
删除
</wd-button>
</view>
</view>
<!-- 加载更多 -->
<view v-if="loadMoreState !== 'loading' && list.length === 0" class="py-100rpx text-center">
<wd-status-tip image="content" tip="暂无订单数据" />
</view>
<wd-loadmore
v-if="list.length > 0"
:state="loadMoreState"
@reload="loadMore"
/>
</view>
<!-- 新增按钮 -->
<wd-fab
v-if="hasAccessByCodes(['erp:sale-order:create'])"
position="right-bottom"
type="primary"
:expandable="false"
@click="handleAdd"
/>
<!-- 搜索弹窗 -->
<wd-popup v-model="searchVisible" position="top" @close="searchVisible = false">
<view class="yd-search-form-container">
<view class="yd-search-form-item">
<view class="yd-search-form-label">订单单号</view>
<wd-input v-model="searchForm.no" placeholder="请输入订单单号" clearable />
</view>
<view class="yd-search-form-actions">
<wd-button class="flex-1" plain @click="handleReset">重置</wd-button>
<wd-button class="flex-1" type="primary" @click="handleSearch">搜索</wd-button>
</view>
</view>
</wd-popup>
</view>
</template>
<script lang="ts" setup>
import type { SaleOrder } from '@/api/erp/sale-order'
import type { LoadMoreState } from '@/http/types'
import { onReachBottom } from '@dcloudio/uni-app'
import { computed, onMounted, reactive, ref } from 'vue'
import { useToast } from 'wot-design-uni'
import { deleteSaleOrder, getSaleOrderPage, updateSaleOrderStatus } from '@/api/erp/sale-order'
import { useAccess } from '@/hooks/useAccess'
import { navigateBackPlus } from '@/utils'
type SaleOrderQueryParams = Parameters<typeof getSaleOrderPage>[0]
definePage({
style: {
navigationBarTitleText: '',
navigationStyle: 'custom',
},
})
/** 打开搜索表单 */
function openSearchForm() {
searchVisible.value = true
}
const { hasAccessByCodes } = useAccess()
const toast = useToast()
const total = ref(0)
const list = ref<SaleOrder[]>([])
const loadMoreState = ref<LoadMoreState>('loading')
const queryParams = ref<SaleOrderQueryParams>({
pageNo: 1,
pageSize: 10,
status: undefined as number | undefined,
})
// 搜索相关
const searchVisible = ref(false)
const searchForm = reactive({
no: undefined as string | undefined,
})
/** 搜索条件 placeholder */
const searchPlaceholder = computed(() => {
const conditions: string[] = []
if (searchForm.no) conditions.push(`单号:${searchForm.no}`)
return conditions.length > 0 ? conditions.join(' | ') : '搜索订单'
})
/** 返回上一页 */
function handleBack() {
navigateBackPlus()
}
/** 状态切换 */
function onStatusTabChange(status: number | undefined) {
queryParams.value.status = status
queryParams.value.pageNo = 1
list.value = []
getList()
}
/** 格式化日期 */
function formatDate(date?: string | number) {
if (!date) return '-'
return new Date(date).toLocaleDateString('zh-CN')
}
/** 格式化数量 */
function formatCount(count?: number) {
if (count === undefined || count === null) return '0'
return String(Math.trunc(count))
}
/** 格式化价格 */
function formatPrice(price?: number) {
if (price === undefined || price === null) return '0.00'
return Number(price).toFixed(2)
}
/** 获取状态样式 */
function getStatusClass(status?: number) {
switch (status) {
case 10:
return 'bg-[#fffbe6] text-[#faad14]'
case 20:
return 'bg-[#f6ffed] text-[#52c41a]'
default:
return 'bg-[#f5f5f5] text-[#999]'
}
}
/** 获取状态文本 */
function getStatusText(status?: number) {
switch (status) {
case 10:
return '未审核'
case 20:
return '已审核'
default:
return '-'
}
}
/** 查询订单列表 */
async function getList() {
loadMoreState.value = 'loading'
try {
const params = { ...queryParams.value }
const data = await getSaleOrderPage(params)
list.value = [...list.value, ...data.list]
total.value = data.total
loadMoreState.value = list.value.length >= total.value ? 'finished' : 'loading'
} catch {
queryParams.value.pageNo = queryParams.value.pageNo > 1 ? queryParams.value.pageNo - 1 : 1
loadMoreState.value = 'error'
}
}
/** 搜索 */
function handleSearch() {
searchVisible.value = false
queryParams.value = {
...queryParams.value,
...searchForm,
pageNo: 1,
pageSize: queryParams.value.pageSize,
}
list.value = []
getList()
}
/** 重置 */
function handleReset() {
searchForm.no = undefined
searchVisible.value = false
queryParams.value = { pageNo: 1, pageSize: 10, status: queryParams.value.status }
list.value = []
getList()
}
/** 加载更多 */
function loadMore() {
if (loadMoreState.value === 'finished') return
queryParams.value.pageNo++
getList()
}
/** 新增订单 */
function handleAdd() {
uni.navigateTo({ url: '/pages-erp/sale-order/form/index' })
}
/** 编辑订单 */
function handleEdit(item: SaleOrder) {
uni.navigateTo({ url: `/pages-erp/sale-order/form/index?id=${item.id}` })
}
/** 查看详情 */
function handleDetail(item: SaleOrder) {
uni.navigateTo({ url: `/pages-erp/sale-order/detail/index?id=${item.id}` })
}
/** 审批 */
function handleApprove(id: number) {
uni.showModal({
title: '提示',
content: '确定审批该订单吗?',
success: async (res) => {
if (!res.confirm) return
try {
await updateSaleOrderStatus(id, 20)
toast.success('审批成功')
list.value = []
queryParams.value.pageNo = 1
getList()
} catch {
// error handled by http
}
},
})
}
/** 删除 */
function handleDelete(id: number) {
uni.showModal({
title: '提示',
content: '确定要删除该订单吗?',
success: async (res) => {
if (!res.confirm) return
try {
await deleteSaleOrder([id])
toast.success('删除成功')
list.value = []
queryParams.value.pageNo = 1
getList()
} catch {
// error handled by http
}
},
})
}
/** 触底加载更多 */
onReachBottom(() => {
loadMore()
})
/** 初始化 */
onMounted(() => {
getList()
})
</script>
<style lang="scss" scoped>
.status-tabs {
display: flex;
margin: 0 24rpx 16rpx;
background: #fff;
border: 1rpx solid #ebeef5;
border-radius: 16rpx;
overflow: hidden;
&__item {
flex: 1;
text-align: center;
padding: 20rpx 0;
font-size: 28rpx;
color: #606266;
cursor: pointer;
transition: all 0.2s;
position: relative;
&.is-active {
color: #018d71;
font-weight: 600;
&::after {
content: '';
position: absolute;
bottom: 0;
left: 25%;
width: 50%;
height: 4rpx;
background: #018d71;
border-radius: 2rpx;
}
}
&:not(:last-child) {
border-right: 1rpx solid #f0f0f0;
}
}
}
</style>

View File

@@ -1,8 +1,7 @@
<template>
<view class="yd-page-container">
<!-- 顶部导航栏 -->
<view class="yd-page-container erp-page">
<wd-navbar
:title="detail?.status === 20 ? '出库详情' : '编辑出库单'"
title="销售出库详情"
left-arrow
placeholder
safe-area-inset-top
@@ -10,200 +9,131 @@
@click-left="handleBack"
/>
<!-- 主内容区 -->
<view class="page-content">
<!-- 顶部状态卡 -->
<view class="status-card">
<view class="status-card__left">
<view class="status-card__no">{{ detail?.no || '-' }}</view>
<view class="status-card__meta">
<text>{{ formatDate(detail?.outTime) }}</text>
<text>·</text>
<text>{{ detail?.customerName || '-' }}</text>
<view class="p-24rpx pb-180rpx" :class="{ 'opacity-60': loading }">
<view class="section-card">
<view class="section-title">
基本信息
</view>
<view class="info-row">
<text class="info-label">出库单号</text>
<text class="info-value">{{ detail.no || '-' }}</text>
</view>
<view class="info-row">
<text class="info-label">客户</text>
<text class="info-value">{{ detail.customerName || '-' }}</text>
</view>
<view class="info-row">
<text class="info-label">出库时间</text>
<text class="info-value">{{ formatDate(detail.outTime) }}</text>
</view>
<view class="info-row">
<text class="info-label">关联订单</text>
<text class="info-value">{{ detail.orderNo || '-' }}</text>
</view>
<view class="info-row">
<text class="info-label">销售人员</text>
<text class="info-value">{{ getSaleUserName() }}</text>
</view>
<view class="info-row">
<text class="info-label">状态</text>
<view :class="getStatusClass(detail.status)">
{{ getStatusText(detail.status) }}
</view>
</view>
<view class="status-card__right">
<view class="info-row">
<text class="info-label">备注</text>
<text class="info-value max-w-[420rpx] text-right">{{ detail.remark || '-' }}</text>
</view>
</view>
<view class="section-card">
<view class="section-title">
金额信息
</view>
<view class="info-row">
<text class="info-label">总数量</text>
<text class="info-value">{{ formatCount(detail.totalCount) }}</text>
</view>
<view class="info-row">
<text class="info-label">应收金额</text>
<text class="info-value text-[#409eff]">{{ formatPrice(detail.totalPrice) }}</text>
</view>
<view class="info-row">
<text class="info-label">已收金额</text>
<text class="info-value text-[#52c41a]">{{ formatPrice(detail.receiptPrice) }}</text>
</view>
<view class="info-row">
<text class="info-label">未收金额</text>
<text class="info-value text-[#f5222d]">{{ formatPrice(unreceivedPrice) }}</text>
</view>
</view>
<view class="section-card">
<view class="section-title">
出库明细
</view>
<view v-if="!detail.items || detail.items.length === 0" class="py-40rpx text-center text-[#999]">
暂无产品数据
</view>
<view
class="status-card__badge"
:class="detail?.status === 20 ? 'badge--success' : 'badge--warning'"
v-for="(item, index) in detail.items"
:key="item.id || index"
class="item-card"
>
{{ detail?.status === 20 ? '已审核' : '未审核' }}
<view class="mb-12rpx text-28rpx text-[#333] font-semibold">
{{ item.productName || '-' }}
</view>
<view class="info-row">
<text class="info-label">仓库</text>
<text class="info-value">{{ item.warehouseName || '-' }}</text>
</view>
<view class="info-row">
<text class="info-label">单位</text>
<text class="info-value">{{ item.productUnitName || '-' }}</text>
</view>
<!-- 基本信息 -->
<view class="section">
<view class="section__title">基本信息</view>
<view class="info-grid">
<view class="info-grid__item">
<text class="info-grid__label">客户</text>
<text class="info-grid__value">{{ detail?.customerName || '-' }}</text>
<view class="info-row">
<text class="info-label">数量</text>
<text class="info-value">{{ formatCount(item.count) }}</text>
</view>
<view class="info-grid__item">
<text class="info-grid__label">销售员</text>
<text class="info-grid__value">{{ detail?.saleUserName || '-' }}</text>
<view class="info-row">
<text class="info-label">单价</text>
<text class="info-value">{{ formatPrice(item.productPrice) }}</text>
</view>
<view class="info-grid__item" v-if="detail?.orderNo">
<text class="info-grid__label">关联订单</text>
<text class="info-grid__value text-[#1890ff]">{{ detail?.orderNo }}</text>
<view class="info-row">
<text class="info-label">金额</text>
<text class="info-value text-[#409eff]">{{ formatPrice(item.totalPrice) }}</text>
</view>
<view class="info-grid__item" v-if="detail?.deliveryNoticeNo">
<text class="info-grid__label">发货通知单</text>
<text class="info-grid__value text-[#1890ff]">{{ detail?.deliveryNoticeNo }}</text>
<view class="info-row">
<text class="info-label">批次</text>
<text class="info-value">{{ item.batchNo || '-' }}</text>
</view>
<view class="info-grid__item" v-if="detail?.accountName">
<text class="info-grid__label">结算账户</text>
<text class="info-grid__value">{{ detail?.accountName }}</text>
</view>
<view class="info-grid__item" v-if="detail?.remark">
<text class="info-grid__label">备注</text>
<text class="info-grid__value">{{ detail?.remark }}</text>
</view>
</view>
</view>
<!-- 产品明细 -->
<view class="section">
<view class="section__title">出库明细 {{ items.length }} </view>
<view class="item-list">
<view v-for="(item, index) in items" :key="index" class="item-card">
<view class="item-card__header">
<text class="item-card__name">{{ item.productName || '-' }}</text>
<text class="item-card__count">x{{ formatCount(item.count) }}</text>
</view>
<view class="item-card__body">
<view class="item-card__row">
<text class="item-card__label">规格</text>
<text class="item-card__value">{{ item.productSpec || '-' }}</text>
</view>
<view class="item-card__row" v-if="item.warehouseName">
<text class="item-card__label">仓库</text>
<text class="item-card__value">{{ item.warehouseName }}</text>
</view>
<view class="item-card__row" v-if="item.locationCode">
<text class="item-card__label">库位</text>
<text class="item-card__value text-[#52c41a]">{{ item.locationCode }}</text>
</view>
<view class="item-card__row" v-if="item.batchNo">
<text class="item-card__label">批次号</text>
<text class="item-card__value">{{ item.batchNo }}</text>
</view>
<view class="item-card__row">
<text class="item-card__label">单价</text>
<text class="item-card__value">¥{{ formatPrice(item.productPrice) }}</text>
</view>
<view class="item-card__row">
<text class="item-card__label">金额</text>
<text class="item-card__value text-[#f5222d] font-semibold">¥{{ formatPrice(item.totalPrice) }}</text>
</view>
</view>
</view>
<view v-if="items.length === 0" class="item-empty">暂无产品明细</view>
</view>
</view>
<!-- 金额汇总 -->
<view class="section">
<view class="section__title">金额汇总</view>
<view class="price-summary">
<view class="price-summary__row">
<text>总数量</text>
<text class="font-semibold">{{ formatCount(detail?.totalCount) }}</text>
</view>
<view class="price-summary__row">
<text>产品金额</text>
<text>¥{{ formatPrice(detail?.totalProductPrice) }}</text>
</view>
<view class="price-summary__row" v-if="detail?.discountPercent">
<text>优惠率</text>
<text>{{ detail?.discountPercent }}%</text>
</view>
<view class="price-summary__row" v-if="detail?.discountPrice">
<text>收款优惠</text>
<text class="text-[#52c41a]">-¥{{ formatPrice(detail?.discountPrice) }}</text>
</view>
<view class="price-summary__row" v-if="detail?.otherPrice">
<text>其它费用</text>
<text class="text-[#fa8c16]">+¥{{ formatPrice(detail?.otherPrice) }}</text>
</view>
<view class="price-summary__divider" />
<view class="price-summary__row price-summary__row--highlight">
<text>应收金额</text>
<text class="text-[#f5222d] font-bold text-36rpx">¥{{ formatPrice(detail?.totalPrice) }}</text>
</view>
<view class="price-summary__row">
<text>已收金额</text>
<text :class="receiptStatus === 2 ? 'text-[#52c41a]' : 'text-[#f5222d]'">
¥{{ formatPrice(detail?.receiptPrice) }}
</text>
</view>
<view class="price-summary__row" v-if="receiptStatus !== 2">
<text>未收金额</text>
<text class="text-[#f5222d] font-semibold">
¥{{ formatPrice((detail?.totalPrice || 0) - (detail?.receiptPrice || 0)) }}
</text>
</view>
<view class="price-summary__status">
<wd-tag :type="receiptStatus === 2 ? 'success' : receiptStatus === 1 ? 'warning' : 'danger'" plain>
{{ receiptStatusText }}
</wd-tag>
</view>
</view>
</view>
<!-- 操作日志 -->
<view class="section" v-if="detail?.createTime || detail?.creatorName">
<view class="section__title">操作信息</view>
<view class="info-grid">
<view class="info-grid__item" v-if="detail?.creatorName">
<text class="info-grid__label">创建人</text>
<text class="info-grid__value">{{ detail?.creatorName }}</text>
</view>
<view class="info-grid__item" v-if="detail?.createTime">
<text class="info-grid__label">创建时间</text>
<text class="info-grid__value">{{ formatDate(detail?.createTime) }}</text>
<view class="info-row">
<text class="info-label">备注</text>
<text class="info-value max-w-[420rpx] text-right">{{ item.remark || '-' }}</text>
</view>
</view>
</view>
</view>
<!-- 底部操作栏 -->
<view class="bottom-bar">
<view class="yd-detail-footer">
<wd-button
v-if="detail?.status !== 20"
v-if="canEdit"
type="primary"
size="large"
:loading="actionLoading"
plain
@click="handleEdit"
>
编辑
</wd-button>
<wd-button
v-if="detail?.status === 10"
v-if="canApprove"
type="success"
size="large"
:loading="actionLoading"
@click="handleApprove"
>
</wd-button>
<wd-button
v-if="detail?.status === 20"
type="warning"
size="large"
plain
:loading="actionLoading"
@click="handleReverseApprove"
>
反审批
</wd-button>
<wd-button
v-if="detail?.status !== 20"
v-if="canDelete"
type="error"
size="large"
plain
:loading="actionLoading"
@click="handleDelete"
>
删除
@@ -212,343 +142,241 @@
</view>
</template>
<script setup lang="ts">
<script lang="ts" setup>
import type { SaleOut } from '@/api/erp/sale-out'
import { computed, onMounted, ref } from 'vue'
import { useToast } from 'wot-design-uni'
import { getSaleOut, updateSaleOutStatus, deleteSaleOut } from '@/api/erp/sale-out'
import { getNavbarHeight, navigateBackPlus } from '@/utils'
import { formatDate as formatDateValue } from '@/utils/date'
import { getApprovalRecordListByBiz } from '@/api/erp/approval-record'
import { deleteSaleOut, getSaleOut, updateSaleOutStatus } from '@/api/erp/sale-out'
import { getSimpleUserList } from '@/api/system/user'
import { useAccess } from '@/hooks/useAccess'
import { navigateBackPlus } from '@/utils'
const props = defineProps<{ id?: number }>()
const props = defineProps<{
id?: number | string
}>()
definePage({
style: {
navigationBarTitleText: '',
navigationStyle: 'custom',
},
})
const { hasAccessByCodes } = useAccess()
const toast = useToast()
const detail = ref<any>(null)
const actionLoading = ref(false)
const loading = ref(false)
const detail = ref<SaleOut>({})
const userList = ref<{ id?: number, nickname?: string }[]>([])
const items = computed(() => detail.value?.items || [])
const receiptStatus = computed(() => {
const total = detail.value?.totalPrice || 0
const received = detail.value?.receiptPrice || 0
if (total === 0) return 0
if (received >= total) return 2
if (received > 0) return 1
return 0
const unreceivedPrice = computed(() => {
const totalPrice = Number(detail.value.totalPrice || 0)
const receiptPrice = Number(detail.value.receiptPrice || 0)
return Math.max(totalPrice - receiptPrice, 0)
})
const receiptStatusText = computed(() => {
const status = receiptStatus.value
if (status === 2) return '已结清'
if (status === 1) return '部分收款'
return '未收款'
const canEdit = computed(() => {
return hasAccessByCodes(['erp:sale-out:update']) && detail.value.status === 10 && !detail.value.hasApprovalRecords
})
function formatCount(count?: number) {
return count !== undefined && count !== null ? count.toFixed(2) : '0.00'
}
const canApprove = computed(() => {
return hasAccessByCodes(['erp:sale-out:update-status']) && detail.value.status === 10
})
function formatPrice(price?: number) {
return price !== undefined && price !== null ? price.toFixed(2) : '0.00'
}
function formatDate(dateStr?: string | number | Date) {
return formatDateValue(dateStr) || '-'
}
const canDelete = computed(() => {
return hasAccessByCodes(['erp:sale-out:delete']) && !detail.value.hasApprovalRecords
})
function handleBack() {
navigateBackPlus()
navigateBackPlus('/pages-erp/sale-out/index')
}
function getStatusClass(status?: number) {
switch (status) {
case 10:
return 'status-tag bg-[#fffbe6] text-[#faad14]'
case 20:
return 'status-tag bg-[#f6ffed] text-[#52c41a]'
default:
return 'status-tag bg-[#f5f5f5] text-[#999]'
}
}
function getStatusText(status?: number) {
switch (status) {
case 10:
return '未审核'
case 20:
return '已审核'
default:
return '-'
}
}
function formatDate(value?: string | number) {
if (!value)
return '-'
const date = new Date(value)
if (Number.isNaN(date.getTime()))
return String(value).slice(0, 10)
const year = date.getFullYear()
const month = String(date.getMonth() + 1).padStart(2, '0')
const day = String(date.getDate()).padStart(2, '0')
return `${year}-${month}-${day}`
}
function formatCount(value?: number) {
if (value === undefined || value === null)
return '0.00'
return Number(value).toFixed(2)
}
function formatPrice(value?: number) {
if (value === undefined || value === null)
return '0.00'
return Number(value).toFixed(2)
}
function getSaleUserName() {
if (detail.value.saleUserName)
return detail.value.saleUserName
const matched = userList.value.find(item => item.id === detail.value.saleUserId)
return matched?.nickname || '-'
}
async function loadUserList() {
try {
userList.value = await getSimpleUserList()
} catch {
userList.value = []
}
}
async function appendApprovalFlag() {
if (!detail.value.id)
return
try {
const approvalList = await getApprovalRecordListByBiz(detail.value.id, 'erp_sale_out')
detail.value.hasApprovalRecords = approvalList.length > 0
} catch {
detail.value.hasApprovalRecords = false
}
}
async function getDetail() {
if (!props.id)
return
loading.value = true
try {
detail.value = await getSaleOut(Number(props.id))
await appendApprovalFlag()
} catch {
toast.error('加载失败')
} finally {
loading.value = false
}
}
function handleEdit() {
uni.navigateTo({ url: `/pages-erp/sale-out/form/index?id=${props.id}` })
}
async function handleApprove() {
function handleApprove() {
uni.showModal({
title: '提示',
content: '确定要审批该出库单吗?',
content: '确定审核该销售出库单吗?',
success: async (res) => {
if (!res.confirm) return
actionLoading.value = true
if (!res.confirm || !props.id)
return
try {
await updateSaleOutStatus(props.id!, 20)
toast.success('审成功')
await refreshDetail()
await updateSaleOutStatus(Number(props.id), 20)
toast.success('审成功')
getDetail()
} catch {
toast.error('审批失败')
} finally {
actionLoading.value = false
// handled by http
}
},
})
}
async function handleReverseApprove() {
function handleDelete() {
uni.showModal({
title: '提示',
content: '确定要反审批该出库单吗?',
content: '确定删除该销售出库单吗?',
success: async (res) => {
if (!res.confirm) return
actionLoading.value = true
if (!res.confirm || !props.id)
return
try {
await updateSaleOutStatus(props.id!, 10)
toast.success('反审批成功')
await refreshDetail()
} catch {
toast.error('反审批失败')
} finally {
actionLoading.value = false
}
},
})
}
async function handleDelete() {
uni.showModal({
title: '提示',
content: '确定要删除该出库单吗?',
success: async (res) => {
if (!res.confirm) return
actionLoading.value = true
try {
await deleteSaleOut([props.id!])
await deleteSaleOut([Number(props.id)])
toast.success('删除成功')
navigateBackPlus()
setTimeout(() => {
handleBack()
}, 500)
} catch {
toast.error('删除失败')
actionLoading.value = false
// handled by http
}
},
})
}
async function refreshDetail() {
if (props.id) {
detail.value = await getSaleOut(props.id)
}
}
onMounted(async () => {
await refreshDetail()
await loadUserList()
getDetail()
})
</script>
<style lang="scss" scoped>
.page-content {
padding-top: calc(env(safe-area-inset-top) + 88rpx);
padding-bottom: 180rpx;
}
.status-card {
display: flex;
align-items: center;
justify-content: space-between;
padding: 32rpx 32rpx;
background: linear-gradient(135deg, #1890ff 0%, #096dd9 100%);
color: #fff;
&__left {
flex: 1;
min-width: 0;
}
&__no {
font-size: 36rpx;
font-weight: 700;
margin-bottom: 12rpx;
}
&__meta {
font-size: 24rpx;
opacity: 0.85;
display: flex;
align-items: center;
gap: 8rpx;
}
&__badge {
padding: 8rpx 20rpx;
border-radius: 30rpx;
font-size: 24rpx;
font-weight: 600;
flex-shrink: 0;
}
.badge--success {
background: rgba(255, 255, 255, 0.25);
color: #fff;
}
.badge--warning {
background: rgba(255, 255, 255, 0.25);
color: #fff;
}
}
.section {
margin: 24rpx;
.section-card {
margin-bottom: 24rpx;
border-radius: 12rpx;
background: #fff;
border-radius: 16rpx;
overflow: hidden;
box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.04);
&__title {
padding: 24rpx 32rpx;
font-size: 28rpx;
font-weight: 600;
color: #1f2329;
border-bottom: 1rpx solid #f0f0f0;
background: #fafafa;
}
padding: 24rpx;
}
.info-grid {
padding: 8rpx 0;
.section-title {
margin-bottom: 24rpx;
font-size: 32rpx;
font-weight: 600;
color: #333;
}
&__item {
.info-row {
display: flex;
align-items: flex-start;
justify-content: space-between;
padding: 20rpx 32rpx;
border-bottom: 1rpx solid #f9f9f9;
align-items: center;
padding: 16rpx 0;
border-bottom: 1rpx solid #f5f5f5;
&:last-child {
border-bottom: none;
}
}
&__label {
font-size: 26rpx;
color: #86909c;
flex-shrink: 0;
width: 160rpx;
}
&__value {
font-size: 26rpx;
color: #1f2329;
text-align: right;
flex: 1;
word-break: break-all;
}
}
.item-list {
padding: 0 24rpx;
margin-top: 16rpx;
.info-label {
flex-shrink: 0;
color: #999;
font-size: 28rpx;
}
.info-value {
color: #333;
font-size: 28rpx;
}
.status-tag {
padding: 4rpx 16rpx;
border-radius: 8rpx;
font-size: 24rpx;
}
.item-card {
border: 2rpx solid #f0f0f0;
border-radius: 12rpx;
margin-bottom: 16rpx;
overflow: hidden;
border-radius: 8rpx;
background: #fafafa;
padding: 16rpx;
&__header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 20rpx 24rpx;
background: #f6f8fa;
border-bottom: 1rpx solid #f0f0f0;
}
&__name {
font-size: 28rpx;
font-weight: 600;
color: #1f2329;
flex: 1;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
&__count {
font-size: 28rpx;
font-weight: 700;
color: #f5222d;
flex-shrink: 0;
margin-left: 16rpx;
}
&__body {
padding: 16rpx 24rpx;
}
&__row {
display: flex;
align-items: center;
justify-content: space-between;
padding: 8rpx 0;
}
&__label {
font-size: 24rpx;
color: #86909c;
flex-shrink: 0;
}
&__value {
font-size: 24rpx;
color: #1f2329;
text-align: right;
}
}
.item-empty {
text-align: center;
padding: 48rpx;
color: #86909c;
font-size: 26rpx;
}
.price-summary {
padding: 24rpx 32rpx;
&__row {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10rpx 0;
font-size: 26rpx;
color: #4e5969;
&--highlight {
font-size: 28rpx;
color: #1f2329;
margin-top: 8rpx;
}
}
&__divider {
height: 1rpx;
background: #f0f0f0;
margin: 16rpx 0;
}
&__status {
display: flex;
justify-content: flex-end;
margin-top: 12rpx;
}
}
.bottom-bar {
position: fixed;
bottom: 0;
left: 0;
right: 0;
padding: 20rpx 32rpx calc(20rpx + env(safe-area-inset-bottom));
background: #fff;
display: flex;
gap: 16rpx;
box-shadow: 0 -4rpx 16rpx rgba(0, 0, 0, 0.04);
:deep(.wd-button) {
flex: 1;
height: 88rpx;
border-radius: 16rpx;
&:last-child {
margin-bottom: 0;
}
}
</style>

File diff suppressed because it is too large Load Diff

View File

@@ -1,128 +1,143 @@
<template>
<view class="yd-page-container">
<!-- 顶部导航栏 -->
<view class="yd-page-container erp-page">
<wd-navbar
title="销售出库"
left-arrow placeholder safe-area-inset-top fixed
left-arrow
placeholder
safe-area-inset-top
fixed
@click-left="handleBack"
/>
<!-- 搜索组件 -->
<view @click="searchVisible = true">
<wd-search :placeholder="searchPlaceholder" hide-cancel disabled />
</view>
<!-- 快捷筛选标签 -->
<view class="mx-24rpx mb-16rpx flex items-center overflow-hidden rounded-12rpx bg-white shadow-sm">
<view class="status-tabs">
<view
v-for="tab in statusTabs"
:key="tab.value"
class="relative flex-1 py-20rpx text-center text-26rpx"
:class="queryParams.status === tab.value ? 'text-[#1890ff] font-semibold' : 'text-[#666]'"
@click="onTabChange(tab.value)"
class="status-tabs__item" :class="[{ 'is-active': queryParams.status === undefined }]"
@click="onStatusTabChange(undefined)"
>
{{ tab.label }}
全部
</view>
<view
v-if="queryParams.status === tab.value"
class="absolute bottom-0 left-1/4 h-4rpx w-1/2 rounded-2rpx bg-[#1890ff]"
/>
class="status-tabs__item" :class="[{ 'is-active': queryParams.status === 10 }]"
@click="onStatusTabChange(10)"
>
未审核
</view>
<view
class="status-tabs__item" :class="[{ 'is-active': queryParams.status === 20 }]"
@click="onStatusTabChange(20)"
>
已审核
</view>
</view>
<!-- 出库单列表 -->
<view class="px-24rpx">
<view
v-for="item in list"
:key="item.id"
class="mb-20rpx overflow-hidden rounded-12rpx bg-white shadow-sm"
@click="handleDetail(item)"
>
<view class="p-24rpx">
<!-- 头部单号 + 状态 -->
<view class="p-24rpx" @click="handleDetail(item)">
<view class="mb-16rpx flex items-center justify-between">
<view class="text-28rpx text-[#333] font-semibold">
{{ item.no || '-' }}
</view>
<view
class="rounded-8rpx px-16rpx py-4rpx text-24rpx"
:class="item.status === 20 ? 'bg-[#f6ffed] text-[#52c41a]' : 'bg-[#fff7e6] text-[#fa8c16]'"
:class="getStatusClass(item.status)"
>
{{ item.status === 20 ? '已审核' : '未审核' }}
{{ getStatusText(item.status) }}
</view>
</view>
<!-- 客户 -->
<view class="mb-8rpx flex items-center justify-between text-26rpx text-[#666]">
<text class="text-[#999]">客户</text>
<text>{{ item.customerName || '-' }}</text>
<view class="info-row">
<text class="info-label">客户</text>
<text class="info-value">{{ item.customerName || '-' }}</text>
</view>
<!-- 订单号 -->
<view v-if="item.orderNo" class="mb-8rpx flex items-center justify-between text-26rpx text-[#666]">
<text class="text-[#999]">订单</text>
<text>{{ item.orderNo }}</text>
<view class="info-row">
<text class="info-label">产品</text>
<text class="info-value line-clamp-1 max-w-[420rpx] text-right">{{ item.productNames || '-' }}</text>
</view>
<!-- 产品 -->
<view class="mb-8rpx flex items-center justify-between text-26rpx text-[#666]">
<text class="text-[#999]">产品</text>
<text class="line-clamp-1 ml-16rpx text-right" style="max-width: 400rpx;">{{ item.productNames || '-' }}</text>
<view class="info-row">
<text class="info-label">批次</text>
<text class="info-value line-clamp-1 max-w-[420rpx] text-right">{{ formatItemBatchNos(item) || '-' }}</text>
</view>
<!-- 数量金额区域 -->
<view class="mt-12rpx flex items-center justify-around border-t border-[#f0f0f0] pt-16rpx">
<view class="info-row">
<text class="info-label">出库时间</text>
<text class="info-value">{{ formatDate(item.outTime) }}</text>
</view>
<view class="info-row">
<text class="info-label">创建人</text>
<text class="info-value">{{ item.creatorName || '-' }}</text>
</view>
<view class="mt-16rpx flex justify-around border-t border-[#f0f0f0] pt-16rpx">
<view class="text-center">
<view class="text-32rpx text-[#333] font-semibold">
<view class="text-30rpx text-[#333] font-semibold">
{{ formatCount(item.totalCount) }}
</view>
<view class="mt-4rpx text-22rpx text-[#999]">
数量
<view class="text-22rpx text-[#999]">
数量
</view>
</view>
<view class="text-center">
<view class="text-32rpx text-[#f5222d] font-semibold">
{{ formatPrice(item.totalPrice) }}
<view class="text-30rpx text-[#409eff] font-semibold">
{{ formatPrice(item.totalPrice) }}
</view>
<view class="mt-4rpx text-22rpx text-[#999]">
金额
<view class="text-22rpx text-[#999]">
应收
</view>
</view>
<view class="text-center">
<view class="text-30rpx text-[#52c41a] font-semibold">
{{ formatPrice(item.receiptPrice) }}
</view>
<view class="text-22rpx text-[#999]">
已收
</view>
</view>
</view>
</view>
<!-- 操作按钮 -->
<view class="flex flex-wrap gap-12rpx px-24rpx pb-20rpx" @click.stop>
<wd-button
v-if="hasAccessByCodes(['erp:sale-out:query'])"
size="small" type="warning" plain @click="handleScanOut(item)"
>
扫码出库
<wd-button size="small" plain @click="handleDetail(item)">
详情
</wd-button>
<wd-button
v-if="hasAccessByCodes(['erp:sale-out:update']) && item.status !== 20"
size="small" type="primary" plain @click="handleEdit(item)"
v-if="canEdit(item)"
size="small"
type="primary"
plain
@click="handleEdit(item)"
>
编辑
</wd-button>
<wd-button
v-if="hasAccessByCodes(['erp:sale-out:update-status']) && item.status === 10"
size="small" type="success" plain @click="handleApprove(item.id!)"
size="small"
type="success"
plain
@click="handleApprove(item.id!)"
>
</wd-button>
<wd-button
v-if="hasAccessByCodes(['erp:sale-out:update-status']) && item.status === 20"
size="small" type="warning" plain @click="handleReverseApprove(item.id!)"
>
反审批
</wd-button>
<wd-button
v-if="hasAccessByCodes(['erp:sale-out:delete']) && item.status !== 20"
size="small" type="error" plain @click="handleDelete(item.id!)"
v-if="canDelete(item)"
size="small"
type="error"
plain
@click="handleDelete(item.id!)"
>
删除
</wd-button>
</view>
</view>
<!-- 加载更多 -->
<view v-if="loadMoreState !== 'loading' && list.length === 0" class="py-100rpx text-center">
<wd-status-tip image="content" tip="暂无销售出库数据" />
<wd-status-tip image="content" tip="暂无销售出库数据" />
</view>
<wd-loadmore
v-if="list.length > 0"
@@ -131,15 +146,33 @@
/>
</view>
<!-- 搜索弹窗 -->
<wd-fab
v-if="hasAccessByCodes(['erp:sale-out:create'])"
position="right-bottom"
type="primary"
:expandable="false"
@click="handleAdd"
/>
<wd-popup v-model="searchVisible" position="top" @close="searchVisible = false">
<view class="yd-search-form-container" :style="{ paddingTop: `${getNavbarHeight()}px` }">
<view class="yd-search-form-container">
<view class="yd-search-form-item">
<view class="yd-search-form-label">
出库单号
</view>
<wd-input v-model="searchForm.no" placeholder="请输入出库单号" clearable />
</view>
<view class="yd-search-form-item">
<view class="yd-search-form-label">
客户
</view>
<wd-picker
v-model="searchForm.customerId"
:columns="customerColumns"
placeholder="请选择客户"
clearable
/>
</view>
<view class="yd-search-form-item">
<view class="yd-search-form-label">
审核状态
@@ -147,7 +180,7 @@
<view class="yd-search-form-radio-group">
<view
v-for="opt in statusOptions"
:key="opt.value"
:key="String(opt.value)"
class="yd-search-form-radio"
:class="{ 'yd-search-form-radio--active': searchForm.status === opt.value }"
@click="searchForm.status = opt.value"
@@ -175,10 +208,11 @@ import type { LoadMoreState } from '@/http/types'
import { onReachBottom } from '@dcloudio/uni-app'
import { computed, onMounted, reactive, ref } from 'vue'
import { useToast } from 'wot-design-uni'
import { getApprovalRecordListByBiz } from '@/api/erp/approval-record'
import { getCustomerSimpleList } from '@/api/erp/customer'
import { deleteSaleOut, getSaleOutPage, updateSaleOutStatus } from '@/api/erp/sale-out'
import { useAccess } from '@/hooks/useAccess'
import { formatDate as formatDateValue } from '@/utils/date'
import { getNavbarHeight, navigateBackPlus } from '@/utils'
import { navigateBackPlus } from '@/utils'
definePage({
style: {
@@ -191,88 +225,146 @@ const { hasAccessByCodes } = useAccess()
const toast = useToast()
const total = ref(0)
const list = ref<SaleOut[]>([])
const customerList = ref<{ id: number, name: string }[]>([])
const loadMoreState = ref<LoadMoreState>('loading')
const queryParams = ref<Record<string, any>>({
const searchVisible = ref(false)
const queryParams = ref<{
pageNo: number
pageSize: number
no?: string
customerId?: number
status?: number
}>({
pageNo: 1,
pageSize: 10,
status: undefined,
})
// 搜索相关
const searchVisible = ref(false)
const searchForm = reactive({
no: undefined as string | undefined,
status: undefined as number | undefined,
const searchForm = reactive<{
no?: string
customerId?: number
status?: number
}>({
no: undefined,
customerId: undefined,
status: undefined,
})
/** 状态标签 */
const statusTabs = [
{ value: undefined, label: '全部' },
{ value: 10, label: '未审核' },
{ value: 20, label: '已审核' },
]
/** 状态选项 */
const statusOptions = [
{ value: undefined, label: '全部' },
{ value: 10, label: '未审核' },
{ value: 20, label: '已审核' },
]
/** 搜索条件 placeholder */
const customerColumns = computed(() => customerList.value.map(v => ({ label: v.name, value: v.id })))
const searchPlaceholder = computed(() => {
const conditions: string[] = []
if (searchForm.no)
conditions.push(`单号:${searchForm.no}`)
if (searchForm.customerId) {
const customer = customerList.value.find(item => item.id === searchForm.customerId)
if (customer?.name)
conditions.push(`客户:${customer.name}`)
}
if (searchForm.status !== undefined) {
const statusLabel = statusOptions.find(o => o.value === searchForm.status)?.label
const statusLabel = statusOptions.find(item => item.value === searchForm.status)?.label
if (statusLabel && statusLabel !== '全部')
conditions.push(`状态:${statusLabel}`)
}
return conditions.length > 0 ? conditions.join(' | ') : '搜索销售出库'
return conditions.length > 0 ? conditions.join(' | ') : '搜索销售出库'
})
/** 格式化数量 */
function formatCount(count?: number) {
if (count === undefined || count === null)
return '-'
return count.toFixed(2)
}
/** 格式化金额 */
function formatPrice(price?: number) {
if (price === undefined || price === null)
return '-'
return `¥${price.toFixed(2)}`
}
/** 格式化日期 */
function formatDate(dateStr?: string | number | Date) {
return formatDateValue(dateStr) || '-'
}
/** 返回上一页 */
function handleBack() {
navigateBackPlus()
}
/** 切换状态标签 */
function onTabChange(status: number | undefined) {
queryParams.value.status = status
list.value = []
queryParams.value.pageNo = 1
getList()
function getStatusClass(status?: number) {
switch (status) {
case 10:
return 'bg-[#fffbe6] text-[#faad14]'
case 20:
return 'bg-[#f6ffed] text-[#52c41a]'
default:
return 'bg-[#f5f5f5] text-[#999]'
}
}
function getStatusText(status?: number) {
switch (status) {
case 10:
return '未审核'
case 20:
return '已审核'
default:
return '-'
}
}
function formatDate(value?: string | number) {
if (!value)
return '-'
const date = new Date(value)
if (Number.isNaN(date.getTime()))
return String(value).slice(0, 10)
const year = date.getFullYear()
const month = String(date.getMonth() + 1).padStart(2, '0')
const day = String(date.getDate()).padStart(2, '0')
return `${year}-${month}-${day}`
}
function formatCount(value?: number) {
if (value === undefined || value === null)
return '0'
return Number(value).toFixed(2)
}
function formatPrice(value?: number) {
if (value === undefined || value === null)
return '0.00'
return Number(value).toFixed(2)
}
function formatItemBatchNos(row: SaleOut) {
const items = row.items || []
const batchCountMap = new Map<string, number>()
items.forEach((item) => {
const batchNo = (item.batchNo || '').trim()
if (!batchNo)
return
const count = Number(item.count || 0)
batchCountMap.set(batchNo, (batchCountMap.get(batchNo) || 0) + count)
})
if (!batchCountMap.size)
return ''
return Array.from(batchCountMap.entries())
.map(([batchNo, count]) => `${batchNo}[${count}]`)
.join('')
}
async function appendApprovalFlags(records: SaleOut[]) {
const approvalResults = await Promise.allSettled(
records.map(async (item) => {
if (!item.id)
return false
const approvalList = await getApprovalRecordListByBiz(item.id, 'erp_sale_out')
return approvalList.length > 0
}),
)
return records.map((item, index) => ({
...item,
hasApprovalRecords: approvalResults[index]?.status === 'fulfilled'
? approvalResults[index].value
: false,
}))
}
/** 查询出库单列表 */
async function getList() {
loadMoreState.value = 'loading'
try {
const params = { ...queryParams.value }
if (searchForm.no)
params.no = searchForm.no
const data = await getSaleOutPage(params)
list.value = [...list.value, ...data.list]
const data = await getSaleOutPage({ ...queryParams.value })
const pageList = await appendApprovalFlags(data.list || [])
list.value = queryParams.value.pageNo === 1 ? pageList : [...list.value, ...pageList]
total.value = data.total
loadMoreState.value = list.value.length >= total.value ? 'finished' : 'loading'
} catch {
@@ -281,29 +373,41 @@ async function getList() {
}
}
/** 搜索 */
function onStatusTabChange(status?: number) {
queryParams.value.status = status
queryParams.value.pageNo = 1
searchForm.status = status
list.value = []
getList()
}
function handleSearch() {
searchVisible.value = false
queryParams.value = {
pageNo: 1,
pageSize: queryParams.value.pageSize,
no: searchForm.no,
customerId: searchForm.customerId,
status: searchForm.status,
}
list.value = []
getList()
}
/** 重置 */
function handleReset() {
searchForm.no = undefined
searchForm.status = undefined
searchForm.customerId = undefined
searchForm.status = queryParams.value.status
searchVisible.value = false
queryParams.value = { pageNo: 1, pageSize: 10, status: undefined }
queryParams.value = {
pageNo: 1,
pageSize: 10,
status: queryParams.value.status,
}
list.value = []
getList()
}
/** 加载更多 */
function loadMore() {
if (loadMoreState.value === 'finished')
return
@@ -311,98 +415,138 @@ function loadMore() {
getList()
}
/** 编辑 */
function handleEdit(item: SaleOut) {
// TODO: 跳转到编辑页
uni.navigateTo({ url: `/pages-erp/sale-out/form/index?id=${item.id}` })
function handleAdd() {
uni.navigateTo({ url: '/pages-erp/sale-out/form/index' })
}
/** 扫码出库 */
function handleScanOut(item: SaleOut) {
uni.navigateTo({
url: `/pages-erp/sale-out/scan-out/index?id=${item.id}&no=${encodeURIComponent(item.no || '')}`,
})
}
/** 详情 */
function handleDetail(item: SaleOut) {
uni.navigateTo({ url: `/pages-erp/sale-out/detail/index?id=${item.id}` })
}
/** 审批 */
function handleEdit(item: SaleOut) {
uni.navigateTo({ url: `/pages-erp/sale-out/form/index?id=${item.id}` })
}
function canEdit(item: SaleOut) {
return hasAccessByCodes(['erp:sale-out:update']) && item.status === 10 && !item.hasApprovalRecords
}
function canDelete(item: SaleOut) {
return hasAccessByCodes(['erp:sale-out:delete']) && !item.hasApprovalRecords
}
function handleApprove(id: number) {
uni.showModal({
title: '提示',
content: '确定要审批该出库单吗?',
content: '确定审核该销售出库单吗?',
success: async (res) => {
if (!res.confirm)
return
try {
await updateSaleOutStatus(id, 20)
toast.success('审成功')
refreshList()
toast.success('审成功')
queryParams.value.pageNo = 1
list.value = []
getList()
} catch {
// error handled by http
// handled by http
}
},
})
}
/** 反审批 */
function handleReverseApprove(id: number) {
uni.showModal({
title: '提示',
content: '确定要反审批该出库单吗?',
success: async (res) => {
if (!res.confirm)
return
try {
await updateSaleOutStatus(id, 10)
toast.success('反审批成功')
refreshList()
} catch {
// error handled by http
}
},
})
}
/** 删除 */
function handleDelete(id: number) {
uni.showModal({
title: '提示',
content: '确定删除该出库单吗?',
content: '确定删除该销售出库单吗?',
success: async (res) => {
if (!res.confirm)
return
try {
await deleteSaleOut([id])
toast.success('删除成功')
refreshList()
queryParams.value.pageNo = 1
list.value = []
getList()
} catch {
// error handled by http
// handled by http
}
},
})
}
/** 刷新列表 */
function refreshList() {
list.value = []
queryParams.value.pageNo = 1
getList()
async function loadCustomers() {
try {
customerList.value = await getCustomerSimpleList()
} catch {
customerList.value = []
}
}
/** 触底加载更多 */
onReachBottom(() => {
loadMore()
})
/** 初始化 */
onMounted(() => {
onMounted(async () => {
await loadCustomers()
getList()
})
</script>
<style lang="scss" scoped>
.status-tabs {
display: flex;
margin: 0 24rpx 16rpx;
background: #fff;
border-radius: 8rpx;
overflow: hidden;
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.04);
&__item {
flex: 1;
text-align: center;
padding: 20rpx 0;
font-size: 28rpx;
color: #606266;
position: relative;
&.is-active {
color: #018d71;
font-weight: 600;
&::after {
content: '';
position: absolute;
bottom: 0;
left: 25%;
width: 50%;
height: 4rpx;
background: #018d71;
border-radius: 2rpx;
}
}
&:not(:last-child) {
border-right: 1rpx solid #f0f0f0;
}
}
}
.info-row {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 8rpx;
font-size: 26rpx;
color: #666;
}
.info-label {
color: #999;
flex-shrink: 0;
}
.info-value {
color: #666;
}
</style>

View File

@@ -1,131 +0,0 @@
<template>
<view class="recent-scan-list">
<view v-if="records.length === 0" class="recent-scan-list__empty">
暂无扫码记录
</view>
<view
v-for="(record, index) in records"
:key="record.id || index"
class="scan-card"
:class="{ 'scan-card--latest': latestIndex === index }"
>
<view class="scan-card__header">
<text class="scan-card__name">{{ record.productName || '-' }}</text>
<text class="scan-card__delete" @tap="$emit('delete', index)">删除</text>
</view>
<view class="scan-card__meta">
<text>条码{{ record.productBarCode || '-' }}</text>
<text>规格{{ record.productSpec || '-' }}</text>
</view>
<view class="scan-card__meta">
<text>仓库{{ record.warehouseName || '-' }}</text>
<text>单位{{ record.productUnit || '-' }}</text>
</view>
<view class="scan-card__meta">
<text>库位{{ record.locationCode || '-' }}</text>
<text>批次{{ record.batchNo || '-' }}</text>
</view>
<view class="scan-card__footer">
<text class="scan-card__time">{{ formatTime(record.scanTime) }}</text>
<text class="scan-card__count">{{ record.scanCount }}</text>
</view>
</view>
</view>
</template>
<script setup lang="ts">
import type { ScanRecord } from '../index.vue'
defineProps<{
records: ScanRecord[]
latestIndex?: number
}>()
defineEmits<{
(event: 'delete', index: number): void
(event: 'clear'): void
}>()
function formatTime(time?: string) {
if (!time) return '-'
const date = new Date(time)
return `${date.getHours().toString().padStart(2, '0')}:${date.getMinutes().toString().padStart(2, '0')}:${date.getSeconds().toString().padStart(2, '0')}`
}
</script>
<style lang="scss" scoped>
.recent-scan-list {
&__empty {
padding: 48rpx;
border-radius: 16rpx;
background: #fff;
color: #86909c;
text-align: center;
font-size: 26rpx;
}
}
.scan-card {
margin-bottom: 16rpx;
padding: 24rpx;
border: 2rpx solid transparent;
border-radius: 16rpx;
background: #fff;
&--latest {
border-color: #1677ff;
box-shadow: 0 8rpx 20rpx rgba(22, 119, 255, 0.12);
}
&__header,
&__meta,
&__footer {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16rpx;
}
&__header {
margin-bottom: 10rpx;
}
&__name {
color: #1f2329;
font-size: 28rpx;
font-weight: 600;
}
&__delete {
flex-shrink: 0;
color: #f53f3f;
font-size: 24rpx;
}
&__meta {
margin-top: 6rpx;
color: #4e5969;
font-size: 22rpx;
flex-wrap: wrap;
}
&__footer {
margin-top: 10rpx;
padding-top: 10rpx;
border-top: 2rpx solid #f2f3f5;
}
&__time {
color: #86909c;
font-size: 22rpx;
}
&__count {
color: #1677ff;
font-size: 28rpx;
font-weight: 700;
}
}
</style>

View File

@@ -1,69 +0,0 @@
<template>
<view class="scan-context-bar">
<view class="scan-context-bar__main">
<view class="scan-context-bar__order">
<text class="scan-context-bar__label">出库单</text>
<text class="scan-context-bar__value">{{ saleOutNo || '未关联出库单' }}</text>
</view>
<view class="scan-context-bar__stats">
<text>记录 {{ recordCount }} </text>
<text>累计 {{ scannedCount }} </text>
</view>
</view>
</view>
</template>
<script setup lang="ts">
defineProps<{
saleOutId?: number
saleOutNo?: string
scannedCount: number
recordCount: number
}>()
</script>
<style lang="scss" scoped>
.scan-context-bar {
padding: 20rpx 24rpx;
border-radius: 16rpx;
background: #fff;
margin-bottom: 16rpx;
box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.04);
&__main {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16rpx;
}
&__order {
display: flex;
align-items: center;
gap: 12rpx;
min-width: 0;
flex: 1;
}
&__label {
flex-shrink: 0;
color: #86909c;
font-size: 24rpx;
}
&__value {
color: #1f2329;
font-size: 28rpx;
font-weight: 600;
}
&__stats {
display: flex;
gap: 20rpx;
flex-shrink: 0;
color: #1677ff;
font-size: 24rpx;
font-weight: 600;
}
}
</style>

View File

@@ -1,43 +0,0 @@
<template>
<view v-if="message" class="feedback-bar" :class="`feedback-bar--${tone}`">
{{ message }}
</view>
</template>
<script setup lang="ts">
withDefaults(
defineProps<{
tone?: 'success' | 'error' | 'idle'
message?: string
}>(),
{
tone: 'idle',
message: '',
},
)
</script>
<style lang="scss" scoped>
.feedback-bar {
min-height: 76rpx;
padding: 18rpx 24rpx;
border-radius: 14rpx;
font-size: 24rpx;
line-height: 40rpx;
&--idle {
background: #f2f3f5;
color: #4e5969;
}
&--success {
background: #f6ffed;
color: #389e0d;
}
&--error {
background: #fff2f0;
color: #cf1322;
}
}
</style>

View File

@@ -1,898 +0,0 @@
<template>
<view class="yd-page-container scan-page">
<wd-navbar
title="扫码出库"
left-arrow
placeholder
safe-area-inset-top
fixed
@click-left="handleBack"
/>
<view class="scan-page__content">
<!-- 顶部上下文条 -->
<ScanContextBar
:sale-out-id="saleOutId"
:sale-out-no="saleOutNo"
:scanned-count="scannedTotalCount"
:record-count="records.length"
/>
<!-- 扫码工作台 -->
<view class="scan-workbench">
<!-- 当前扫码上下文提示 -->
<view class="scan-panel">
<!-- 步骤指示器库位 产品 -->
<view class="scan-step-indicator">
<view class="scan-step-indicator__item" :class="{ 'active': step === 'idle', 'done': step !== 'idle' }">
<view class="scan-step-indicator__dot">1</view>
<text>扫库位</text>
</view>
<view class="scan-step-indicator__line" :class="{ 'done': step !== 'idle' }" />
<view class="scan-step-indicator__item" :class="{ 'active': step === 'scanned' }">
<view class="scan-step-indicator__dot">2</view>
<text>扫产品</text>
</view>
</view>
<!-- 当前作业提示 -->
<view class="scan-current-hint">
<text v-if="step === 'idle'">请扫描库位条码</text>
<text v-else>产品已出库请继续扫码</text>
</view>
<!-- 库位扫码区 -->
<view class="scan-row" :class="{ 'scan-row--dim': step !== 'idle' }">
<input
v-model="locationCode"
class="scan-field"
:class="{ 'scan-field--active': step === 'idle' }"
placeholder="扫描库位条码"
confirm-type="next"
:focus="locationInputFocus"
:cursor-spacing="20"
:adjust-position="true"
:hold-keyboard="true"
@blur="handleLocationBlur"
@confirm="handleLocationScan"
>
<button class="scan-camera-btn" :disabled="scanLoading" @tap="handleCameraScan('location')">
</button>
</view>
<!-- 库位预览扫库位码后显示 -->
<view class="scan-location-preview" v-if="locationInfo">
<view class="scan-location-preview__row">
<text class="scan-location-preview__label">仓库</text>
<text class="scan-location-preview__value">{{ locationInfo.warehouseName }}</text>
</view>
<view class="scan-location-preview__row">
<text class="scan-location-preview__label">库位</text>
<text class="scan-location-preview__value scan-location-preview__value--code">
{{ locationInfo.locationCode }}
</text>
<text class="scan-location-preview__badge" :class="locationInfo.enableLocation ? 'badge--green' : 'badge--gray'">
{{ locationInfo.enableLocation ? '库位管理' : '无库位管理' }}
</text>
</view>
</view>
<!-- 产品扫码区 -->
<view class="scan-row" :class="{ 'scan-row--dim': step === 'idle' }">
<input
v-model="productBarCode"
class="scan-field"
:class="{ 'scan-field--active': step === 'scanned' }"
placeholder="扫描产品条码"
confirm-type="done"
:focus="productInputFocus"
:cursor-spacing="20"
:adjust-position="true"
:hold-keyboard="true"
@blur="handleProductBlur"
@confirm="handleProductScan"
>
<button class="scan-camera-btn" :disabled="scanLoading" @tap="handleCameraScan('product')">
</button>
</view>
<!-- 产品预览扫产品码后显示 -->
<view class="scan-product-preview" v-if="productPreview">
<view class="scan-product-preview__row">
<text class="scan-product-preview__label">产品</text>
<text class="scan-product-preview__value scan-product-preview__value--name">
{{ productPreview.name }}
</text>
</view>
<view class="scan-product-preview__row">
<text class="scan-product-preview__label">规格</text>
<text class="scan-product-preview__value">{{ productPreview.standard || '-' }}</text>
</view>
<view class="scan-product-preview__row">
<text class="scan-product-preview__label">条码</text>
<text class="scan-product-preview__value">{{ productPreview.barCode || '-' }}</text>
</view>
</view>
<ScanFeedbackBar :tone="feedbackTone" :message="feedbackMessage" />
</view>
<!-- 扫码记录列表 -->
<view class="scan-panel scan-panel--list">
<view class="scan-panel__header">
<view class="scan-panel__title">
扫码记录
</view>
<view class="scan-panel__meta">
{{ records.length }}
</view>
</view>
<RecentScanList
:records="records"
:latest-index="latestRecordIndex"
@delete="handleDeleteRecord"
/>
</view>
<!-- 提交栏 -->
<view class="scan-footer">
<button class="scan-footer__clear" @tap="handleClearAll">
清空记录
</button>
<button class="scan-footer__submit" :loading="submitting" @tap="handleSubmit">
保存出库记录
</button>
</view>
</view>
</view>
</view>
</template>
<script setup lang="ts">
import type { ProductByBarCode } from '@/api/erp/product'
import type { LocationByCodeVO } from '@/api/erp/location'
import { computed, nextTick, onMounted, ref } from 'vue'
import { useToast } from 'wot-design-uni'
import { getProductByBarCode } from '@/api/erp/product'
import { getLocationByCode } from '@/api/erp/location'
import { getSaleOut } from '@/api/erp/sale-out'
import { createSaleOutScanRecord, deleteSaleOutScanRecord, getSaleOutScanRecordList } from '@/api/erp/sale-out-scan-record'
import ScanFeedbackBar from '@/pages-erp/sale-out/scan-out/components/scan-feedback-bar.vue'
import RecentScanList from '@/pages-erp/sale-out/scan-out/components/recent-scan-list.vue'
import ScanContextBar from '@/pages-erp/sale-out/scan-out/components/scan-context-bar.vue'
import { navigateBackPlus } from '@/utils'
import { normalizeCameraScanResult, normalizeScanCode } from '@/utils/scan'
definePage({
style: {
navigationBarTitleText: '',
navigationStyle: 'custom',
},
})
/** 扫码出库记录 */
export interface ScanRecord {
id?: number
saleOutId: number
productId?: number
productName?: string
productSpec?: string
productBarCode?: string
productUnit?: string
warehouseId?: number
warehouseName?: string
locationCode?: string
batchNo?: string
scanCount: number
scanTime?: string
operatorId?: number
operatorName?: string
}
type Step = 'idle' | 'scanned'
/** 页面参数id=出库单ID, no=出库单号 */
const props = defineProps<{
id?: number
no?: string
}>()
const toast = useToast()
// 页面参数
const saleOutId = ref<number>()
const saleOutNo = ref<string>()
// 扫码步骤
const step = ref<Step>('idle')
// 扫码数据
const locationCode = ref('')
const locationInfo = ref<LocationByCodeVO | null>(null)
const productBarCode = ref('')
const productPreview = ref<ProductByBarCode | null>(null)
const batchNo = ref('')
// 状态
const scanLoading = ref(false)
const submitting = ref(false)
const records = ref<ScanRecord[]>([])
const feedbackTone = ref<'success' | 'error' | 'idle'>('idle')
const feedbackMessage = ref('')
// 输入框焦点控制
const locationInputFocus = ref(false)
const productInputFocus = ref(false)
// 计算属性
const canConfirm = computed(() => {
return locationInfo.value?.warehouseId && productPreview.value?.id && scanLoading.value === false
})
const scannedTotalCount = computed(() =>
records.value.reduce((sum, r) => sum + Number(r.scanCount || 0), 0),
)
const latestRecordIndex = computed(() => {
if (records.value.length === 0) return undefined
return records.value.length - 1
})
/** 返回上一页 */
function handleBack() {
navigateBackPlus('/pages-erp/sale-out/index')
}
/** 初始化页面 */
onMounted(async () => {
if (props.id) saleOutId.value = props.id
if (props.no) saleOutNo.value = decodeURIComponent(props.no)
if (saleOutId.value) {
try {
const data = await getSaleOut(saleOutId.value)
saleOutNo.value = data.no
} catch {
// 忽略
}
await loadRecords()
}
// PDA 扫码枪需要输入框自动获得焦点,延迟确保页面完全渲染
await nextTick()
setTimeout(() => {
focusLocationInput()
}, 500)
})
const ERROR_DISPLAY_MS = 2000
/** 重置到初始状态 */
function resetToIdle() {
clearScanInputs()
locationInfo.value = null
productPreview.value = null
step.value = 'idle'
setTimeout(() => {
clearFeedback()
focusLocationInput()
}, ERROR_DISPLAY_MS)
}
/** 停留在产品扫码阶段 + 聚焦产品输入框(扫产品失败用) */
function resetToProductScan() {
productBarCode.value = ''
productPreview.value = null
setTimeout(() => {
clearFeedback()
focusProductInput()
}, ERROR_DISPLAY_MS)
}
/** 聚焦库位码输入框 */
function focusLocationInput() {
productInputFocus.value = false
locationInputFocus.value = false
nextTick(() => {
locationInputFocus.value = true
})
}
/** 库位输入框失焦处理 - 如果当前步骤是 idle自动重新聚焦 */
function handleLocationBlur() {
if (step.value === 'idle' && !scanLoading.value) {
setTimeout(() => {
if (step.value === 'idle') {
focusLocationInput()
}
}, 100)
}
}
/** 产品输入框失焦处理 - 如果当前步骤是 scanned自动重新聚焦 */
function handleProductBlur() {
if (step.value === 'scanned' && !scanLoading.value) {
setTimeout(() => {
if (step.value === 'scanned') {
focusProductInput()
}
}, 100)
}
}
/** 加载已有扫码记录 */
async function loadRecords() {
if (!saleOutId.value) return
try {
const data = await getSaleOutScanRecordList(saleOutId.value)
records.value = data || []
} catch {
records.value = []
}
}
/**
* 扫库位码:自动反查仓库信息
*/
async function handleLocationScan() {
const code = normalizeScanCode(locationCode.value)
if (!code) {
setErrorFeedback('请先扫描库位条码')
return
}
scanLoading.value = true
try {
try {
locationInfo.value = await getLocationByCode(code)
} catch {
setErrorFeedback(`库位码 ${code} 不存在`)
resetToIdle()
return
}
if (!locationInfo.value?.warehouseId) {
setErrorFeedback(`库位码 ${code} 未找到对应仓库`)
resetToIdle()
return
}
locationCode.value = code
step.value = 'scanned'
productBarCode.value = ''
productPreview.value = null
batchNo.value = ''
clearFeedback()
// 聚焦产品输入框,等待扫码枪输入
focusProductInput()
} finally {
scanLoading.value = false
}
}
/** 聚焦产品码输入框 */
function focusProductInput() {
locationInputFocus.value = false
productInputFocus.value = false
nextTick(() => {
productInputFocus.value = true
})
}
/**
* 扫产品码:自动反查产品信息
*/
async function handleProductScan() {
const code = normalizeScanCode(productBarCode.value)
if (!code) {
setErrorFeedback('请先扫描产品条码')
return
}
if (!locationInfo.value) {
setErrorFeedback('请先扫描库位条码')
step.value = 'idle'
return
}
scanLoading.value = true
try {
try {
productPreview.value = await getProductByBarCode(code)
} catch {
setErrorFeedback(`条码 ${code} 未匹配到产品`)
resetToProductScan()
return
}
if (!productPreview.value?.id) {
setErrorFeedback(`条码 ${code} 未匹配到产品`)
resetToProductScan()
return
}
productBarCode.value = code
step.value = 'scanned'
clearFeedback()
// 自动确认出库
nextTick(() => handleConfirm())
} finally {
scanLoading.value = false
}
}
/**
* 确认出库
*/
async function handleConfirm() {
if (!canConfirm.value) return
scanLoading.value = true
try {
const record: ScanRecord = {
saleOutId: saleOutId.value || 0,
productId: productPreview.value!.id,
productName: productPreview.value!.name,
productSpec: productPreview.value!.standard,
productBarCode: productPreview.value!.barCode,
productUnit: productPreview.value!.unitName,
warehouseId: locationInfo.value!.warehouseId,
warehouseName: locationInfo.value!.warehouseName,
locationCode: locationInfo.value!.locationCode,
batchNo: batchNo.value.trim() || undefined,
scanCount: 1,
scanTime: new Date().toISOString(),
}
// 提交到后端
try {
const newId = await createSaleOutScanRecord(record)
record.id = newId
} catch {
record.id = Date.now()
}
// 追加到列表
records.value.push(record)
// 重置,准备下一次扫码
const productName = productPreview.value!.name
const locationCodeText = locationInfo.value!.locationCode
clearScanInputs()
step.value = 'idle'
setSuccessFeedback(`${productName}${locationCodeText} 出库成功`)
await nextTick()
// 聚焦库位输入框,等待扫码枪输入
focusLocationInput()
} finally {
scanLoading.value = false
}
}
/** 相机扫码 */
function handleCameraScan(target: 'location' | 'product') {
if (scanLoading.value) return
// #ifdef APP-PLUS
plus.android.requestPermissions(
['android.permission.CAMERA'],
function(result) {
const granted = result.granted
if (granted && granted.length > 0) {
doScan(target)
} else {
toast.error('请在设置中开启相机权限')
uni.openSetting()
}
},
function() {
toast.error('相机权限获取失败')
},
)
// #endif
// #ifndef APP-PLUS
doScan(target)
// #endif
}
function doScan(target: 'location' | 'product') {
uni.scanCode({
onlyFromCamera: true,
success: async (result) => {
const code = normalizeCameraScanResult(result)
if (!code) return
if (target === 'location') {
locationCode.value = code
await handleLocationScan()
} else {
productBarCode.value = code
await handleProductScan()
}
},
fail: (error) => {
if (String(error?.errMsg || '').includes('cancel')) return
toast.error('相机扫码失败,请重试')
},
})
}
/** 删除单条记录 */
async function handleDeleteRecord(index: number) {
const record = records.value[index]
if (!record) return
if (record.id && record.id > 0 && record.id < 1000000000000) {
try {
await deleteSaleOutScanRecord(record.id)
} catch {
toast.error('删除失败')
return
}
}
records.value.splice(index, 1)
}
/** 清空所有记录 */
function handleClearAll() {
if (records.value.length === 0) return
uni.showModal({
title: '确认清空',
content: '确定要清空所有扫码记录吗?',
success: async (res) => {
if (!res.confirm) return
const toDelete = records.value.filter(r => r.id && r.id > 0 && r.id < 1000000000000)
for (const r of toDelete) {
try { await deleteSaleOutScanRecord(r.id!) } catch { /* ignore */ }
}
records.value = []
clearFeedback()
},
})
}
/** 保存出库记录 */
async function handleSubmit() {
if (records.value.length === 0) {
toast.warning('暂无扫码记录')
return
}
if (!saleOutId.value) {
toast.warning('缺少销售出库单ID')
return
}
submitting.value = true
try {
toast.success(`已保存 ${records.value.length} 条出库记录`)
records.value = []
await loadRecords()
} finally {
submitting.value = false
}
}
/** 清空本次扫码输入 */
function clearScanInputs() {
locationCode.value = ''
locationInfo.value = null
productBarCode.value = ''
productPreview.value = null
batchNo.value = ''
}
function setSuccessFeedback(message: string) {
feedbackTone.value = 'success'
feedbackMessage.value = message
}
function setErrorFeedback(message: string) {
feedbackTone.value = 'error'
feedbackMessage.value = message
}
function clearFeedback() {
feedbackTone.value = 'idle'
feedbackMessage.value = ''
}
</script>
<style lang="scss" scoped>
.scan-page {
background: #f4f6f8;
min-height: 100vh;
&__content {
padding: 24rpx;
padding-top: calc(24rpx + env(safe-area-inset-top) + 88rpx);
box-sizing: border-box;
}
}
.scan-workbench {
display: flex;
flex-direction: column;
gap: 16rpx;
}
.scan-panel {
padding: 24rpx;
border-radius: 18rpx;
background: #fff;
&--list {
padding-bottom: 8rpx;
}
&__header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16rpx;
margin-bottom: 16rpx;
}
&__title {
color: #1f2329;
font-size: 28rpx;
font-weight: 600;
}
&__meta {
color: #86909c;
font-size: 22rpx;
}
}
// 步骤指示器
.scan-step-indicator {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 24rpx;
&__item {
display: flex;
flex-direction: column;
align-items: center;
gap: 8rpx;
text {
font-size: 22rpx;
color: #86909c;
}
&.active text {
color: #1677ff;
font-weight: 600;
}
&.done text {
color: #52c41a;
}
}
&__dot {
width: 48rpx;
height: 48rpx;
line-height: 48rpx;
border-radius: 50%;
background: #f2f3f5;
color: #86909c;
font-size: 24rpx;
font-weight: 600;
text-align: center;
}
&__item.active &__dot {
background: #1677ff;
color: #fff;
}
&__item.done &__dot {
background: #52c41a;
color: #fff;
}
&__line {
flex: 1;
height: 2rpx;
background: #e5e6eb;
margin: 0 12rpx;
margin-bottom: 28rpx;
max-width: 80rpx;
&.done {
background: #52c41a;
}
}
}
// 当前作业提示
.scan-current-hint {
text-align: center;
font-size: 30rpx;
font-weight: 600;
color: #1f2329;
margin-bottom: 20rpx;
}
// 输入行
.scan-row {
display: flex;
align-items: center;
gap: 12rpx;
margin-bottom: 16rpx;
transition: opacity 0.2s;
&--dim {
opacity: 0.4;
pointer-events: none;
}
.scan-field {
flex: 1;
}
}
.scan-field {
height: 88rpx;
padding: 0 24rpx;
line-height: 88rpx;
border: 2rpx solid #e5e6eb;
border-radius: 14rpx;
background: #f7f8fa;
color: #1f2329;
box-sizing: border-box;
font-size: 28rpx;
&--active {
border-color: #1677ff;
background: #fff;
box-shadow: 0 0 0 4rpx rgba(22, 119, 255, 0.1);
}
}
.scan-camera-btn {
width: 88rpx;
height: 88rpx;
line-height: 88rpx;
border-radius: 14rpx;
background: #1677ff;
color: #fff;
font-size: 26rpx;
font-weight: 600;
padding: 0;
border: none;
flex-shrink: 0;
&:active { opacity: 0.85; }
&[disabled] { background: #d9d9d9; }
}
// 库位预览
.scan-location-preview {
margin-bottom: 16rpx;
padding: 20rpx;
border-radius: 14rpx;
background: #f6fff0;
border: 2rpx solid #b7eb8f;
&__row {
display: flex;
align-items: center;
justify-content: space-between;
padding: 6rpx 0;
}
&__label {
color: #4e5969;
font-size: 24rpx;
flex-shrink: 0;
}
&__value {
color: #1f2329;
font-size: 24rpx;
font-weight: 600;
margin-right: 12rpx;
&--code {
color: #52c41a;
font-size: 28rpx;
font-weight: 700;
}
}
&__badge {
padding: 4rpx 12rpx;
border-radius: 8rpx;
font-size: 20rpx;
font-weight: 600;
flex-shrink: 0;
&.badge--green {
background: #f6ffed;
color: #52c41a;
border: 1rpx solid #b7eb8f;
}
&.badge--gray {
background: #f7f8fa;
color: #86909c;
border: 1rpx solid #e5e6eb;
}
}
}
// 产品预览
.scan-product-preview {
margin-bottom: 16rpx;
padding: 20rpx;
border-radius: 14rpx;
background: #f0f5ff;
border: 2rpx solid #adc6ff;
&__row {
display: flex;
align-items: center;
justify-content: space-between;
padding: 6rpx 0;
}
&__label {
color: #4e5969;
font-size: 24rpx;
flex-shrink: 0;
}
&__value {
color: #1f2329;
font-size: 24rpx;
text-align: right;
&--name {
font-size: 28rpx;
font-weight: 600;
}
}
}
// 底部栏
.scan-footer {
position: sticky;
bottom: 0;
display: flex;
gap: 16rpx;
padding: 20rpx 0 calc(20rpx + env(safe-area-inset-bottom));
background: #f4f6f8;
&__clear {
flex: 1;
height: 88rpx;
line-height: 88rpx;
border-radius: 16rpx;
background: #fff;
color: #4e5969;
font-size: 28rpx;
border: 2rpx solid #e5e6eb;
}
&__submit {
flex: 2;
height: 88rpx;
line-height: 88rpx;
border-radius: 16rpx;
background: #1677ff;
color: #fff;
font-size: 28rpx;
font-weight: 600;
}
}
</style>

View File

@@ -0,0 +1,293 @@
<template>
<view class="yd-page-container erp-page">
<wd-navbar
title="销售计划详情"
left-arrow
placeholder
safe-area-inset-top
fixed
@click-left="handleBack"
/>
<view v-if="detail" class="pb-180rpx">
<wd-cell-group title="基本信息" border>
<wd-cell title="计划编号" :value="detail.no || '-'" />
<wd-cell title="审核状态">
<view
class="rounded-8rpx px-16rpx py-4rpx text-24rpx"
:class="getStatusClass(detail.status)"
>
{{ getStatusText(detail.status) }}
</view>
</wd-cell>
<wd-cell title="计划名称" :value="detail.name || '-'" />
<wd-cell title="计划周期" :value="`${formatPlanDate(detail.startTime)} ~ ${formatPlanDate(detail.endTime)}`" />
<wd-cell title="审批人" :value="detail.approverName || '-'" />
<wd-cell title="创建人" :value="detail.creatorName || '-'" />
<wd-cell title="创建时间" :value="formatDateTime(detail.createTime) || '-'" />
</wd-cell-group>
<wd-cell-group title="金额信息" border>
<wd-cell title="目标金额" :value="`¥${formatPrice(detail.targetAmount)}`" />
<wd-cell title="已完成金额" :value="`¥${formatPrice(detail.completedAmount)}`" />
<wd-cell title="完成状态">
<text :class="getCompletionStatusClass(detail.completionStatus)">
{{ getCompletionStatusText(detail.completionStatus) }}
</text>
</wd-cell>
<view class="px-24rpx py-20rpx">
<view class="mb-8rpx flex items-center justify-between text-24rpx text-[#666]">
<text class="text-[#999]">整体进度</text>
<text>{{ normalizeProgress(detail.progress) }}%</text>
</view>
<view class="progress-track">
<view
class="progress-fill"
:class="normalizeProgress(detail.progress) >= 100 ? 'bg-[#52c41a]' : 'bg-[#1890ff]'"
:style="{ width: `${normalizeProgress(detail.progress)}%` }"
/>
</view>
</view>
</wd-cell-group>
<view class="mx-24rpx mt-24rpx">
<view class="mb-16rpx text-32rpx font-semibold text-[#333]">
计划明细{{ detail.items?.length || 0 }}
</view>
<view v-if="detail.items && detail.items.length > 0">
<view
v-for="(item, index) in detail.items"
:key="item.id || index"
class="mb-16rpx overflow-hidden rounded-12rpx bg-white shadow-sm"
>
<view class="flex items-center justify-between bg-[#f8f8f8] px-24rpx py-16rpx">
<text class="text-28rpx font-semibold text-[#333]">{{ item.productName || '-' }}</text>
<text class="text-24rpx text-[#1890ff]">{{ item.productUnitName || '-' }}</text>
</view>
<view class="p-24rpx">
<view class="mb-12rpx flex items-center justify-between text-26rpx text-[#666]">
<text class="text-[#999]">计划数量</text>
<text>{{ formatNumber(item.planCount) }}</text>
</view>
<view class="mb-12rpx flex items-center justify-between text-26rpx text-[#666]">
<text class="text-[#999]">销售单价</text>
<text>¥{{ formatPrice(item.productPrice) }}</text>
</view>
<view class="mb-12rpx flex items-center justify-between text-26rpx text-[#666]">
<text class="text-[#999]">计划金额</text>
<text class="font-semibold text-[#1890ff]">¥{{ formatPrice(item.totalPrice) }}</text>
</view>
<view class="mb-12rpx flex items-center justify-between text-26rpx text-[#666]">
<text class="text-[#999]">已完成金额</text>
<text>¥{{ formatPrice(item.completedAmount) }}</text>
</view>
<view class="mb-8rpx flex items-center justify-between text-24rpx text-[#666]">
<text class="text-[#999]">进度</text>
<text>{{ normalizeProgress(item.progress) }}%</text>
</view>
<view class="progress-track">
<view
class="progress-fill"
:class="normalizeProgress(item.progress) >= 100 ? 'bg-[#52c41a]' : 'bg-[#1890ff]'"
:style="{ width: `${normalizeProgress(item.progress)}%` }"
/>
</view>
<view v-if="item.remark" class="mt-16rpx text-24rpx text-[#999]">
备注{{ item.remark }}
</view>
</view>
</view>
</view>
<view v-else class="py-60rpx text-center text-28rpx text-[#999]">
暂无计划明细
</view>
</view>
<wd-cell-group v-if="detail.remark" title="备注" border>
<wd-cell :value="detail.remark" />
</wd-cell-group>
</view>
<view class="yd-detail-footer">
<view class="yd-detail-footer-actions">
<wd-button
v-if="hasAccessByCodes(['erp:sale-plan:update']) && detail?.status === 10"
class="flex-1"
type="warning"
@click="handleEdit"
>
编辑
</wd-button>
<wd-button
v-if="hasAccessByCodes(['erp:sale-plan:update-status']) && detail?.status === 10"
class="flex-1"
type="success"
@click="handleAudit"
>
审核
</wd-button>
<wd-button
v-if="hasAccessByCodes(['erp:sale-plan:delete'])"
class="flex-1"
type="error"
:loading="deleting"
@click="handleDelete"
>
删除
</wd-button>
</view>
</view>
</view>
</template>
<script lang="ts" setup>
import type { SalePlan } from '@/api/erp/sale-plan'
import { onMounted, ref } from 'vue'
import { useToast } from 'wot-design-uni'
import { deleteSalePlan, getSalePlan, updateSalePlanStatus } from '@/api/erp/sale-plan'
import { useAccess } from '@/hooks/useAccess'
import { formatDate, formatDateTime } from '@/utils/date'
import { navigateBackPlus } from '@/utils'
const props = defineProps<{
id?: number | any
}>()
definePage({
style: {
navigationBarTitleText: '',
navigationStyle: 'custom',
},
})
const { hasAccessByCodes } = useAccess()
const toast = useToast()
const detail = ref<SalePlan>()
const deleting = ref(false)
function formatPlanDate(value?: string | number) {
return value ? formatDate(value, 'YYYY-MM-DD') : '-'
}
function formatPrice(value?: number) {
if (value === undefined || value === null) return '0.00'
return Number(value).toFixed(2)
}
function formatNumber(value?: number) {
if (value === undefined || value === null) return '0'
return String(value)
}
function normalizeProgress(value?: number) {
const progress = Number(value || 0)
if (Number.isNaN(progress) || progress < 0) return 0
if (progress > 100) return 100
return Math.round(progress)
}
function getStatusText(status?: number) {
if (status === 10) return '待审核'
if (status === 20) return '已审核'
return '未知'
}
function getStatusClass(status?: number) {
if (status === 10) return 'bg-[#fff7e6] text-[#fa8c16]'
if (status === 20) return 'bg-[#f6ffed] text-[#52c41a]'
return 'bg-[#f5f5f5] text-[#999]'
}
function getCompletionStatusText(status?: number) {
if (status === 0) return '未开始'
if (status === 1) return '进行中'
if (status === 2) return '已完成'
if (status === 3) return '已超期'
return '-'
}
function getCompletionStatusClass(status?: number) {
if (status === 0) return 'text-[#999]'
if (status === 1) return 'text-[#1890ff]'
if (status === 2) return 'text-[#52c41a]'
if (status === 3) return 'text-[#f5222d]'
return 'text-[#999]'
}
function handleBack() {
navigateBackPlus('/pages-erp/sale-plan/index')
}
async function getDetail() {
if (!props.id) return
try {
toast.loading('加载中...')
detail.value = await getSalePlan(props.id)
} finally {
toast.close()
}
}
function handleEdit() {
uni.navigateTo({ url: `/pages-erp/sale-plan/form/index?id=${props.id}` })
}
function handleAudit() {
if (!props.id) return
uni.showModal({
title: '提示',
content: '确定审核该销售计划吗?',
success: async (res) => {
if (!res.confirm) return
try {
await updateSalePlanStatus(props.id, 20)
toast.success('审核成功')
getDetail()
} catch {
// error handled by http
}
},
})
}
function handleDelete() {
if (!props.id) return
uni.showModal({
title: '提示',
content: '确定要删除该销售计划吗?',
success: async (res) => {
if (!res.confirm) return
deleting.value = true
try {
await deleteSalePlan([props.id])
toast.success('删除成功')
setTimeout(() => {
handleBack()
}, 500)
} finally {
deleting.value = false
}
},
})
}
onMounted(() => {
getDetail()
})
</script>
<style lang="scss" scoped>
.progress-track {
width: 100%;
height: 12rpx;
border-radius: 999rpx;
background: #f0f0f0;
overflow: hidden;
}
.progress-fill {
height: 100%;
border-radius: inherit;
}
</style>

View File

@@ -0,0 +1,512 @@
<template>
<view class="yd-page-container erp-page">
<wd-navbar
:title="getTitle"
left-arrow
placeholder
safe-area-inset-top
fixed
@click-left="handleBack"
/>
<view class="erp-form-body">
<wd-form ref="formRef" :model="formData" :rules="formRules">
<wd-cell-group title="基本信息" border>
<wd-cell title="计划编号" title-width="180rpx" center>
<wd-input
v-model="formData.no"
placeholder="保存后自动生成"
disabled
/>
</wd-cell>
<wd-input
v-model="formData.name"
label="计划名称"
label-width="180rpx"
prop="name"
placeholder="请输入计划名称"
clearable
/>
<wd-datetime-picker
v-model="formData.startTime"
type="date"
label="开始时间"
label-width="180rpx"
prop="startTime"
placeholder="请选择开始时间"
/>
<wd-datetime-picker
v-model="formData.endTime"
type="date"
label="结束时间"
label-width="180rpx"
prop="endTime"
placeholder="请选择结束时间"
/>
<wd-cell title="审批人" title-width="180rpx" center>
<wd-picker
v-model="formData.approverId"
:columns="userColumns"
label=""
placeholder="请选择审批人"
@confirm="onApproverConfirm"
/>
</wd-cell>
</wd-cell-group>
<wd-cell-group title="计划产品" border>
<view class="erp-form-item-list">
<view
v-for="(item, index) in formData.items"
:key="index"
class="erp-form-item-card erp-form-item-card--padded"
>
<view class="erp-form-section-heading">
<text class="text-28rpx font-semibold text-[#333]">
{{ item.productName || `产品${index + 1}` }}
</text>
<wd-button size="small" type="error" plain @click="removeItem(index)">
删除
</wd-button>
</view>
<view class="mb-12rpx flex items-center justify-between text-24rpx text-[#666]">
<text class="text-[#999]">单位</text>
<text>{{ item.productUnitName || '-' }}</text>
</view>
<view class="mb-12rpx flex items-center">
<text class="w-140rpx text-24rpx text-[#999]">计划数量</text>
<wd-input
v-model="item.planCount"
type="number"
placeholder="请输入数量"
clearable
/>
</view>
<view class="mb-12rpx flex items-center">
<text class="w-140rpx text-24rpx text-[#999]">销售单价</text>
<wd-input
v-model="item.productPrice"
type="number"
placeholder="请输入单价"
clearable
/>
</view>
<view class="mb-12rpx flex items-center justify-between text-24rpx text-[#666]">
<text class="text-[#999]">计划金额</text>
<text class="text-28rpx font-semibold text-[#1890ff]">¥{{ formatPrice(item.totalPrice) }}</text>
</view>
<view
v-if="item.completedAmount !== undefined || item.progress !== undefined"
class="erp-form-info-card"
>
<view class="mb-8rpx flex items-center justify-between text-24rpx text-[#666]">
<text class="text-[#999]">已完成金额</text>
<text>¥{{ formatPrice(item.completedAmount) }}</text>
</view>
<view class="mb-8rpx flex items-center justify-between text-24rpx text-[#666]">
<text class="text-[#999]">进度</text>
<text>{{ normalizeProgress(item.progress) }}%</text>
</view>
<view class="progress-track">
<view
class="progress-fill"
:class="normalizeProgress(item.progress) >= 100 ? 'bg-[#52c41a]' : 'bg-[#1890ff]'"
:style="{ width: `${normalizeProgress(item.progress)}%` }"
/>
</view>
</view>
<wd-input
v-model="item.remark"
label="备注"
label-width="140rpx"
placeholder="请输入备注"
clearable
/>
</view>
<wd-button type="primary" plain block @click="showProductPicker = true">
添加产品
</wd-button>
</view>
</wd-cell-group>
<wd-cell-group title="汇总信息" border>
<wd-cell title="目标金额" :value="`¥${formatPrice(formData.targetAmount)}`" />
<wd-cell title="已完成金额" :value="`¥${formatPrice(formData.completedAmount)}`" />
<view class="px-24rpx py-20rpx">
<view class="mb-8rpx flex items-center justify-between text-24rpx text-[#666]">
<text class="text-[#999]">整体进度</text>
<text>{{ totalProgress }}%</text>
</view>
<view class="progress-track">
<view
class="progress-fill"
:class="totalProgress >= 100 ? 'bg-[#52c41a]' : 'bg-[#1890ff]'"
:style="{ width: `${totalProgress}%` }"
/>
</view>
</view>
<wd-textarea
v-model="formData.remark"
label="备注"
label-width="180rpx"
placeholder="请输入备注"
:maxlength="200"
show-word-limit
clearable
/>
</wd-cell-group>
</wd-form>
</view>
<view class="yd-detail-footer">
<wd-button type="primary" block :loading="formLoading" @click="handleSubmit">
保存
</wd-button>
</view>
<wd-popup v-model="showProductPicker" position="bottom" custom-style="height: 60%">
<view class="erp-form-item-list">
<view class="mb-24rpx flex items-center justify-between">
<text class="text-32rpx font-semibold">选择产品</text>
<wd-button size="small" @click="showProductPicker = false">关闭</wd-button>
</view>
<scroll-view scroll-y class="product-picker-list">
<view
v-for="product in productList"
:key="product.id"
class="product-picker-item"
:class="{ 'is-active': selectedProductId === product.id }"
@click="selectedProductId = product.id"
>
<view class="product-picker-item__main">
<view class="flex-1">
<view class="text-28rpx text-[#333]">{{ product.name }}</view>
<view class="mt-8rpx text-22rpx text-[#999]">
{{ product.unitName || '-' }} / ¥{{ formatPrice(product.salePrice) }}
</view>
</view>
<wd-icon
v-if="selectedProductId === product.id"
name="check"
color="#1890ff"
size="36rpx"
/>
</view>
</view>
</scroll-view>
<wd-button type="primary" block class="mt-24rpx" @click="addProduct">
确定添加
</wd-button>
</view>
</wd-popup>
</view>
</template>
<script lang="ts" setup>
import type { FormInstance } from 'wot-design-uni/components/wd-form/types'
import type { ProductSimple } from '@/api/erp/product'
import type { SalePlan, SalePlanItem } from '@/api/erp/sale-plan'
import type { User } from '@/api/system/user'
import { computed, onMounted, ref, watch } from 'vue'
import { useToast } from 'wot-design-uni'
import { getProductSimpleList } from '@/api/erp/product'
import { createSalePlan, getSalePlan, updateSalePlan } from '@/api/erp/sale-plan'
import { getSimpleUserList } from '@/api/system/user'
import { navigateBackPlus } from '@/utils'
const props = defineProps<{
id?: number | any
}>()
definePage({
style: {
navigationBarTitleText: '',
navigationStyle: 'custom',
},
})
const toast = useToast()
const formLoading = ref(false)
const formRef = ref<FormInstance>()
const userList = ref<User[]>([])
const productList = ref<ProductSimple[]>([])
const showProductPicker = ref(false)
const selectedProductId = ref<number>()
const getTitle = computed(() => props.id ? '编辑销售计划' : '新增销售计划')
function createDefaultFormData(): SalePlan {
const startTime = Date.now()
const endTime = startTime + 7 * 24 * 60 * 60 * 1000
return {
id: undefined,
no: undefined,
name: undefined,
targetAmount: 0,
startTime,
endTime,
status: 10,
approverId: undefined,
approverName: undefined,
remark: '',
items: [],
completedAmount: 0,
progress: 0,
}
}
const formData = ref<SalePlan>(createDefaultFormData())
const formRules = {
name: [{ required: true, message: '请输入计划名称' }],
startTime: [{ required: true, message: '请选择开始时间' }],
endTime: [{ required: true, message: '请选择结束时间' }],
}
const userColumns = computed(() => {
if (!userList.value.length) {
return []
}
return [userList.value.map(item => ({ label: item.nickname, value: item.id }))]
})
const totalProgress = computed(() => {
const targetAmount = Number(formData.value.targetAmount || 0)
const completedAmount = Number(formData.value.completedAmount || 0)
if (!targetAmount || completedAmount <= 0) return 0
return normalizeProgress((completedAmount / targetAmount) * 100)
})
function getPickerSingleValue(payload: any) {
if (Array.isArray(payload?.value)) {
return payload.value[0]
}
if (payload?.value !== undefined) {
return payload.value
}
if (Array.isArray(payload?.selectedItems) && payload.selectedItems.length > 0) {
return payload.selectedItems[0]?.value
}
return undefined
}
function onApproverConfirm(payload: any) {
const approverId = getPickerSingleValue(payload)
formData.value.approverId = approverId
const approver = userList.value.find(item => item.id === approverId)
formData.value.approverName = approver?.nickname
}
function normalizeProgress(value?: number) {
const progress = Number(value || 0)
if (Number.isNaN(progress) || progress < 0) return 0
if (progress > 100) return 100
return Math.round(progress)
}
function formatPrice(value?: number) {
if (value === undefined || value === null) return '0.00'
return Number(value).toFixed(2)
}
function calcItemTotal(item: SalePlanItem) {
const count = Number(item.planCount) || 0
const price = Number(item.productPrice) || 0
return Math.round(count * price * 100) / 100
}
function removeItem(index: number) {
formData.value.items?.splice(index, 1)
}
function addProduct() {
const product = productList.value.find(item => item.id === selectedProductId.value)
if (!product) {
toast.warning('请选择产品')
return
}
if ((formData.value.items || []).some(item => item.productId === product.id)) {
toast.warning('该产品已添加')
return
}
const newItem: SalePlanItem = {
productId: product.id,
productName: product.name,
productUnitName: product.unitName,
planCount: 1,
productPrice: product.salePrice || 0,
totalPrice: product.salePrice || 0,
remark: undefined,
}
formData.value.items = [...(formData.value.items || []), newItem]
selectedProductId.value = undefined
showProductPicker.value = false
}
watch(
() => formData.value.items,
(items) => {
const list = items || []
let targetAmount = 0
let completedAmount = 0
list.forEach((item) => {
item.totalPrice = calcItemTotal(item)
targetAmount += Number(item.totalPrice || 0)
completedAmount += Number(item.completedAmount || 0)
if (item.completedAmount !== undefined && Number(item.totalPrice || 0) > 0) {
item.progress = normalizeProgress((Number(item.completedAmount || 0) / Number(item.totalPrice || 0)) * 100)
}
})
formData.value.targetAmount = Math.round(targetAmount * 100) / 100
formData.value.completedAmount = Math.round(completedAmount * 100) / 100
formData.value.progress = totalProgress.value
},
{ deep: true },
)
function handleBack() {
navigateBackPlus('/pages-erp/sale-plan/index')
}
async function loadOptions() {
const [usersResult, productsResult] = await Promise.allSettled([
getSimpleUserList(),
getProductSimpleList(),
])
userList.value = usersResult.status === 'fulfilled' ? (usersResult.value || []) : []
productList.value = productsResult.status === 'fulfilled' ? (productsResult.value || []) : []
}
async function getDetail() {
if (!props.id) return
try {
toast.loading('加载中...')
const data = await getSalePlan(props.id)
formData.value = {
...createDefaultFormData(),
...data,
items: data.items || [],
}
} finally {
toast.close()
}
}
async function handleSubmit() {
const { valid } = await formRef.value!.validate()
if (!valid) return
const startTime = Number(formData.value.startTime)
const endTime = Number(formData.value.endTime)
if (startTime && endTime && startTime > endTime) {
toast.warning('结束时间不能早于开始时间')
return
}
if (!formData.value.items || formData.value.items.length === 0) {
toast.warning('请至少添加一个计划产品')
return
}
for (let i = 0; i < formData.value.items.length; i++) {
const item = formData.value.items[i]
if (!item.productId) {
toast.warning(`${i + 1}项产品未选择`)
return
}
if (!item.planCount || Number(item.planCount) <= 0) {
toast.warning(`${i + 1}项计划数量必须大于 0`)
return
}
if (item.productPrice === undefined || item.productPrice === null || Number(item.productPrice) < 0) {
toast.warning(`${i + 1}项销售单价不正确`)
return
}
}
formLoading.value = true
try {
const submitData: SalePlan = {
...formData.value,
startTime: formData.value.startTime ? Number(formData.value.startTime) : undefined,
endTime: formData.value.endTime ? Number(formData.value.endTime) : undefined,
targetAmount: Number(formData.value.targetAmount || 0),
completedAmount: Number(formData.value.completedAmount || 0),
progress: totalProgress.value,
items: (formData.value.items || []).map(item => ({
...item,
totalPrice: calcItemTotal(item),
})),
}
if (props.id) {
await updateSalePlan(submitData)
toast.success('修改成功')
} else {
await createSalePlan(submitData)
toast.success('新增成功')
}
setTimeout(() => {
handleBack()
}, 500)
} finally {
formLoading.value = false
}
}
onMounted(async () => {
await loadOptions()
await getDetail()
})
</script>
<style lang="scss" scoped>
.product-picker-list {
max-height: 720rpx;
}
.product-picker-item {
padding: 24rpx;
border-bottom: 1rpx solid #f0f0f0;
&.is-active {
background: #f0f7ff;
}
}
.product-picker-item__main {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24rpx;
}
.progress-track {
width: 100%;
height: 12rpx;
border-radius: 999rpx;
background: #f0f0f0;
overflow: hidden;
}
.progress-fill {
height: 100%;
border-radius: inherit;
}
</style>

View File

@@ -0,0 +1,446 @@
<template>
<view class="yd-page-container erp-page">
<wd-navbar
title="销售计划"
left-arrow
placeholder
safe-area-inset-top
fixed
@click-left="handleBack"
/>
<view @click="openSearchForm">
<wd-search :placeholder="searchPlaceholder" hide-cancel disabled />
</view>
<view class="status-tabs">
<view
:class="['status-tabs__item', { 'is-active': activeStatus === undefined }]"
@click="handleQuickFilter(undefined)"
>
全部
</view>
<view
:class="['status-tabs__item', { 'is-active': activeStatus === 10 }]"
@click="handleQuickFilter(10)"
>
待审核
</view>
<view
:class="['status-tabs__item', { 'is-active': activeStatus === 20 }]"
@click="handleQuickFilter(20)"
>
已审核
</view>
</view>
<view class="px-24rpx">
<view
v-for="item in list"
:key="item.id"
class="mb-20rpx overflow-hidden rounded-12rpx bg-white shadow-sm"
@click="handleCardClick(item)"
>
<view class="p-24rpx">
<view class="mb-16rpx flex items-center justify-between">
<view class="text-30rpx text-[#333] font-semibold">
{{ item.no || '-' }}
</view>
<view
class="rounded-8rpx px-16rpx py-4rpx text-24rpx"
:class="getStatusClass(item.status)"
>
{{ getStatusText(item.status) }}
</view>
</view>
<view class="mb-8rpx flex items-center justify-between text-26rpx text-[#666]">
<text class="text-[#999]">计划名称</text>
<text class="ml-16rpx line-clamp-1 text-right" style="max-width: 420rpx;">{{ item.name || '-' }}</text>
</view>
<view class="mb-8rpx flex items-center justify-between text-26rpx text-[#666]">
<text class="text-[#999]">计划周期</text>
<text>{{ formatPlanDate(item.startTime) }} ~ {{ formatPlanDate(item.endTime) }}</text>
</view>
<view class="mb-8rpx flex items-center justify-between text-26rpx text-[#666]">
<text class="text-[#999]">审批人</text>
<text>{{ item.approverName || '-' }}</text>
</view>
<view class="mb-12rpx flex items-center justify-between text-26rpx text-[#666]">
<text class="text-[#999]">完成状态</text>
<text :class="getCompletionStatusClass(item.completionStatus)">
{{ getCompletionStatusText(item.completionStatus) }}
</text>
</view>
<view class="flex items-center justify-around border-t border-[#f0f0f0] pt-16rpx">
<view class="text-center">
<view class="text-30rpx text-[#333] font-semibold">¥{{ formatPrice(item.targetAmount) }}</view>
<view class="mt-4rpx text-22rpx text-[#999]">目标金额</view>
</view>
<view class="text-center">
<view class="text-30rpx text-[#52c41a] font-semibold">¥{{ formatPrice(item.completedAmount) }}</view>
<view class="mt-4rpx text-22rpx text-[#999]">已完成</view>
</view>
</view>
<view class="mt-16rpx">
<view class="mb-8rpx flex items-center justify-between text-24rpx text-[#999]">
<text>整体进度</text>
<text>{{ normalizeProgress(item.progress) }}%</text>
</view>
<view class="progress-track">
<view
class="progress-fill"
:class="normalizeProgress(item.progress) >= 100 ? 'bg-[#52c41a]' : 'bg-[#1890ff]'"
:style="{ width: `${normalizeProgress(item.progress)}%` }"
/>
</view>
</view>
</view>
<view class="flex flex-wrap gap-12rpx px-24rpx pb-20rpx" @click.stop>
<wd-button
v-if="hasAccessByCodes(['erp:sale-plan:query'])"
size="small"
plain
@click="handleDetail(item)"
>
详情
</wd-button>
<wd-button
v-if="hasAccessByCodes(['erp:sale-plan:update']) && item.status === 10"
size="small"
type="primary"
plain
@click="handleEdit(item)"
>
编辑
</wd-button>
<wd-button
v-if="hasAccessByCodes(['erp:sale-plan:update-status']) && item.status === 10"
size="small"
type="success"
plain
@click="handleAudit(item.id!)"
>
审核
</wd-button>
<wd-button
v-if="hasAccessByCodes(['erp:sale-plan:delete'])"
size="small"
type="error"
plain
@click="handleDelete(item.id!)"
>
删除
</wd-button>
</view>
</view>
<view v-if="loadMoreState !== 'loading' && list.length === 0" class="py-100rpx text-center">
<wd-status-tip image="content" tip="暂无销售计划数据" />
</view>
<wd-loadmore
v-if="list.length > 0"
:state="loadMoreState"
@reload="loadMore"
/>
</view>
<wd-fab
v-if="hasAccessByCodes(['erp:sale-plan:create'])"
position="right-bottom"
type="primary"
:expandable="false"
@click="handleAdd"
/>
<wd-popup v-model="searchVisible" position="top" @close="searchVisible = false">
<view class="yd-search-form-container">
<view class="yd-search-form-item">
<view class="yd-search-form-label">计划编号</view>
<wd-input v-model="searchForm.no" placeholder="请输入计划编号" clearable />
</view>
<view class="yd-search-form-item">
<view class="yd-search-form-label">计划名称</view>
<wd-input v-model="searchForm.name" placeholder="请输入计划名称" clearable />
</view>
<view class="yd-search-form-actions">
<wd-button class="flex-1" plain @click="handleReset">重置</wd-button>
<wd-button class="flex-1" type="primary" @click="handleSearch">搜索</wd-button>
</view>
</view>
</wd-popup>
</view>
</template>
<script lang="ts" setup>
import type { SalePlan } from '@/api/erp/sale-plan'
import type { LoadMoreState } from '@/http/types'
import { onReachBottom } from '@dcloudio/uni-app'
import { computed, onMounted, reactive, ref } from 'vue'
import { useToast } from 'wot-design-uni'
import { deleteSalePlan, getSalePlanPage, updateSalePlanStatus } from '@/api/erp/sale-plan'
import { useAccess } from '@/hooks/useAccess'
import { formatDate } from '@/utils/date'
import { navigateBackPlus } from '@/utils'
definePage({
style: {
navigationBarTitleText: '',
navigationStyle: 'custom',
},
})
const { hasAccessByCodes } = useAccess()
const toast = useToast()
const total = ref(0)
const list = ref<SalePlan[]>([])
const loadMoreState = ref<LoadMoreState>('loading')
const activeStatus = ref<number | undefined>(undefined)
const queryParams = ref<{ pageNo: number; pageSize: number } & Record<string, any>>({
pageNo: 1,
pageSize: 10,
status: undefined as number | undefined,
})
const searchVisible = ref(false)
const searchForm = reactive({
no: undefined as string | undefined,
name: undefined as string | undefined,
})
function openSearchForm() {
searchVisible.value = true
}
const searchPlaceholder = computed(() => {
const conditions: string[] = []
if (searchForm.no) conditions.push(`编号:${searchForm.no}`)
if (searchForm.name) conditions.push(`名称:${searchForm.name}`)
return conditions.length > 0 ? conditions.join(' | ') : '搜索销售计划'
})
function handleBack() {
navigateBackPlus()
}
function formatPlanDate(value?: string | number) {
return value ? formatDate(value, 'YYYY-MM-DD') : '-'
}
function formatPrice(value?: number) {
if (value === undefined || value === null) return '0.00'
return Number(value).toFixed(2)
}
function normalizeProgress(value?: number) {
const progress = Number(value || 0)
if (Number.isNaN(progress) || progress < 0) return 0
if (progress > 100) return 100
return Math.round(progress)
}
function getStatusText(status?: number) {
if (status === 10) return '待审核'
if (status === 20) return '已审核'
return '未知'
}
function getStatusClass(status?: number) {
if (status === 10) return 'bg-[#fff7e6] text-[#fa8c16]'
if (status === 20) return 'bg-[#f6ffed] text-[#52c41a]'
return 'bg-[#f5f5f5] text-[#999]'
}
function getCompletionStatusText(status?: number) {
if (status === 0) return '未开始'
if (status === 1) return '进行中'
if (status === 2) return '已完成'
if (status === 3) return '已超期'
return '-'
}
function getCompletionStatusClass(status?: number) {
if (status === 0) return 'text-[#999]'
if (status === 1) return 'text-[#1890ff]'
if (status === 2) return 'text-[#52c41a]'
if (status === 3) return 'text-[#f5222d]'
return 'text-[#999]'
}
async function getList() {
loadMoreState.value = 'loading'
try {
const data = await getSalePlanPage({ ...queryParams.value })
list.value = [...list.value, ...(data.list || [])]
total.value = data.total
loadMoreState.value = list.value.length >= total.value ? 'finished' : 'loading'
} catch {
queryParams.value.pageNo = queryParams.value.pageNo > 1 ? queryParams.value.pageNo - 1 : 1
loadMoreState.value = 'error'
}
}
function handleQuickFilter(status?: number) {
activeStatus.value = status
queryParams.value.status = status
queryParams.value.pageNo = 1
list.value = []
getList()
}
function handleSearch() {
searchVisible.value = false
queryParams.value = {
...queryParams.value,
...searchForm,
status: activeStatus.value,
pageNo: 1,
pageSize: queryParams.value.pageSize,
}
list.value = []
getList()
}
function handleReset() {
searchForm.no = undefined
searchForm.name = undefined
searchVisible.value = false
queryParams.value = {
pageNo: 1,
pageSize: 10,
status: undefined,
}
activeStatus.value = undefined
list.value = []
getList()
}
function loadMore() {
if (loadMoreState.value === 'finished') return
queryParams.value.pageNo++
getList()
}
function handleCardClick(item: SalePlan) {
if (item.status === 10) {
handleEdit(item)
return
}
handleDetail(item)
}
function handleAdd() {
uni.navigateTo({ url: '/pages-erp/sale-plan/form/index' })
}
function handleEdit(item: SalePlan) {
uni.navigateTo({ url: `/pages-erp/sale-plan/form/index?id=${item.id}` })
}
function handleDetail(item: SalePlan) {
uni.navigateTo({ url: `/pages-erp/sale-plan/detail/index?id=${item.id}` })
}
function handleAudit(id: number) {
uni.showModal({
title: '提示',
content: '确定审核该销售计划吗?',
success: async (res) => {
if (!res.confirm) return
try {
await updateSalePlanStatus(id, 20)
toast.success('审核成功')
list.value = []
queryParams.value.pageNo = 1
getList()
} catch {
// error handled by http
}
},
})
}
function handleDelete(id: number) {
uni.showModal({
title: '提示',
content: '确定要删除该销售计划吗?',
success: async (res) => {
if (!res.confirm) return
try {
await deleteSalePlan([id])
toast.success('删除成功')
list.value = []
queryParams.value.pageNo = 1
getList()
} catch {
// error handled by http
}
},
})
}
onReachBottom(() => {
loadMore()
})
onMounted(() => {
getList()
})
</script>
<style lang="scss" scoped>
.status-tabs {
display: flex;
margin: 0 24rpx 16rpx;
background: #fff;
border-radius: 8rpx;
overflow: hidden;
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.04);
&__item {
flex: 1;
text-align: center;
padding: 20rpx 0;
font-size: 28rpx;
color: #606266;
transition: all 0.2s;
position: relative;
&.is-active {
color: #018d71;
font-weight: 600;
&::after {
content: '';
position: absolute;
bottom: 0;
left: 25%;
width: 50%;
height: 4rpx;
background: #018d71;
border-radius: 2rpx;
}
}
&:not(:last-child) {
border-right: 1rpx solid #f0f0f0;
}
}
}
.progress-track {
width: 100%;
height: 12rpx;
border-radius: 999rpx;
background: #f0f0f0;
overflow: hidden;
}
.progress-fill {
height: 100%;
border-radius: inherit;
}
</style>

View File

@@ -0,0 +1,95 @@
<template>
<view @click="visible = true">
<wd-search :placeholder="placeholder" hide-cancel disabled />
</view>
<wd-popup v-model="visible" position="top" @close="visible = false">
<view class="yd-search-form-container" :style="{ paddingTop: `${getNavbarHeight()}px` }">
<view class="yd-search-form-item">
<view class="yd-search-form-label">
退货单编号
</view>
<wd-input
v-model="formData.no"
placeholder="请输入退货单编号"
clearable
/>
</view>
<view class="yd-search-form-item">
<view class="yd-search-form-label">
审核状态
</view>
<wd-radio-group v-model="formData.status" shape="button">
<wd-radio :value="-1">
全部
</wd-radio>
<wd-radio :value="10">
待审核
</wd-radio>
<wd-radio :value="20">
已审核
</wd-radio>
</wd-radio-group>
</view>
<view class="yd-search-form-actions">
<wd-button class="flex-1" plain @click="handleReset">
重置
</wd-button>
<wd-button class="flex-1" type="primary" @click="handleSearch">
搜索
</wd-button>
</view>
</view>
</wd-popup>
</template>
<script lang="ts" setup>
import { computed, reactive, ref } from 'vue'
import { getNavbarHeight } from '@/utils'
const emit = defineEmits<{
search: [data: Record<string, any>]
reset: []
}>()
const visible = ref(false)
const formData = reactive({
no: undefined as string | undefined,
status: -1,
})
const statusMap: Record<number, string> = {
10: '待审核',
20: '已审核',
}
const placeholder = computed(() => {
const conditions: string[] = []
if (formData.no) {
conditions.push(`编号:${formData.no}`)
}
if (formData.status !== -1) {
conditions.push(`状态:${statusMap[formData.status] || formData.status}`)
}
return conditions.length > 0 ? conditions.join(' | ') : '搜索销售退货单'
})
function handleSearch() {
visible.value = false
const params: Record<string, any> = {}
if (formData.no) {
params.no = formData.no
}
if (formData.status !== -1) {
params.status = formData.status
}
emit('search', params)
}
function handleReset() {
formData.no = undefined
formData.status = -1
visible.value = false
emit('reset')
}
</script>

View File

@@ -0,0 +1,319 @@
<template>
<view class="yd-page-container erp-page">
<wd-navbar
title="销售退货详情"
left-arrow
placeholder
safe-area-inset-top
fixed
@click-left="handleBack"
/>
<view v-if="formData" class="pb-180rpx">
<wd-cell-group title="基本信息" border>
<wd-cell title="退货单编号" :value="formData.no" />
<wd-cell title="审核状态">
<view
class="rounded-8rpx px-16rpx py-4rpx text-24rpx"
:class="getStatusClass(formData.status)"
>
{{ getStatusText(formData.status) }}
</view>
</wd-cell>
<wd-cell title="客户" :value="formData.customerName || '-'" />
<wd-cell title="退货时间" :value="formatDateTime(formData.returnTime)" />
<wd-cell title="关联订单" :value="formData.orderNo || '-'" />
<wd-cell title="销售人员" :value="formData.saleUserName || '-'" />
<wd-cell title="创建人" :value="formData.creatorName || '-'" />
<wd-cell title="创建时间" :value="formatDateTime(formData.createTime)" />
</wd-cell-group>
<wd-cell-group title="金额信息" border>
<wd-cell title="合计数量" :value="String(formData.totalCount || 0)" />
<wd-cell title="合计产品价格" :value="`¥${formatPrice(formData.totalProductPrice)}`" />
<wd-cell title="合计税额" :value="`¥${formatPrice(formData.totalTaxPrice)}`" />
<wd-cell title="优惠率" :value="`${formData.discountPercent || 0}%`" />
<wd-cell title="优惠金额" :value="`¥${formatPrice(formData.discountPrice)}`" />
<wd-cell title="其他费用" :value="`¥${formatPrice(formData.otherPrice)}`" />
<wd-cell title="应退金额">
<text class="text-[#e6a23c] font-semibold">¥{{ formatPrice(formData.totalPrice) }}</text>
</wd-cell>
<wd-cell title="已退金额">
<text class="text-[#52c41a] font-semibold">¥{{ formatPrice(formData.refundPrice) }}</text>
</wd-cell>
<wd-cell title="未退金额">
<text
class="font-semibold"
:class="getUnrefundPrice() > 0 ? 'text-[#f5222d]' : 'text-[#999]'"
>
¥{{ formatPrice(getUnrefundPrice()) }}
</text>
</wd-cell>
</wd-cell-group>
<view class="mx-24rpx mt-24rpx">
<view class="mb-16rpx text-32rpx text-[#333] font-semibold">
退货明细{{ formData.items?.length || 0 }}
</view>
<view v-if="formData.items && formData.items.length > 0">
<view
v-for="(item, index) in formData.items"
:key="item.id || index"
class="mb-16rpx overflow-hidden rounded-12rpx bg-white shadow-sm"
>
<view class="flex items-center justify-between bg-[#f8f8f8] px-24rpx py-16rpx">
<view class="flex items-center">
<text class="text-28rpx text-[#333] font-semibold">{{ item.productName || '-' }}</text>
<text v-if="item.productBarCode" class="ml-12rpx text-22rpx text-[#999]">{{ item.productBarCode }}</text>
</view>
<text v-if="item.warehouseName" class="text-24rpx text-[#1890ff]">{{ item.warehouseName }}</text>
</view>
<view class="p-24rpx">
<view v-if="item.productSpec" class="mb-12rpx flex items-center text-26rpx text-[#666]">
<text class="mr-8rpx text-[#999]">规格</text>
<text>{{ item.productSpec }}</text>
</view>
<view class="mb-12rpx flex items-center text-26rpx text-[#666]">
<view class="mr-24rpx flex items-center">
<text class="mr-8rpx text-[#999]">单价</text>
<text class="text-[#f5222d]">¥{{ formatPrice(item.productPrice) }}</text>
</view>
<view class="mr-24rpx flex items-center">
<text class="mr-8rpx text-[#999]">数量</text>
<text class="font-semibold">{{ item.count || 0 }}</text>
</view>
<view class="flex items-center">
<text class="mr-8rpx text-[#999]">单位</text>
<text>{{ item.productUnitName || '-' }}</text>
</view>
</view>
<view v-if="item.taxPercent" class="mb-12rpx flex items-center text-26rpx text-[#666]">
<view class="mr-24rpx flex items-center">
<text class="mr-8rpx text-[#999]">税率</text>
<text>{{ item.taxPercent }}%</text>
</view>
<view class="flex items-center">
<text class="mr-8rpx text-[#999]">税额</text>
<text>¥{{ formatPrice(item.taxPrice) }}</text>
</view>
</view>
<view class="mb-12rpx flex items-center justify-between text-26rpx text-[#666]">
<view class="flex items-center">
<text class="mr-8rpx text-[#999]">金额</text>
<text class="text-[#e6a23c]">¥{{ formatPrice(item.totalPrice) }}</text>
</view>
<view class="flex items-center">
<text class="mr-8rpx text-[#999]">库存</text>
<text>{{ item.stockCount || 0 }}</text>
</view>
</view>
<view v-if="item.outCount != null || item.returnCount != null" class="mb-12rpx flex items-center justify-between text-26rpx text-[#666]">
<view v-if="item.outCount != null" class="flex items-center">
<text class="mr-8rpx text-[#999]">已出库</text>
<text>{{ item.outCount }}</text>
</view>
<view v-if="item.returnCount != null" class="flex items-center">
<text class="mr-8rpx text-[#999]">已退货</text>
<text>{{ item.returnCount }}</text>
</view>
</view>
<view v-if="item.remark" class="text-24rpx text-[#999]">
备注{{ item.remark }}
</view>
</view>
</view>
</view>
<view v-else class="py-60rpx text-center text-28rpx text-[#999]">
暂无退货明细
</view>
</view>
<wd-cell-group v-if="formData.remark" title="备注" border>
<wd-cell :value="formData.remark" />
</wd-cell-group>
</view>
<view class="yd-detail-footer">
<view class="yd-detail-footer-actions">
<wd-button
v-if="hasAccessByCodes(['erp:sale-return:update']) && formData?.status === 10"
class="flex-1"
type="warning"
@click="handleEdit"
>
编辑
</wd-button>
<wd-button
v-if="hasAccessByCodes(['erp:sale-return:update-status']) && formData?.status === 10"
class="flex-1"
type="success"
@click="handleAudit"
>
审批
</wd-button>
<wd-button
v-if="hasAccessByCodes(['erp:sale-return:update-status']) && formData?.status === 20"
class="flex-1"
type="warning"
@click="handleReverseAudit"
>
反审批
</wd-button>
<wd-button
v-if="hasAccessByCodes(['erp:sale-return:delete'])"
class="flex-1"
type="error"
:loading="deleting"
@click="handleDelete"
>
删除
</wd-button>
</view>
</view>
</view>
</template>
<script lang="ts" setup>
import type { SaleReturn } from '@/api/erp/sale-return'
import { onMounted, ref } from 'vue'
import { useToast } from 'wot-design-uni'
import { deleteSaleReturn, getSaleReturn, updateSaleReturnStatus } from '@/api/erp/sale-return'
import { useAccess } from '@/hooks/useAccess'
import { navigateBackPlus } from '@/utils'
import { formatDateTime } from '@/utils/date'
const props = defineProps<{
id?: number | any
}>()
definePage({
style: {
navigationBarTitleText: '',
navigationStyle: 'custom',
},
})
const { hasAccessByCodes } = useAccess()
const toast = useToast()
const formData = ref<SaleReturn>()
const deleting = ref(false)
function formatPrice(value?: number) {
if (value === undefined || value === null) return '0.00'
return Number(value).toFixed(2)
}
function getUnrefundPrice() {
return Math.max(Number(formData.value?.totalPrice || 0) - Number(formData.value?.refundPrice || 0), 0)
}
function getStatusText(status?: number) {
if (status === 10) return '待审核'
if (status === 20) return '已审核'
return '未知'
}
function getStatusClass(status?: number) {
if (status === 10) return 'bg-[#fff7e6] text-[#fa8c16]'
if (status === 20) return 'bg-[#f6ffed] text-[#52c41a]'
return 'bg-[#f5f5f5] text-[#999]'
}
function handleBack() {
navigateBackPlus('/pages-erp/sale-return/index')
}
async function getDetail() {
if (!props.id) {
return
}
try {
toast.loading('加载中...')
formData.value = await getSaleReturn(props.id)
} finally {
toast.close()
}
}
function handleEdit() {
uni.navigateTo({
url: `/pages-erp/sale-return/form/index?id=${props.id}`,
})
}
function handleAudit() {
if (!props.id) {
return
}
uni.showModal({
title: '提示',
content: '确定要审批该销售退货单吗?',
success: async (res) => {
if (!res.confirm) {
return
}
try {
await updateSaleReturnStatus(props.id, 20)
toast.success('审批成功')
getDetail()
} catch {
// error handled by http
}
},
})
}
function handleReverseAudit() {
if (!props.id) {
return
}
uni.showModal({
title: '提示',
content: '确定要反审批该销售退货单吗?',
success: async (res) => {
if (!res.confirm) {
return
}
try {
await updateSaleReturnStatus(props.id, 10)
toast.success('反审批成功')
getDetail()
} catch {
// error handled by http
}
},
})
}
function handleDelete() {
if (!props.id) {
return
}
uni.showModal({
title: '提示',
content: '确定要删除该销售退货单吗?',
success: async (res) => {
if (!res.confirm) {
return
}
deleting.value = true
try {
await deleteSaleReturn([props.id])
toast.success('删除成功')
setTimeout(() => {
handleBack()
}, 500)
} finally {
deleting.value = false
}
},
})
}
onMounted(() => {
getDetail()
})
</script>
<style lang="scss" scoped>
</style>

View File

@@ -0,0 +1,633 @@
<template>
<view class="yd-page-container erp-page">
<wd-navbar
:title="getTitle"
left-arrow
placeholder
safe-area-inset-top
fixed
@click-left="handleBack"
/>
<view>
<wd-form ref="formRef" :model="formData" :rules="formRules">
<wd-cell-group title="基本信息" border>
<wd-cell title="退货单号" title-width="180rpx" center>
<wd-input
v-model="formData.no"
placeholder="保存时自动生成"
disabled
/>
</wd-cell>
<wd-cell title="退货时间" title-width="180rpx" prop="returnTime" center>
<wd-datetime-picker
v-model="formData.returnTime"
type="date"
label=""
placeholder="请选择退货时间"
/>
</wd-cell>
<wd-cell title="关联订单" title-width="180rpx" center is-link @click="openOrderSelect">
<text v-if="formData.orderNo" class="text-[#1890ff]">{{ formData.orderNo }}</text>
<text v-else class="text-[#999]">点击选择销售订单</text>
</wd-cell>
<wd-cell title="客户" title-width="180rpx" center>
<text>{{ getCustomerName() || '-' }}</text>
</wd-cell>
<wd-cell title="销售人员" title-width="180rpx" center>
<text>{{ getSaleUserName() || '-' }}</text>
</wd-cell>
<wd-textarea
v-model="formData.remark"
label="备注"
label-width="180rpx"
placeholder="请输入备注"
:maxlength="200"
show-word-limit
clearable
/>
</wd-cell-group>
<wd-cell-group title="费用信息" border>
<wd-input
v-model="formData.discountPercent"
label="优惠率(%)"
label-width="180rpx"
type="number"
placeholder="请输入优惠率"
clearable
/>
<wd-cell title="退款优惠" title-width="180rpx" center>
<text>¥{{ formatPrice(formData.discountPrice) }}</text>
</wd-cell>
<wd-input
v-model="formData.otherPrice"
label="其他费用"
label-width="180rpx"
type="number"
placeholder="请输入其他费用"
clearable
/>
<wd-cell title="优惠后金额" title-width="180rpx" center>
<text>¥{{ formatPrice(formData.totalPrice) }}</text>
</wd-cell>
<wd-cell title="结算账户" title-width="180rpx" prop="accountId" center>
<wd-picker
v-model="formData.accountId"
:columns="accountColumns"
label=""
placeholder="请选择结算账户"
@confirm="onAccountConfirm"
/>
</wd-cell>
</wd-cell-group>
</wd-form>
</view>
<view class="erp-form-body">
<view class="erp-form-section-heading">
<view class="text-32rpx text-[#333] font-semibold">
退货明细{{ formData.items?.length || 0 }}
</view>
</view>
<view
v-for="(item, index) in formData.items"
:key="index"
class="erp-form-item-card"
>
<view class="erp-form-item-card__header">
<text class="text-28rpx text-[#333] font-semibold">产品 #{{ index + 1 }} {{ item.productName || '' }}</text>
<wd-button
v-if="formData.items && formData.items.length > 1"
size="small"
type="error"
plain
@click="handleRemoveItem(index)"
>
删除
</wd-button>
</view>
<view class="erp-form-item-list">
<view class="mb-16rpx">
<text class="mb-8rpx block text-24rpx text-[#999]">仓库</text>
<wd-picker
v-model="item.warehouseId"
:columns="warehouseColumns"
placeholder="请选择仓库"
@confirm="(e: any) => onWarehouseConfirm(e, index)"
/>
</view>
<view v-if="item.productId" class="erp-form-info-card">
<view class="mb-8rpx flex justify-between text-24rpx">
<text class="text-[#999]">产品名称</text>
<text class="text-[#333]">{{ item.productName || '-' }}</text>
</view>
<view v-if="item.productSpec" class="mb-8rpx flex justify-between text-24rpx">
<text class="text-[#999]">规格</text>
<text class="text-[#333]">{{ item.productSpec }}</text>
</view>
<view class="mb-8rpx flex justify-between text-24rpx">
<text class="text-[#999]">单位</text>
<text class="text-[#333]">{{ item.productUnitName || '-' }}</text>
</view>
<view class="mb-8rpx flex justify-between text-24rpx">
<text class="text-[#999]">条码</text>
<text class="text-[#333]">{{ item.productBarCode || '-' }}</text>
</view>
<view class="mb-8rpx flex justify-between text-24rpx">
<text class="text-[#999]">库存</text>
<text class="text-[#333]">{{ item.stockCount || 0 }}</text>
</view>
<view v-if="item.outCount != null" class="mb-8rpx flex justify-between text-24rpx">
<text class="text-[#999]">已出库</text>
<text class="text-[#333]">{{ item.outCount }}</text>
</view>
<view v-if="item.returnCount != null" class="flex justify-between text-24rpx">
<text class="text-[#999]">已退货</text>
<text class="text-[#333]">{{ item.returnCount }}</text>
</view>
</view>
<view class="mb-16rpx flex gap-16rpx">
<view class="flex-1">
<text class="mb-8rpx block text-24rpx text-[#999]">数量</text>
<wd-input
v-model="item.count"
type="number"
placeholder="数量"
clearable
/>
</view>
<view class="flex-1">
<text class="mb-8rpx block text-24rpx text-[#999]">单价</text>
<wd-input
v-model="item.productPrice"
type="number"
placeholder="单价"
clearable
/>
</view>
</view>
<view class="mb-16rpx flex gap-16rpx">
<view class="flex-1">
<text class="mb-8rpx block text-24rpx text-[#999]">税率(%)</text>
<wd-input
v-model="item.taxPercent"
type="number"
placeholder="税率"
clearable
/>
</view>
<view class="flex-1">
<text class="mb-8rpx block text-24rpx text-[#999]">金额</text>
<text class="block pt-16rpx text-28rpx text-[#333]">{{ calcTotalPrice(item) }}</text>
</view>
</view>
<view>
<text class="mb-8rpx block text-24rpx text-[#999]">备注</text>
<wd-input
v-model="item.remark"
placeholder="请输入备注"
clearable
/>
</view>
</view>
</view>
<view v-if="!formData.items?.length" class="py-60rpx text-center text-28rpx text-[#999]">
暂无产品请先选择关联订单
</view>
</view>
<view class="yd-detail-footer">
<wd-button
type="primary"
block
:loading="formLoading"
@click="handleSubmit"
>
保存
</wd-button>
</view>
<wd-popup v-model="orderSelectVisible" position="right" custom-style="width: 100%; height: 100%;">
<view class="yd-page-container erp-page">
<wd-navbar
title="选择销售订单"
left-arrow
placeholder
safe-area-inset-top
fixed
@click-left="orderSelectVisible = false"
/>
<wd-search
v-model="orderQueryParams.no"
placeholder="搜索订单单号"
@search="getOrderList"
@clear="getOrderList"
/>
<view class="px-24rpx">
<view
v-for="item in orderList"
:key="item.id"
class="erp-form-item-card"
:class="{ 'border-2 border-[#1890ff]': selectedOrderId === item.id }"
@click="handleSelectOrder(item)"
>
<view class="erp-form-item-list">
<view class="mb-12rpx flex items-center justify-between">
<view class="text-30rpx text-[#333] font-semibold">{{ item.no }}</view>
<wd-icon v-if="selectedOrderId === item.id" name="check" color="#1890ff" size="40rpx" />
</view>
<view class="mb-8rpx flex items-center justify-between text-26rpx text-[#666]">
<text class="text-[#999]">客户</text>
<text>{{ item.customerName || '-' }}</text>
</view>
<view class="mb-8rpx flex items-center justify-between text-26rpx text-[#666]">
<text class="text-[#999]">产品</text>
<text class="ml-16rpx line-clamp-1 text-right" style="max-width: 400rpx;">{{ item.productNames || '-' }}</text>
</view>
<view class="flex items-center justify-around mt-12rpx pt-12rpx border-t border-[#f0f0f0]">
<view class="text-center">
<view class="text-28rpx text-[#333] font-semibold">{{ item.totalCount || 0 }}</view>
<view class="text-22rpx text-[#999]">总数量</view>
</view>
<view class="text-center">
<view class="text-28rpx text-[#52c41a] font-semibold">{{ item.outCount || 0 }}</view>
<view class="text-22rpx text-[#999]">已出库</view>
</view>
<view class="text-center">
<view class="text-28rpx text-[#f5222d] font-semibold">{{ item.returnCount || 0 }}</view>
<view class="text-22rpx text-[#999]">已退货</view>
</view>
</view>
</view>
</view>
<view v-if="orderList.length === 0" class="py-100rpx text-center">
<wd-status-tip image="content" tip="暂无可退货订单" />
</view>
<wd-loadmore
v-if="orderList.length > 0"
:state="orderLoadMoreState"
@reload="loadMoreOrders"
/>
</view>
<view class="yd-detail-footer">
<wd-button type="primary" block :disabled="!selectedOrderId" @click="confirmSelectOrder">
确认选择
</wd-button>
</view>
</view>
</wd-popup>
</view>
</template>
<script lang="ts" setup>
import type { FormInstance } from 'wot-design-uni/components/wd-form/types'
import type { Account } from '@/api/erp/account'
import type { CustomerSimple } from '@/api/erp/customer'
import type { SaleOrder, SaleOrderItem } from '@/api/erp/sale-order'
import type { SaleReturn, SaleReturnItem } from '@/api/erp/sale-return'
import type { Warehouse } from '@/api/erp/warehouse'
import type { LoadMoreState } from '@/http/types'
import type { User } from '@/api/system/user'
import { computed, onMounted, ref, watch } from 'vue'
import { useToast } from 'wot-design-uni'
import { getAccountSimpleList } from '@/api/erp/account'
import { getCustomerSimpleList } from '@/api/erp/customer'
import { getSaleOrder, getSaleOrderPage } from '@/api/erp/sale-order'
import { createSaleReturn, getSaleReturn, updateSaleReturn } from '@/api/erp/sale-return'
import { getWarehouseSimpleList } from '@/api/erp/warehouse'
import { getSimpleUserList } from '@/api/system/user'
import { navigateBackPlus } from '@/utils'
const props = defineProps<{
id?: number | any
}>()
definePage({
style: {
navigationBarTitleText: '',
navigationStyle: 'custom',
},
})
const toast = useToast()
const getTitle = computed(() => props.id ? '编辑销售退货' : '新增销售退货')
const formLoading = ref(false)
const formRef = ref<FormInstance>()
const customerList = ref<CustomerSimple[]>([])
const accountList = ref<Account[]>([])
const warehouseList = ref<Warehouse[]>([])
const userList = ref<User[]>([])
const defaultWarehouse = ref<Warehouse>()
const formData = ref<SaleReturn>({
id: undefined,
no: undefined,
customerId: undefined,
accountId: undefined,
saleUserId: undefined,
returnTime: Date.now(),
orderId: undefined,
orderNo: undefined,
discountPercent: 0,
discountPrice: 0,
otherPrice: 0,
totalPrice: 0,
remark: '',
items: [],
})
const formRules = {
returnTime: [{ required: true, message: '退货时间不能为空' }],
}
const orderSelectVisible = ref(false)
const orderList = ref<SaleOrder[]>([])
const orderLoadMoreState = ref<LoadMoreState>('loading')
const orderQueryParams = ref<{
pageNo: number
pageSize: number
no?: string
returnEnable: boolean
}>({
pageNo: 1,
pageSize: 10,
no: undefined as string | undefined,
returnEnable: true,
})
const orderTotal = ref(0)
const selectedOrderId = ref<number>()
const accountColumns = computed(() => {
if (!accountList.value.length) {
return []
}
return [accountList.value.map(a => ({ value: a.id, label: a.name }))]
})
const warehouseColumns = computed(() => {
if (!warehouseList.value.length) {
return []
}
return [warehouseList.value.map(w => ({ value: w.id, label: w.name }))]
})
function formatPrice(value?: number) {
if (value === undefined || value === null) return '0.00'
return Number(value).toFixed(2)
}
function getCustomerName() {
if (!formData.value.customerId) return ''
const customer = customerList.value.find(s => s.id === formData.value.customerId)
return customer?.name || formData.value.customerName || ''
}
function getSaleUserName() {
if (!formData.value.saleUserId) return ''
const user = userList.value.find(s => s.id === formData.value.saleUserId)
return user?.nickname || formData.value.saleUserName || ''
}
function getPickerSingleValue(payload: any) {
if (Array.isArray(payload?.value)) {
return payload.value[0]
}
if (payload?.value !== undefined) {
return payload.value
}
if (Array.isArray(payload?.selectedItems) && payload.selectedItems.length > 0) {
return payload.selectedItems[0]?.value
}
return undefined
}
function onAccountConfirm(payload: any) {
formData.value.accountId = getPickerSingleValue(payload)
}
function onWarehouseConfirm(payload: any, index: number) {
if (formData.value.items && formData.value.items[index]) {
const warehouseId = getPickerSingleValue(payload)
formData.value.items[index].warehouseId = warehouseId
const warehouse = warehouseList.value.find(w => w.id === warehouseId)
if (warehouse) {
formData.value.items[index].warehouseName = warehouse.name
}
}
}
function calcTotalPrice(item: SaleReturnItem) {
if (item.productPrice && item.count) {
const productTotal = Number(item.productPrice) * Number(item.count)
const taxPrice = item.taxPercent ? productTotal * Number(item.taxPercent) / 100 : 0
return `¥${(productTotal + taxPrice).toFixed(2)}`
}
return '-'
}
watch(
() => formData.value,
(val) => {
if (!val || !val.items) return
val.items.forEach((item) => {
if (item.productPrice && item.count) {
item.totalProductPrice = Number(item.productPrice) * Number(item.count)
item.taxPrice = item.taxPercent ? item.totalProductPrice * Number(item.taxPercent) / 100 : 0
item.totalPrice = item.totalProductPrice + (item.taxPrice || 0)
} else {
item.totalProductPrice = 0
item.taxPrice = 0
item.totalPrice = 0
}
})
const totalPrice = val.items.reduce((prev, curr) => prev + Number(curr.totalPrice || 0), 0)
const discountPrice = val.discountPercent ? totalPrice * Number(val.discountPercent) / 100 : 0
formData.value.discountPrice = Math.round(discountPrice * 100) / 100
formData.value.totalPrice = Math.round((totalPrice - discountPrice + Number(val.otherPrice || 0)) * 100) / 100
},
{ deep: true },
)
async function loadDropdownData() {
const [customers, accounts, warehouses, users] = await Promise.allSettled([
getCustomerSimpleList(),
getAccountSimpleList(),
getWarehouseSimpleList(),
getSimpleUserList(),
])
customerList.value = customers.status === 'fulfilled' ? (customers.value || []) : []
accountList.value = accounts.status === 'fulfilled' ? (accounts.value || []) : []
warehouseList.value = warehouses.status === 'fulfilled' ? (warehouses.value || []) : []
userList.value = users.status === 'fulfilled' ? (users.value || []) : []
const defaultAccount = accountList.value.find(a => (a as any).defaultStatus)
if (defaultAccount && !formData.value.accountId) {
formData.value.accountId = defaultAccount.id
}
defaultWarehouse.value = warehouseList.value.find(w => w.defaultStatus)
}
function handleBack() {
navigateBackPlus('/pages-erp/sale-return/index')
}
function handleRemoveItem(index: number) {
uni.showModal({
title: '提示',
content: `确定要删除第 ${index + 1} 项产品吗?`,
success: (res) => {
if (res.confirm) {
formData.value.items?.splice(index, 1)
}
},
})
}
function openOrderSelect() {
orderSelectVisible.value = true
orderQueryParams.value.pageNo = 1
orderList.value = []
selectedOrderId.value = formData.value.orderId
getOrderList()
}
async function getOrderList() {
orderLoadMoreState.value = 'loading'
try {
const data = await getSaleOrderPage(orderQueryParams.value)
if (orderQueryParams.value.pageNo === 1) {
orderList.value = data.list
} else {
orderList.value = [...orderList.value, ...data.list]
}
orderTotal.value = data.total
orderLoadMoreState.value = orderList.value.length >= orderTotal.value ? 'finished' : 'loading'
} catch {
orderLoadMoreState.value = 'error'
}
}
function loadMoreOrders() {
if (orderLoadMoreState.value === 'finished') return
orderQueryParams.value.pageNo++
getOrderList()
}
function handleSelectOrder(item: SaleOrder) {
selectedOrderId.value = item.id
}
function mapSaleOrderItem(item: SaleOrderItem) {
const availableCount = Math.max(Number(item.outCount || 0) - Number(item.returnCount || 0), 0)
return {
productId: item.productId,
productName: item.productName,
productUnitId: item.productUnitId,
productUnitName: item.productUnitName,
productPrice: item.productPrice ?? item.unitPrice,
productSpec: item.productSpec,
productBarCode: item.productBarCode,
count: availableCount,
outCount: item.outCount,
returnCount: item.returnCount,
taxPercent: item.taxPercent,
warehouseId: defaultWarehouse.value?.id,
warehouseName: defaultWarehouse.value?.name,
stockCount: item.stockCount,
orderItemId: item.id,
remark: item.remark,
} as SaleReturnItem
}
async function confirmSelectOrder() {
if (!selectedOrderId.value) return
try {
toast.loading('加载订单详情...')
const orderDetail = await getSaleOrder(selectedOrderId.value)
formData.value.orderId = orderDetail.id
formData.value.orderNo = orderDetail.no
formData.value.customerId = orderDetail.customerId
formData.value.customerName = orderDetail.customerName
formData.value.accountId = orderDetail.accountId
formData.value.saleUserId = orderDetail.saleUserId
formData.value.saleUserName = orderDetail.saleUserName
formData.value.discountPercent = orderDetail.discountPercent
formData.value.remark = orderDetail.remark
if (orderDetail.items) {
formData.value.items = orderDetail.items
.filter(item => (Number(item.outCount || 0) - Number(item.returnCount || 0)) > 0)
.map(mapSaleOrderItem)
}
orderSelectVisible.value = false
} finally {
toast.close()
}
}
async function getDetail() {
if (!props.id) {
return
}
try {
toast.loading('加载中...')
formData.value = await getSaleReturn(props.id)
} finally {
toast.close()
}
}
async function handleSubmit() {
const { valid } = await formRef.value!.validate()
if (!valid) {
return
}
if (!formData.value.items || formData.value.items.length === 0) {
toast.warning('请至少添加一项退货产品')
return
}
for (let i = 0; i < formData.value.items.length; i++) {
const item = formData.value.items[i]
if (!item.warehouseId) {
toast.warning(`${i + 1}项产品请选择仓库`)
return
}
if (!item.count || Number(item.count) <= 0) {
toast.warning(`${i + 1}项产品数量不能为空`)
return
}
if (Number(item.count) > Math.max(Number(item.outCount || 0) - Number(item.returnCount || 0), 0)) {
toast.warning(`${i + 1}项产品数量不能超过可退数量`)
return
}
}
formLoading.value = true
try {
if (props.id) {
await updateSaleReturn(formData.value)
toast.success('修改成功')
} else {
await createSaleReturn(formData.value)
toast.success('新增成功')
}
setTimeout(() => {
handleBack()
}, 500)
} finally {
formLoading.value = false
}
}
onMounted(async () => {
await loadDropdownData()
getDetail()
})
</script>
<style lang="scss" scoped>
</style>

View File

@@ -0,0 +1,371 @@
<template>
<view class="yd-page-container erp-page">
<wd-navbar
title="销售退货"
left-arrow
placeholder
safe-area-inset-top
fixed
@click-left="handleBack"
/>
<SearchForm @search="handleQuery" @reset="handleReset" />
<view class="flex items-center overflow-hidden rounded-12rpx bg-white mx-24rpx mb-16rpx shadow-sm">
<view
v-for="tab in statusTabs"
:key="String(tab.value)"
class="flex-1 py-20rpx text-center text-26rpx relative"
:class="activeStatus === tab.value ? 'text-[#1890ff] font-semibold' : 'text-[#666]'"
@click="handleQuickFilter(tab.value)"
>
{{ tab.label }}
<view
v-if="activeStatus === tab.value"
class="absolute bottom-0 left-1/4 w-1/2 h-4rpx rounded-2rpx bg-[#1890ff]"
/>
</view>
</view>
<view class="px-24rpx">
<view
v-for="item in list"
:key="item.id"
class="mb-20rpx overflow-hidden rounded-12rpx bg-white shadow-sm"
@click="handleCardClick(item)"
>
<view class="p-24rpx">
<view class="mb-16rpx flex items-center justify-between">
<view class="text-30rpx text-[#333] font-semibold">
{{ item.no }}
</view>
<view
class="rounded-8rpx px-16rpx py-4rpx text-24rpx"
:class="getStatusClass(item.status)"
>
{{ getStatusText(item.status) }}
</view>
</view>
<view class="mb-8rpx flex items-center justify-between text-26rpx text-[#666]">
<text class="text-[#999]">客户</text>
<text>{{ item.customerName || '-' }}</text>
</view>
<view class="mb-8rpx flex items-center justify-between text-26rpx text-[#666]">
<text class="text-[#999]">产品</text>
<text class="ml-16rpx line-clamp-1 text-right" style="max-width: 400rpx;">{{ item.productNames || '-' }}</text>
</view>
<view class="mb-8rpx flex items-center justify-between text-26rpx text-[#666]">
<text class="text-[#999]">退货时间</text>
<text>{{ formatDate(item.returnTime) }}</text>
</view>
<view class="mb-12rpx flex items-center justify-between text-26rpx text-[#666]">
<text class="text-[#999]">创建人</text>
<text>{{ item.creatorName || '-' }}</text>
</view>
<view class="flex items-center justify-around mt-12rpx pt-16rpx border-t border-[#f0f0f0]">
<view class="text-center">
<view class="text-30rpx text-[#333] font-semibold">{{ item.totalCount || 0 }}</view>
<view class="text-22rpx text-[#999] mt-4rpx">总数量</view>
</view>
<view class="text-center">
<view class="text-30rpx text-[#e6a23c] font-semibold">¥{{ formatPrice(item.totalPrice) }}</view>
<view class="text-22rpx text-[#999] mt-4rpx">应退</view>
</view>
<view class="text-center">
<view class="text-30rpx text-[#52c41a] font-semibold">¥{{ formatPrice(item.refundPrice) }}</view>
<view class="text-22rpx text-[#999] mt-4rpx">已退</view>
</view>
<view class="text-center">
<view
class="text-30rpx font-semibold"
:class="getUnrefundPrice(item) > 0 ? 'text-[#f5222d]' : 'text-[#999]'"
>
¥{{ formatPrice(getUnrefundPrice(item)) }}
</view>
<view class="text-22rpx text-[#999] mt-4rpx">未退</view>
</view>
</view>
</view>
<view class="flex flex-wrap gap-12rpx px-24rpx pb-20rpx" @click.stop>
<wd-button
v-if="hasAccessByCodes(['erp:sale-return:query'])"
size="small"
plain
@click="handleDetail(item)"
>
详情
</wd-button>
<wd-button
v-if="hasAccessByCodes(['erp:sale-return:update']) && item.status === 10"
size="small"
type="primary"
plain
@click="handleEdit(item)"
>
修改
</wd-button>
<wd-button
v-if="hasAccessByCodes(['erp:sale-return:update-status']) && item.status === 10"
size="small"
type="success"
plain
@click="handleAudit(item.id!)"
>
审批
</wd-button>
<wd-button
v-if="hasAccessByCodes(['erp:sale-return:update-status']) && item.status === 20"
size="small"
type="warning"
plain
@click="handleReverseAudit(item.id!)"
>
反审批
</wd-button>
<wd-button
v-if="hasAccessByCodes(['erp:sale-return:delete'])"
size="small"
type="error"
plain
@click="handleDelete(item.id!)"
>
删除
</wd-button>
</view>
</view>
<view v-if="loadMoreState !== 'loading' && list.length === 0" class="py-100rpx text-center">
<wd-status-tip image="content" tip="暂无销售退货数据" />
</view>
<wd-loadmore
v-if="list.length > 0"
:state="loadMoreState"
@reload="loadMore"
/>
</view>
<wd-fab
v-if="hasAccessByCodes(['erp:sale-return:create'])"
position="right-bottom"
type="primary"
:expandable="false"
@click="handleAdd"
/>
</view>
</template>
<script lang="ts" setup>
import type { SaleReturn } from '@/api/erp/sale-return'
import type { LoadMoreState } from '@/http/types'
import { onReachBottom } from '@dcloudio/uni-app'
import { onMounted, ref } from 'vue'
import { useToast } from 'wot-design-uni'
import { deleteSaleReturn, getSaleReturnPage, updateSaleReturnStatus } from '@/api/erp/sale-return'
import { useAccess } from '@/hooks/useAccess'
import { navigateBackPlus } from '@/utils'
import SearchForm from './components/search-form.vue'
definePage({
style: {
navigationBarTitleText: '',
navigationStyle: 'custom',
},
})
const { hasAccessByCodes } = useAccess()
const toast = useToast()
const total = ref(0)
const list = ref<SaleReturn[]>([])
const loadMoreState = ref<LoadMoreState>('loading')
const activeStatus = ref<number | undefined>(undefined)
const queryParams = ref<{
pageNo: number
pageSize: number
no?: string
customerId?: number
status?: number
}>({
pageNo: 1,
pageSize: 10,
})
const statusTabs = [
{ label: '全部', value: undefined },
{ label: '待审核', value: 10 },
{ label: '已审核', value: 20 },
]
function formatDate(date?: string | number) {
if (!date) return '-'
const value = new Date(date)
if (Number.isNaN(value.getTime())) return String(date).slice(0, 10)
return `${value.getFullYear()}-${String(value.getMonth() + 1).padStart(2, '0')}-${String(value.getDate()).padStart(2, '0')}`
}
function formatPrice(price?: number) {
if (price === undefined || price === null) return '0.00'
return Number(price).toFixed(2)
}
function getUnrefundPrice(item: SaleReturn) {
return Math.max(Number(item.totalPrice || 0) - Number(item.refundPrice || 0), 0)
}
function getStatusText(status?: number) {
if (status === 10) return '待审核'
if (status === 20) return '已审核'
return '未知'
}
function getStatusClass(status?: number) {
if (status === 10) return 'bg-[#fff7e6] text-[#fa8c16]'
if (status === 20) return 'bg-[#f6ffed] text-[#52c41a]'
return 'bg-[#f5f5f5] text-[#999]'
}
function handleBack() {
navigateBackPlus()
}
async function getList() {
loadMoreState.value = 'loading'
try {
const data = await getSaleReturnPage({ ...queryParams.value })
list.value = [...list.value, ...data.list]
total.value = data.total
loadMoreState.value = list.value.length >= total.value ? 'finished' : 'loading'
} catch {
queryParams.value.pageNo = queryParams.value.pageNo > 1 ? queryParams.value.pageNo - 1 : 1
loadMoreState.value = 'error'
}
}
function handleQuickFilter(status?: number) {
activeStatus.value = status
queryParams.value.status = status
queryParams.value.pageNo = 1
list.value = []
getList()
}
function handleQuery(data?: Record<string, any>) {
queryParams.value = {
...data,
status: activeStatus.value,
pageNo: 1,
pageSize: queryParams.value.pageSize,
}
list.value = []
getList()
}
function handleReset() {
activeStatus.value = undefined
handleQuery()
}
function loadMore() {
if (loadMoreState.value === 'finished') {
return
}
queryParams.value.pageNo++
getList()
}
function handleCardClick(item: SaleReturn) {
if (item.status === 20) {
handleDetail(item)
} else if (item.status === 10) {
handleEdit(item)
}
}
function handleAdd() {
uni.navigateTo({
url: '/pages-erp/sale-return/form/index',
})
}
function handleDetail(item: SaleReturn) {
uni.navigateTo({
url: `/pages-erp/sale-return/detail/index?id=${item.id}`,
})
}
function handleEdit(item: SaleReturn) {
uni.navigateTo({
url: `/pages-erp/sale-return/form/index?id=${item.id}`,
})
}
function handleAudit(id: number) {
uni.showModal({
title: '提示',
content: '确定审批该销售退货单吗?',
success: async (res) => {
if (!res.confirm) return
try {
await updateSaleReturnStatus(id, 20)
toast.success('审批成功')
list.value = []
queryParams.value.pageNo = 1
getList()
} catch {
// error handled by http
}
},
})
}
function handleReverseAudit(id: number) {
uni.showModal({
title: '提示',
content: '确定反审批该销售退货单吗?',
success: async (res) => {
if (!res.confirm) return
try {
await updateSaleReturnStatus(id, 10)
toast.success('反审批成功')
list.value = []
queryParams.value.pageNo = 1
getList()
} catch {
// error handled by http
}
},
})
}
function handleDelete(id: number) {
uni.showModal({
title: '提示',
content: '确定要删除该销售退货单吗?',
success: async (res) => {
if (!res.confirm) return
try {
await deleteSaleReturn([id])
toast.success('删除成功')
list.value = []
queryParams.value.pageNo = 1
getList()
} catch {
// error handled by http
}
},
})
}
onReachBottom(() => {
loadMore()
})
onMounted(() => {
getList()
})
</script>
<style lang="scss" scoped>
</style>

View File

@@ -1,5 +1,5 @@
<template>
<view class="yd-page-container">
<view class="yd-page-container erp-page">
<!-- 顶部导航栏 -->
<wd-navbar
title="盘点单详情"
@@ -116,7 +116,6 @@ import { onMounted, ref } from 'vue'
import { useToast } from 'wot-design-uni'
import { deleteStockCheck, getStockCheck, updateStockCheckStatus } from '@/api/erp/stock-check'
import { useAccess } from '@/hooks/useAccess'
import { formatDate as formatDateValue } from '@/utils/date'
import { navigateBackPlus } from '@/utils'
const props = defineProps<{
@@ -147,8 +146,9 @@ function formatPrice(price?: number) {
}
/** 格式化日期 */
function formatDate(dateStr?: string | number | Date) {
return formatDateValue(dateStr) || '-'
function formatDate(dateStr?: string) {
if (!dateStr) return '-'
return dateStr.substring(0, 10)
}
/** 返回上一页 */

View File

@@ -1,5 +1,5 @@
<template>
<view class="yd-page-container">
<view class="yd-page-container erp-page">
<!-- 顶部导航栏 -->
<wd-navbar
:title="getTitle"
@@ -8,7 +8,7 @@
/>
<!-- 表单区域 -->
<view class="pb-180rpx">
<view class="erp-form-body">
<wd-form ref="formRef" :model="formData" :rules="formRules">
<wd-cell-group title="基本信息" border>
<wd-cell title="盘点单号" :value="formData.no || '保存时自动生成'" />
@@ -39,7 +39,7 @@
<view
v-for="(item, index) in formData.items"
:key="index"
class="mx-24rpx mb-20rpx rounded-12rpx bg-[#f9f9f9] p-24rpx"
class="erp-form-item-card erp-form-item-card--padded"
>
<view class="mb-12rpx flex items-center justify-between">
<view class="text-28rpx text-[#333] font-semibold">
@@ -147,15 +147,13 @@
/>
<!-- 仓库选择器 -->
<wd-picker
v-model="warehousePickerVisible"
<wd-picker v-model:show="warehousePickerVisible"
:columns="warehouseColumns"
@confirm="onWarehouseConfirm"
/>
<!-- 产品选择器 -->
<wd-picker
v-model="productPickerVisible"
<wd-picker v-model:show="productPickerVisible"
:columns="productColumns"
@confirm="onProductConfirm"
/>
@@ -169,7 +167,6 @@ import { computed, onMounted, ref } from 'vue'
import { useToast } from 'wot-design-uni'
import { createStockCheck, getStockCheck, updateStockCheck } from '@/api/erp/stock-check'
import { getWarehouseSimpleList } from '@/api/erp/warehouse'
import { formatDate as formatDateValue } from '@/utils/date'
import { navigateBackPlus } from '@/utils'
const props = defineProps<{
@@ -199,7 +196,7 @@ const formRules = {
const formRef = ref<FormInstance>()
// 仓库列表
const warehouseList = ref<{ id: number, name: string }[]>([])
const warehouseList = ref<{ id?: number, name?: string }[]>([])
const warehousePickerVisible = ref(false)
const warehouseColumns = computed(() => [
warehouseList.value.map(v => ({ value: v.id, label: v.name })),
@@ -213,7 +210,7 @@ const productColumns = computed(() => [
])
// 日期选择器
const datePickerVisible = ref(false)
const datePickerVisible = ref<any>(false)
// 当前编辑的产品项索引
const currentItemIndex = ref(-1)
@@ -241,8 +238,14 @@ function formatPrice(price?: number) {
}
/** 格式化日期 */
function formatDate(dateStr?: string | number | Date) {
return formatDateValue(dateStr) || '-'
function formatDate(dateStr?: string) {
if (!dateStr) return '-'
if (typeof dateStr === 'number') {
const d = new Date(dateStr)
const pad = (n: number) => n.toString().padStart(2, '0')
return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}`
}
return dateStr.substring(0, 10)
}
/** 返回上一页 */

View File

@@ -1,5 +1,5 @@
<template>
<view class="yd-page-container">
<view class="yd-page-container erp-page">
<!-- 顶部导航栏 -->
<wd-navbar
title="库存盘点"
@@ -164,7 +164,6 @@ import { computed, onMounted, reactive, ref } from 'vue'
import { useToast } from 'wot-design-uni'
import { deleteStockCheck, getStockCheckPage, updateStockCheckStatus } from '@/api/erp/stock-check'
import { useAccess } from '@/hooks/useAccess'
import { formatDate as formatDateValue } from '@/utils/date'
import { getNavbarHeight, navigateBackPlus } from '@/utils'
definePage({
@@ -179,7 +178,7 @@ const toast = useToast()
const total = ref(0)
const list = ref<StockCheck[]>([])
const loadMoreState = ref<LoadMoreState>('loading')
const queryParams = ref<Record<string, any>>({
const queryParams = ref<{ pageNo: number; pageSize: number } & Record<string, any>>({
pageNo: 1,
pageSize: 10,
status: undefined,
@@ -230,8 +229,9 @@ function formatPrice(price?: number) {
}
/** 格式化日期 */
function formatDate(dateStr?: string | number | Date) {
return formatDateValue(dateStr) || '-'
function formatDate(dateStr?: string) {
if (!dateStr) return '-'
return dateStr.substring(0, 10)
}
/** 返回上一页 */

View File

@@ -1,5 +1,5 @@
<template>
<view class="yd-page-container">
<view class="yd-page-container erp-page">
<!-- 顶部导航栏 -->
<wd-navbar
title="报溢单详情"
@@ -104,7 +104,6 @@ import { onMounted, ref } from 'vue'
import { useToast } from 'wot-design-uni'
import { deleteStockGain, getStockGain, updateStockGainStatus } from '@/api/erp/stock-gain'
import { useAccess } from '@/hooks/useAccess'
import { formatDate as formatDateValue } from '@/utils/date'
import { navigateBackPlus } from '@/utils'
const props = defineProps<{
@@ -135,8 +134,9 @@ function formatPrice(price?: number) {
}
/** 格式化日期 */
function formatDate(dateStr?: string | number | Date) {
return formatDateValue(dateStr) || '-'
function formatDate(dateStr?: string) {
if (!dateStr) return '-'
return dateStr.substring(0, 10)
}
/** 返回上一页 */

View File

@@ -1,5 +1,5 @@
<template>
<view class="yd-page-container">
<view class="yd-page-container erp-page">
<!-- 顶部导航栏 -->
<wd-navbar
:title="getTitle"
@@ -8,7 +8,7 @@
/>
<!-- 表单区域 -->
<view class="pb-180rpx">
<view class="erp-form-body">
<wd-form ref="formRef" :model="formData" :rules="formRules">
<wd-cell-group title="基本信息" border>
<wd-cell title="报溢单号" :value="formData.no || '保存时自动生成'" />
@@ -46,7 +46,7 @@
<view
v-for="(item, index) in formData.items"
:key="index"
class="mx-24rpx mb-20rpx rounded-12rpx bg-[#f9f9f9] p-24rpx"
class="erp-form-item-card erp-form-item-card--padded"
>
<view class="mb-12rpx flex items-center justify-between">
<view class="text-28rpx text-[#333] font-semibold">
@@ -135,15 +135,13 @@
/>
<!-- 仓库选择器 -->
<wd-picker
v-model="warehousePickerVisible"
<wd-picker v-model:show="warehousePickerVisible"
:columns="warehouseColumns"
@confirm="onWarehouseConfirm"
/>
<!-- 产品选择器 -->
<wd-picker
v-model="productPickerVisible"
<wd-picker v-model:show="productPickerVisible"
:columns="productColumns"
@confirm="onProductConfirm"
/>
@@ -157,7 +155,6 @@ import { computed, onMounted, ref } from 'vue'
import { useToast } from 'wot-design-uni'
import { createStockGain, getStockGain, updateStockGain } from '@/api/erp/stock-gain'
import { getWarehouseSimpleList } from '@/api/erp/warehouse'
import { formatDate as formatDateValue } from '@/utils/date'
import { navigateBackPlus } from '@/utils'
const props = defineProps<{
@@ -188,7 +185,7 @@ const formRules = {
const formRef = ref<FormInstance>()
// 仓库列表
const warehouseList = ref<{ id: number, name: string }[]>([])
const warehouseList = ref<{ id?: number, name?: string }[]>([])
const warehousePickerVisible = ref(false)
const warehouseColumns = computed(() => [
warehouseList.value.map(v => ({ value: v.id, label: v.name })),
@@ -202,7 +199,7 @@ const productColumns = computed(() => [
])
// 日期选择器
const datePickerVisible = ref(false)
const datePickerVisible = ref<any>(false)
// 当前编辑的产品项索引
const currentItemIndex = ref(-1)
@@ -230,8 +227,14 @@ function formatPrice(price?: number) {
}
/** 格式化日期 */
function formatDate(dateStr?: string | number | Date) {
return formatDateValue(dateStr) || '-'
function formatDate(dateStr?: string) {
if (!dateStr) return '-'
if (typeof dateStr === 'number') {
const d = new Date(dateStr)
const pad = (n: number) => n.toString().padStart(2, '0')
return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}`
}
return dateStr.substring(0, 10)
}
/** 返回上一页 */

View File

@@ -1,5 +1,5 @@
<template>
<view class="yd-page-container">
<view class="yd-page-container erp-page">
<!-- 顶部导航栏 -->
<wd-navbar
title="库存报溢"
@@ -169,7 +169,6 @@ import { computed, onMounted, reactive, ref } from 'vue'
import { useToast } from 'wot-design-uni'
import { deleteStockGain, getStockGainPage, updateStockGainStatus } from '@/api/erp/stock-gain'
import { useAccess } from '@/hooks/useAccess'
import { formatDate as formatDateValue } from '@/utils/date'
import { getNavbarHeight, navigateBackPlus } from '@/utils'
definePage({
@@ -184,7 +183,7 @@ const toast = useToast()
const total = ref(0)
const list = ref<StockGain[]>([])
const loadMoreState = ref<LoadMoreState>('loading')
const queryParams = ref<Record<string, any>>({
const queryParams = ref<{ pageNo: number; pageSize: number } & Record<string, any>>({
pageNo: 1,
pageSize: 10,
status: undefined,
@@ -235,8 +234,9 @@ function formatPrice(price?: number) {
}
/** 格式化日期 */
function formatDate(dateStr?: string | number | Date) {
return formatDateValue(dateStr) || '-'
function formatDate(dateStr?: string) {
if (!dateStr) return '-'
return dateStr.substring(0, 10)
}
/** 返回上一页 */

View File

@@ -1,5 +1,5 @@
<template>
<view class="yd-page-container">
<view class="yd-page-container erp-page">
<!-- 顶部导航栏 -->
<wd-navbar
title="入库单详情"
@@ -116,7 +116,6 @@ import { onMounted, ref } from 'vue'
import { useToast } from 'wot-design-uni'
import { deleteStockIn, getStockIn, updateStockInStatus } from '@/api/erp/stock-in'
import { useAccess } from '@/hooks/useAccess'
import { formatDate as formatDateValue } from '@/utils/date'
import { navigateBackPlus } from '@/utils'
const props = defineProps<{
@@ -147,10 +146,12 @@ function formatPrice(price?: number) {
}
/** 格式化日期 */
function formatDate(dateStr?: string | number | Date) {
return formatDateValue(dateStr) || '-'
function formatDate(date?: string) {
if (!date) return '-'
return new Date(date).toLocaleDateString('zh-CN')
}
/** 返回上一页 */
function handleBack() {
navigateBackPlus('/pages-erp/stock-in/index')

View File

@@ -1,5 +1,5 @@
<template>
<view class="yd-page-container">
<view class="yd-page-container erp-page">
<!-- 顶部导航栏 -->
<wd-navbar
:title="getTitle"
@@ -8,7 +8,7 @@
/>
<!-- 表单区域 -->
<view class="pb-180rpx">
<view class="erp-form-body">
<wd-form ref="formRef" :model="formData" :rules="formRules">
<wd-cell-group title="基本信息" border>
<wd-cell title="入库单号" :value="formData.no || '保存时自动生成'" />
@@ -46,7 +46,7 @@
<view
v-for="(item, index) in formData.items"
:key="index"
class="mx-24rpx mb-20rpx rounded-12rpx bg-[#f9f9f9] p-24rpx"
class="erp-form-item-card erp-form-item-card--padded"
>
<view class="mb-12rpx flex items-center justify-between">
<view class="text-28rpx text-[#333] font-semibold">
@@ -143,22 +143,19 @@
/>
<!-- 供应商选择器 -->
<wd-picker
v-model="supplierPickerVisible"
<wd-picker v-model:show="supplierPickerVisible"
:columns="supplierColumns"
@confirm="onSupplierConfirm"
/>
<!-- 仓库选择器 -->
<wd-picker
v-model="warehousePickerVisible"
<wd-picker v-model:show="warehousePickerVisible"
:columns="warehouseColumns"
@confirm="onWarehouseConfirm"
/>
<!-- 产品选择器 -->
<wd-picker
v-model="productPickerVisible"
<wd-picker v-model:show="productPickerVisible"
:columns="productColumns"
@confirm="onProductConfirm"
/>
@@ -173,7 +170,6 @@ import { useToast } from 'wot-design-uni'
import { createStockIn, getStockIn, updateStockIn } from '@/api/erp/stock-in'
import { getSupplierSimpleList } from '@/api/erp/supplier'
import { getWarehouseSimpleList } from '@/api/erp/warehouse'
import { formatDate as formatDateValue } from '@/utils/date'
import { navigateBackPlus } from '@/utils'
const props = defineProps<{
@@ -211,7 +207,7 @@ const supplierColumns = computed(() => [
])
// 仓库列表
const warehouseList = ref<{ id: number, name: string }[]>([])
const warehouseList = ref<{ id?: number, name?: string }[]>([])
const warehousePickerVisible = ref(false)
const warehouseColumns = computed(() => [
warehouseList.value.map(v => ({ value: v.id, label: v.name })),
@@ -225,7 +221,7 @@ const productColumns = computed(() => [
])
// 日期选择器
const datePickerVisible = ref(false)
const datePickerVisible = ref<any>(false)
// 当前编辑的产品项索引
const currentItemIndex = ref(-1)
@@ -260,8 +256,14 @@ function formatPrice(price?: number) {
}
/** 格式化日期 */
function formatDate(dateStr?: string | number | Date) {
return formatDateValue(dateStr) || '-'
function formatDate(dateStr?: string) {
if (!dateStr) return '-'
if (typeof dateStr === 'number') {
const d = new Date(dateStr)
const pad = (n: number) => n.toString().padStart(2, '0')
return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}`
}
return dateStr.substring(0, 10)
}
/** 返回上一页 */

View File

@@ -1,5 +1,5 @@
<template>
<view class="yd-page-container">
<view class="yd-page-container erp-page">
<!-- 顶部导航栏 -->
<wd-navbar
title="其他入库"
@@ -169,7 +169,6 @@ import { computed, onMounted, reactive, ref } from 'vue'
import { useToast } from 'wot-design-uni'
import { deleteStockIn, getStockInPage, updateStockInStatus } from '@/api/erp/stock-in'
import { useAccess } from '@/hooks/useAccess'
import { formatDate as formatDateValue } from '@/utils/date'
import { getNavbarHeight, navigateBackPlus } from '@/utils'
definePage({
@@ -184,7 +183,7 @@ const toast = useToast()
const total = ref(0)
const list = ref<StockIn[]>([])
const loadMoreState = ref<LoadMoreState>('loading')
const queryParams = ref<Record<string, any>>({
const queryParams = ref<{ pageNo: number; pageSize: number } & Record<string, any>>({
pageNo: 1,
pageSize: 10,
status: undefined,
@@ -235,10 +234,12 @@ function formatPrice(price?: number) {
}
/** 格式化日期 */
function formatDate(dateStr?: string | number | Date) {
return formatDateValue(dateStr) || '-'
function formatDate(date?: string) {
if (!date) return '-'
return new Date(date).toLocaleDateString('zh-CN')
}
/** 返回上一页 */
function handleBack() {
navigateBackPlus()

View File

@@ -1,149 +1,145 @@
<template>
<view class="recent-scan-list">
<view v-if="records.length === 0" class="recent-scan-list__empty">
暂无扫码记录开始扫码入库
</view>
<view
v-for="(record, index) in records"
:key="record.id || index"
class="scan-card"
:class="{ 'scan-card--latest': latestIndex === index }"
:key="record.id"
class="recent-scan-list__item"
:class="{ 'recent-scan-list__item--new': index === latestIndex }"
>
<view class="scan-card__header">
<text class="scan-card__name">{{ record.productName || '-' }}</text>
<text class="scan-card__delete" @tap="emit('delete', index)">删除</text>
</view>
<view class="scan-card__meta">
<text>条码{{ record.productBarCode || '-' }}</text>
<text>规格{{ record.productSpec || '-' }}</text>
</view>
<view class="scan-card__meta">
<text>仓库{{ record.warehouseName || '-' }}</text>
<text>单位{{ record.productUnit || '-' }}</text>
</view>
<view class="scan-card__meta">
<text>库位{{ record.locationCode || '-' }}</text>
<text>批次{{ record.batchNo || '-' }}</text>
</view>
<view class="scan-card__footer">
<view class="scan-card__count-control">
<text class="scan-card__count-btn" @tap="emit('decrease', index)">-</text>
<text class="scan-card__count">{{ record.scanCount }}</text>
<text class="scan-card__count-btn" @tap="emit('increase', index)">+</text>
<view class="recent-scan-list__info">
<view class="recent-scan-list__name">{{ record.productName }}</view>
<view class="recent-scan-list__meta">
<text>{{ record.warehouseName }}</text>
<text v-if="record.locationCode"> · {{ record.locationCode }}</text>
</view>
</view>
<view class="recent-scan-list__actions">
<view class="recent-scan-list__count">
<text class="count-btn" @tap="$emit('decrease', index)">-</text>
<text class="count-num">{{ record.scanCount }}</text>
<text class="count-btn" @tap="$emit('increase', index)">+</text>
</view>
<view class="recent-scan-list__delete" @tap="$emit('delete', index)">
<wd-icon name="delete" size="32rpx" color="#ff4d4f" />
</view>
</view>
</view>
<view v-if="records.length === 0" class="recent-scan-list__empty">
<text>暂无扫码记录</text>
</view>
</view>
</template>
<script setup lang="ts">
import type { ScanRecord } from '../index.vue'
defineProps<{
records: ScanRecord[]
records: {
id?: number
productName?: string
warehouseName?: string
locationCode?: string
scanCount: number
}[]
latestIndex?: number
}>()
const emit = defineEmits<{
(event: 'delete', index: number): void
(event: 'increase', index: number): void
(event: 'decrease', index: number): void
(event: 'clear'): void
defineEmits<{
delete: [index: number]
increase: [index: number]
decrease: [index: number]
}>()
</script>
<style lang="scss" scoped>
.recent-scan-list {
&__empty {
padding: 48rpx;
border-radius: 16rpx;
background: #fff;
color: #86909c;
text-align: center;
font-size: 26rpx;
}
}
max-height: 400rpx;
overflow-y: auto;
.scan-card {
margin-bottom: 16rpx;
padding: 24rpx;
border: 2rpx solid transparent;
border-radius: 16rpx;
background: #fff;
&--latest {
border-color: #1677ff;
box-shadow: 0 8rpx 20rpx rgba(22, 119, 255, 0.12);
}
&__header,
&__meta,
&__footer {
&__item {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16rpx;
padding: 16rpx 0;
border-bottom: 1rpx solid #f0f0f0;
&:last-child {
border-bottom: none;
}
&__header {
margin-bottom: 10rpx;
&--new {
background: #e6f4ff;
border-radius: 8rpx;
padding: 16rpx;
margin: 8rpx 0;
border-bottom: none;
}
}
&__info {
flex: 1;
min-width: 0;
}
&__name {
color: #1f2329;
font-size: 28rpx;
font-weight: 600;
}
&__delete {
flex-shrink: 0;
color: #f53f3f;
font-size: 24rpx;
color: #1f2329;
margin-bottom: 4rpx;
}
&__meta {
margin-top: 6rpx;
color: #4e5969;
font-size: 22rpx;
flex-wrap: wrap;
color: #86909c;
}
&__footer {
margin-top: 10rpx;
padding-top: 10rpx;
border-top: 2rpx solid #f2f3f5;
justify-content: flex-end;
}
&__count-control {
&__actions {
display: flex;
align-items: center;
gap: 16rpx;
}
&__count-btn {
width: 56rpx;
height: 56rpx;
line-height: 56rpx;
&__count {
display: flex;
align-items: center;
gap: 8rpx;
.count-btn {
width: 48rpx;
height: 48rpx;
line-height: 48rpx;
text-align: center;
border-radius: 12rpx;
background: #f2f3f5;
color: #1d2129;
font-size: 32rpx;
background: #f7f8fa;
border-radius: 8rpx;
font-size: 28rpx;
font-weight: 600;
color: #1677ff;
&:active {
background: #e6f4ff;
}
}
&__count {
min-width: 72rpx;
height: 56rpx;
line-height: 56rpx;
.count-num {
min-width: 60rpx;
text-align: center;
border-radius: 12rpx;
background: #fff7e8;
color: #1677ff;
font-size: 28rpx;
font-weight: 700;
font-weight: 600;
color: #1f2329;
}
}
&__delete {
padding: 8rpx;
&:active {
opacity: 0.7;
}
}
&__empty {
padding: 40rpx;
text-align: center;
color: #86909c;
font-size: 26rpx;
}
}
</style>

View File

@@ -1,14 +1,18 @@
<template>
<view class="scan-context-bar">
<view class="scan-context-bar__main">
<view class="scan-context-bar__warehouse">
<view class="scan-context-bar__item">
<text class="scan-context-bar__label">仓库</text>
<text class="scan-context-bar__value">{{ warehouseName || '未选择仓库' }}</text>
<text class="scan-context-bar__value">{{ warehouseName || '未选择' }}</text>
</view>
<view class="scan-context-bar__stats">
<text>明细 {{ recordCount }} </text>
<text>累计 {{ scannedCount }} </text>
<view class="scan-context-bar__divider" />
<view class="scan-context-bar__item">
<text class="scan-context-bar__label">已扫</text>
<text class="scan-context-bar__value scan-context-bar__value--highlight">{{ scannedCount }}</text>
</view>
<view class="scan-context-bar__divider" />
<view class="scan-context-bar__item">
<text class="scan-context-bar__label">记录</text>
<text class="scan-context-bar__value scan-context-bar__value--highlight">{{ recordCount }}</text>
</view>
</view>
</template>
@@ -23,46 +27,40 @@ defineProps<{
<style lang="scss" scoped>
.scan-context-bar {
display: flex;
align-items: center;
justify-content: space-around;
padding: 20rpx 24rpx;
background: linear-gradient(135deg, #1677ff 0%, #4096ff 100%);
border-radius: 16rpx;
background: #fff;
margin-bottom: 16rpx;
box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.04);
&__main {
&__item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
gap: 16rpx;
}
&__warehouse {
display: flex;
align-items: center;
gap: 12rpx;
min-width: 0;
flex: 1;
gap: 4rpx;
}
&__label {
flex-shrink: 0;
color: #86909c;
font-size: 24rpx;
font-size: 22rpx;
color: rgba(255, 255, 255, 0.8);
}
&__value {
color: #1f2329;
font-size: 28rpx;
font-weight: 600;
color: #fff;
&--highlight {
font-size: 36rpx;
}
}
&__stats {
display: flex;
gap: 20rpx;
flex-shrink: 0;
color: #1677ff;
font-size: 24rpx;
font-weight: 600;
&__divider {
width: 2rpx;
height: 40rpx;
background: rgba(255, 255, 255, 0.3);
}
}
</style>

View File

@@ -1,43 +1,41 @@
<template>
<view v-if="message" class="feedback-bar" :class="`feedback-bar--${tone}`">
{{ message }}
<view v-if="tone !== 'idle'" class="scan-feedback-bar" :class="`scan-feedback-bar--${tone}`">
<text class="scan-feedback-bar__text">{{ message }}</text>
</view>
</template>
<script setup lang="ts">
withDefaults(
defineProps<{
tone?: 'success' | 'error' | 'idle'
message?: string
}>(),
{
tone: 'idle',
message: '',
},
)
defineProps<{
tone: 'success' | 'error' | 'idle'
message: string
}>()
</script>
<style lang="scss" scoped>
.feedback-bar {
min-height: 76rpx;
padding: 18rpx 24rpx;
border-radius: 14rpx;
font-size: 24rpx;
line-height: 40rpx;
&--idle {
background: #f2f3f5;
color: #4e5969;
}
.scan-feedback-bar {
padding: 16rpx 20rpx;
border-radius: 12rpx;
margin-top: 16rpx;
&--success {
background: #f6ffed;
color: #389e0d;
border: 2rpx solid #b7eb8f;
.scan-feedback-bar__text {
color: #52c41a;
}
}
&--error {
background: #fff2f0;
color: #cf1322;
border: 2rpx solid #ffccc7;
.scan-feedback-bar__text {
color: #ff4d4f;
}
}
&__text {
font-size: 26rpx;
font-weight: 600;
}
}
</style>

View File

@@ -1,7 +1,7 @@
<template>
<view class="yd-page-container scan-page">
<view class="yd-page-container erp-page scan-page">
<wd-navbar
title="扫码其它入库"
title="扫码入库"
left-arrow
placeholder
safe-area-inset-top
@@ -12,23 +12,23 @@
<view class="scan-page__content">
<!-- 顶部上下文条 -->
<ScanContextBar
:warehouse-name="locationInfo?.warehouseName"
:warehouse-name="currentWarehouse?.name"
:scanned-count="scannedTotalCount"
:record-count="records.length"
/>
<!-- 扫码工作台 -->
<view class="scan-workbench">
<!-- 当前扫码上下文提示 -->
<!-- 扫码面板 -->
<view class="scan-panel">
<!-- 步骤指示器库位 产品 -->
<!-- 步骤指示器 -->
<view class="scan-step-indicator">
<view class="scan-step-indicator__item" :class="{ 'active': step === 'idle', 'done': step !== 'idle' }">
<view class="scan-step-indicator__dot">1</view>
<text>扫库</text>
<text></text>
</view>
<view class="scan-step-indicator__line" :class="{ 'done': step !== 'idle' }" />
<view class="scan-step-indicator__item" :class="{ 'active': step === 'scanned' }">
<view class="scan-step-indicator__item" :class="{ 'active': step === 'warehouse-scanned' }">
<view class="scan-step-indicator__dot">2</view>
<text>扫产品</text>
</view>
@@ -36,43 +36,36 @@
<!-- 当前作业提示 -->
<view class="scan-current-hint">
<text v-if="step === 'idle'">请扫描库条码</text>
<text v-if="step === 'idle'">请扫描库条码</text>
<text v-else>产品已入库请继续扫码</text>
</view>
<!-- 扫码区 -->
<!-- 库扫码区 -->
<view class="scan-row" :class="{ 'scan-row--dim': step !== 'idle' }">
<input
v-model="locationCode"
v-model="warehouseBarCode"
class="scan-field"
:class="{ 'scan-field--active': step === 'idle' }"
placeholder="扫描库条码"
placeholder="扫描库条码"
confirm-type="next"
:focus="locationInputFocus"
:focus="warehouseInputFocus"
:cursor-spacing="20"
:adjust-position="true"
:hold-keyboard="true"
@blur="handleLocationBlur"
@confirm="handleLocationScan"
@blur="handleWarehouseBlur"
@confirm="(e) => handleWarehouseScan(e.detail.value)"
>
<button class="scan-camera-btn" :disabled="scanLoading" @tap="handleCameraScan('location')">
<button class="scan-camera-btn" :disabled="scanLoading" @tap="handleCameraScan('warehouse')">
</button>
</view>
<!-- 库位预览扫库位码后显示 -->
<view class="scan-location-preview" v-if="locationInfo">
<!-- 仓库预览 -->
<view class="scan-location-preview" v-if="currentWarehouse">
<view class="scan-location-preview__row">
<text class="scan-location-preview__label">仓库</text>
<text class="scan-location-preview__value">{{ locationInfo.warehouseName }}</text>
</view>
<view class="scan-location-preview__row">
<text class="scan-location-preview__label">库位</text>
<text class="scan-location-preview__value scan-location-preview__value--code">
{{ locationInfo.locationCode }}
</text>
<text class="scan-location-preview__badge" :class="locationInfo.enableLocation ? 'badge--green' : 'badge--gray'">
{{ locationInfo.enableLocation ? '库位管理' : '无库位管理' }}
{{ currentWarehouse.name }}
</text>
</view>
</view>
@@ -82,7 +75,7 @@
<input
v-model="productBarCode"
class="scan-field"
:class="{ 'scan-field--active': step === 'scanned' }"
:class="{ 'scan-field--active': step !== 'idle' }"
placeholder="扫描产品条码"
confirm-type="done"
:focus="productInputFocus"
@@ -90,14 +83,14 @@
:adjust-position="true"
:hold-keyboard="true"
@blur="handleProductBlur"
@confirm="handleProductScan"
@confirm="(e) => handleProductScan(e.detail.value)"
>
<button class="scan-camera-btn" :disabled="scanLoading" @tap="handleCameraScan('product')">
<button class="scan-camera-btn" :disabled="scanLoading || step === 'idle'" @tap="handleCameraScan('product')">
</button>
</view>
<!-- 产品预览扫产品码后显示 -->
<!-- 产品预览 -->
<view class="scan-product-preview" v-if="productPreview">
<view class="scan-product-preview__row">
<text class="scan-product-preview__label">产品</text>
@@ -121,12 +114,8 @@
<!-- 扫码记录列表 -->
<view class="scan-panel scan-panel--list">
<view class="scan-panel__header">
<view class="scan-panel__title">
扫码记录
</view>
<view class="scan-panel__meta">
{{ records.length }}
</view>
<view class="scan-panel__title">扫码记录</view>
<view class="scan-panel__meta"> {{ records.length }} </view>
</view>
<RecentScanList
:records="records"
@@ -139,12 +128,8 @@
<!-- 提交栏 -->
<view class="scan-footer">
<button class="scan-footer__clear" @tap="handleClearAll">
清空记录
</button>
<button class="scan-footer__submit" :loading="submitting" @tap="handleSubmit">
提交其它入库
</button>
<button class="scan-footer__clear" @tap="handleClearAll">清空记录</button>
<button class="scan-footer__submit" :loading="submitting" @tap="handleSubmit">提交入库</button>
</view>
</view>
</view>
@@ -152,20 +137,15 @@
</template>
<script setup lang="ts">
import type { ProductByBarCode } from '@/api/erp/product'
import type { LocationByCodeVO } from '@/api/erp/location'
import type { StockIn, StockInItem } from '@/api/erp/stock-in'
import { computed, nextTick, onMounted, ref } from 'vue'
import { useToast } from 'wot-design-uni'
import { getProductByBarCode } from '@/api/erp/product'
import { getLocationByCode } from '@/api/erp/location'
import { getWarehouseByBarCode } from '@/api/erp/warehouse'
import { getProductByBarCode, type ProductByBarCode } from '@/api/erp/product'
import { createStockIn } from '@/api/erp/stock-in'
import ScanFeedbackBar from '@/pages-erp/stock-in/scan/components/scan-feedback-bar.vue'
import RecentScanList from '@/pages-erp/stock-in/scan/components/recent-scan-list.vue'
import ScanContextBar from '@/pages-erp/stock-in/scan/components/scan-context-bar.vue'
import { navigateBackPlus } from '@/utils'
import { normalizeCameraScanResult, normalizeScanCode } from '@/utils/scan'
definePage({
style: {
@@ -185,13 +165,11 @@ export interface ScanRecord {
productPrice?: number
warehouseId?: number
warehouseName?: string
locationCode?: string
batchNo?: string
scanCount: number
scanTime?: string
}
type Step = 'idle' | 'scanned'
type Step = 'idle' | 'warehouse-scanned'
const toast = useToast()
@@ -199,8 +177,8 @@ const toast = useToast()
const step = ref<Step>('idle')
// 扫码数据
const locationCode = ref('')
const locationInfo = ref<LocationByCodeVO | null>(null)
const warehouseBarCode = ref('')
const currentWarehouse = ref<{ id: number; name: string } | null>(null)
const productBarCode = ref('')
const productPreview = ref<ProductByBarCode | null>(null)
@@ -212,14 +190,10 @@ const feedbackTone = ref<'success' | 'error' | 'idle'>('idle')
const feedbackMessage = ref('')
// 输入框焦点控制
const locationInputFocus = ref(false)
const warehouseInputFocus = ref(false)
const productInputFocus = ref(false)
// 计算属性
const canConfirm = computed(() => {
return locationInfo.value?.warehouseId && productPreview.value?.id && scanLoading.value === false
})
const scannedTotalCount = computed(() =>
records.value.reduce((sum, r) => sum + Number(r.scanCount || 0), 0),
)
@@ -231,106 +205,98 @@ const latestRecordIndex = computed(() => {
/** 返回上一页 */
function handleBack() {
if (records.value.length > 0) {
uni.showModal({
title: '提示',
content: '确定要退出吗?未保存的数据将丢失',
success: (res) => {
if (res.confirm) {
navigateBackPlus('/pages-erp/stock-in/index')
}
},
})
} else {
navigateBackPlus('/pages-erp/stock-in/index')
}
}
/** 初始化页面 */
onMounted(async () => {
// PDA 扫码枪需要输入框自动获得焦点,延迟确保页面完全渲染
await nextTick()
setTimeout(() => {
focusLocationInput()
}, 500)
focusWarehouseInput()
}, 300)
})
const ERROR_DISPLAY_MS = 2000
/** 重置到初始状态 */
function resetToIdle() {
clearScanInputs()
locationInfo.value = null
productPreview.value = null
step.value = 'idle'
setTimeout(() => {
clearFeedback()
focusLocationInput()
}, ERROR_DISPLAY_MS)
}
/** 停留在产品扫码阶段 + 聚焦产品输入框(扫产品失败用) */
function resetToProductScan() {
productBarCode.value = ''
productPreview.value = null
setTimeout(() => {
clearFeedback()
focusProductInput()
}, ERROR_DISPLAY_MS)
}
/** 聚焦库位码输入框 */
function focusLocationInput() {
/** 聚焦仓库码输入框 */
function focusWarehouseInput() {
productInputFocus.value = false
locationInputFocus.value = false
warehouseInputFocus.value = false
nextTick(() => {
locationInputFocus.value = true
warehouseInputFocus.value = true
})
}
/** 库输入框失焦处理 - 如果当前步骤是 idle自动重新聚焦 */
function handleLocationBlur() {
/** 库输入框失焦处理 */
function handleWarehouseBlur() {
if (step.value === 'idle' && !scanLoading.value) {
setTimeout(() => {
if (step.value === 'idle') {
focusLocationInput()
focusWarehouseInput()
}
}, 100)
}
}
/** 产品输入框失焦处理 - 如果当前步骤是 scanned自动重新聚焦 */
/** 产品输入框失焦处理 */
function handleProductBlur() {
if (step.value === 'scanned' && !scanLoading.value) {
if (step.value === 'warehouse-scanned' && !scanLoading.value) {
setTimeout(() => {
if (step.value === 'scanned') {
if (step.value === 'warehouse-scanned') {
focusProductInput()
}
}, 100)
}
}
/**
* 扫库位码:自动反查仓库信息
*/
async function handleLocationScan() {
const code = normalizeScanCode(locationCode.value)
/** 扫仓库码(相机扫码调用) */
async function handleWarehouseScan(rawValue?: string) {
const code = normalizeScanCode(rawValue || warehouseBarCode.value)
if (!code) {
setErrorFeedback('请先扫描库条码')
setErrorFeedback('请先扫描库条码')
return
}
scanLoading.value = true
try {
try {
locationInfo.value = await getLocationByCode(code)
const warehouse = await getWarehouseByBarCode(code)
currentWarehouse.value = warehouse?.id
? {
id: warehouse.id,
name: warehouse.name || '-',
}
: null
} catch {
setErrorFeedback(`${code} 不存在`)
setErrorFeedback(`库码 ${code} 不存在`)
resetToIdle()
return
}
if (!locationInfo.value?.warehouseId) {
setErrorFeedback(`${code} 未找到对应仓库`)
if (!currentWarehouse.value?.id) {
setErrorFeedback(`库码 ${code} 未找到对应仓库`)
resetToIdle()
return
}
locationCode.value = code
step.value = 'scanned'
warehouseBarCode.value = code
step.value = 'warehouse-scanned'
productBarCode.value = ''
productPreview.value = null
clearFeedback()
// 聚焦产品输入框,等待扫码枪输入
focusProductInput()
} finally {
scanLoading.value = false
@@ -339,25 +305,23 @@ async function handleLocationScan() {
/** 聚焦产品码输入框 */
function focusProductInput() {
locationInputFocus.value = false
warehouseInputFocus.value = false
productInputFocus.value = false
nextTick(() => {
productInputFocus.value = true
})
}
/**
* 扫产品码:自动反查产品信息
*/
async function handleProductScan() {
const code = normalizeScanCode(productBarCode.value)
/** 扫产品码(相机扫码调用) */
async function handleProductScan(rawValue?: string) {
const code = normalizeScanCode(rawValue || productBarCode.value)
if (!code) {
setErrorFeedback('请先扫描产品条码')
return
}
if (!locationInfo.value) {
setErrorFeedback('请先扫描库条码')
if (!currentWarehouse.value) {
setErrorFeedback('请先扫描库条码')
step.value = 'idle'
return
}
@@ -379,8 +343,8 @@ async function handleProductScan() {
}
productBarCode.value = code
step.value = 'scanned'
clearFeedback()
// 自动确认入库
nextTick(() => handleConfirm())
} finally {
@@ -388,26 +352,19 @@ async function handleProductScan() {
}
}
/**
* 确认入库:将扫码记录添加到列表
*/
/** 确认入库 */
async function handleConfirm() {
if (!canConfirm.value) return
if (!currentWarehouse.value || !productPreview.value) return
scanLoading.value = true
try {
// 检查是否已存在相同的记录(仓库+产品+库位),如果存在则累加数量
// 检查是否已存在相同记录
const existingIndex = records.value.findIndex(r =>
r.warehouseId === locationInfo.value!.warehouseId &&
r.productId === productPreview.value!.id &&
r.locationCode === locationInfo.value!.locationCode
r.warehouseId === currentWarehouse.value!.id &&
r.productId === productPreview.value!.id
)
if (existingIndex >= 0) {
// 累加数量
records.value[existingIndex].scanCount += 1
} else {
// 新增记录
const record: ScanRecord = {
id: Date.now(),
productId: productPreview.value!.id,
@@ -416,36 +373,49 @@ async function handleConfirm() {
productBarCode: productPreview.value!.barCode,
productUnit: productPreview.value!.unitName,
productPrice: Number(productPreview.value!.minPrice || 0),
warehouseId: locationInfo.value!.warehouseId,
warehouseName: locationInfo.value!.warehouseName,
locationCode: locationInfo.value!.locationCode,
warehouseId: currentWarehouse.value!.id,
warehouseName: currentWarehouse.value!.name,
scanCount: 1,
scanTime: new Date().toISOString(),
}
records.value.push(record)
}
// 重置,准备下一次扫码
const productName = productPreview.value!.name
const locationCodeText = locationInfo.value!.locationCode
clearScanInputs()
step.value = 'idle'
setSuccessFeedback(`${productName}${locationCodeText} 入库成功`)
setSuccessFeedback(`${productName}${currentWarehouse.value!.name} 入库成功`)
await nextTick()
// 聚焦库位输入框,等待扫码枪输入
focusLocationInput()
} finally {
scanLoading.value = false
}
focusProductInput()
}
/** 重置到初始状态 */
function resetToIdle() {
clearScanInputs()
currentWarehouse.value = null
productPreview.value = null
step.value = 'idle'
setTimeout(() => {
clearFeedback()
focusWarehouseInput()
}, ERROR_DISPLAY_MS)
}
/** 重置到产品扫码阶段 */
function resetToProductScan() {
productBarCode.value = ''
productPreview.value = null
setTimeout(() => {
clearFeedback()
focusProductInput()
}, ERROR_DISPLAY_MS)
}
/** 相机扫码 */
function handleCameraScan(target: 'location' | 'product') {
function handleCameraScan(target: 'warehouse' | 'product') {
if (scanLoading.value) return
// #ifdef APP-PLUS
// Android 运行时权限检查
plus.android.requestPermissions(
['android.permission.CAMERA'],
function(result) {
@@ -468,16 +438,16 @@ function handleCameraScan(target: 'location' | 'product') {
// #endif
}
function doScan(target: 'location' | 'product') {
function doScan(target: 'warehouse' | 'product') {
uni.scanCode({
onlyFromCamera: true,
success: async (result) => {
const code = normalizeCameraScanResult(result)
const code = normalizeScanResult(result)
if (!code) return
if (target === 'location') {
locationCode.value = code
await handleLocationScan()
if (target === 'warehouse') {
warehouseBarCode.value = code
await handleWarehouseScan()
} else {
productBarCode.value = code
await handleProductScan()
@@ -523,7 +493,7 @@ function handleClearAll() {
})
}
/** 提交其它入库单 */
/** 提交入库单 */
async function handleSubmit() {
if (records.value.length === 0) {
toast.warning('暂无扫码记录')
@@ -532,25 +502,23 @@ async function handleSubmit() {
submitting.value = true
try {
// 构建入库明细
const items: StockInItem[] = records.value.map(r => ({
const items = records.value.map(r => ({
warehouseId: r.warehouseId,
locationCode: r.locationCode,
productId: r.productId,
productPrice: r.productPrice,
count: r.scanCount,
supplierId: 1,
}))
const payload: StockIn = {
supplierId: 1, // 默认供应商
await createStockIn({
inTime: new Date().toISOString(),
items,
}
})
await createStockIn(payload)
toast.success(`已提交 ${records.value.length} 条入库记录`)
records.value = []
clearFeedback()
resetToIdle()
} finally {
submitting.value = false
}
@@ -558,8 +526,7 @@ async function handleSubmit() {
/** 清空本次扫码输入 */
function clearScanInputs() {
locationCode.value = ''
locationInfo.value = null
warehouseBarCode.value = ''
productBarCode.value = ''
productPreview.value = null
}
@@ -578,6 +545,27 @@ function clearFeedback() {
feedbackTone.value = 'idle'
feedbackMessage.value = ''
}
/** 规范化扫码结果 */
function normalizeScanCode(value: string): string {
if (!value) return ''
let result = value.trim()
const prefixes = ['CODE128:', 'CODE39:', 'EAN13:', 'QR:', 'DATA:', 'MECARD:', 'VCARD:']
for (const prefix of prefixes) {
if (result.startsWith(prefix)) {
result = result.substring(prefix.length)
break
}
}
return result
}
/** 规范化相机扫码结果 */
function normalizeScanResult(result: UniApp.ScanCodeSuccessRes): string {
if (!result) return ''
const value = result.result || (result as UniApp.ScanCodeSuccessRes & { code?: string }).code || ''
return normalizeScanCode(value)
}
</script>
<style lang="scss" scoped>
@@ -712,13 +700,10 @@ function clearFeedback() {
opacity: 0.4;
pointer-events: none;
}
.scan-field {
flex: 1;
}
}
.scan-field {
flex: 1;
height: 88rpx;
padding: 0 24rpx;
line-height: 88rpx;
@@ -753,7 +738,7 @@ function clearFeedback() {
&[disabled] { background: #d9d9d9; }
}
// 库位预览(优先显示)
// 仓库预览
.scan-location-preview {
margin-bottom: 16rpx;
padding: 20rpx;
@@ -786,26 +771,6 @@ function clearFeedback() {
font-weight: 700;
}
}
&__badge {
padding: 4rpx 12rpx;
border-radius: 8rpx;
font-size: 20rpx;
font-weight: 600;
flex-shrink: 0;
&.badge--green {
background: #f6ffed;
color: #52c41a;
border: 1rpx solid #b7eb8f;
}
&.badge--gray {
background: #f7f8fa;
color: #86909c;
border: 1rpx solid #e5e6eb;
}
}
}
// 产品预览

View File

@@ -1,5 +1,5 @@
<template>
<view class="yd-page-container">
<view class="yd-page-container erp-page">
<!-- 顶部导航栏 -->
<wd-navbar
title="报损单详情"
@@ -104,7 +104,6 @@ import { onMounted, ref } from 'vue'
import { useToast } from 'wot-design-uni'
import { deleteStockLoss, getStockLoss, updateStockLossStatus } from '@/api/erp/stock-loss'
import { useAccess } from '@/hooks/useAccess'
import { formatDate as formatDateValue } from '@/utils/date'
import { navigateBackPlus } from '@/utils'
const props = defineProps<{
@@ -135,8 +134,9 @@ function formatPrice(price?: number) {
}
/** 格式化日期 */
function formatDate(dateStr?: string | number | Date) {
return formatDateValue(dateStr) || '-'
function formatDate(dateStr?: string) {
if (!dateStr) return '-'
return dateStr.substring(0, 10)
}
/** 返回上一页 */

View File

@@ -1,5 +1,5 @@
<template>
<view class="yd-page-container">
<view class="yd-page-container erp-page">
<!-- 顶部导航栏 -->
<wd-navbar
:title="getTitle"
@@ -8,7 +8,7 @@
/>
<!-- 表单区域 -->
<view class="pb-180rpx">
<view class="erp-form-body">
<wd-form ref="formRef" :model="formData" :rules="formRules">
<wd-cell-group title="基本信息" border>
<wd-cell title="报损单号" :value="formData.no || '保存时自动生成'" />
@@ -46,7 +46,7 @@
<view
v-for="(item, index) in formData.items"
:key="index"
class="mx-24rpx mb-20rpx rounded-12rpx bg-[#f9f9f9] p-24rpx"
class="erp-form-item-card erp-form-item-card--padded"
>
<view class="mb-12rpx flex items-center justify-between">
<view class="text-28rpx text-[#333] font-semibold">
@@ -135,15 +135,13 @@
/>
<!-- 仓库选择器 -->
<wd-picker
v-model="warehousePickerVisible"
<wd-picker v-model:show="warehousePickerVisible"
:columns="warehouseColumns"
@confirm="onWarehouseConfirm"
/>
<!-- 产品选择器 -->
<wd-picker
v-model="productPickerVisible"
<wd-picker v-model:show="productPickerVisible"
:columns="productColumns"
@confirm="onProductConfirm"
/>
@@ -157,7 +155,6 @@ import { computed, onMounted, ref } from 'vue'
import { useToast } from 'wot-design-uni'
import { createStockLoss, getStockLoss, updateStockLoss } from '@/api/erp/stock-loss'
import { getWarehouseSimpleList } from '@/api/erp/warehouse'
import { formatDate as formatDateValue } from '@/utils/date'
import { navigateBackPlus } from '@/utils'
const props = defineProps<{
@@ -188,7 +185,7 @@ const formRules = {
const formRef = ref<FormInstance>()
// 仓库列表
const warehouseList = ref<{ id: number, name: string }[]>([])
const warehouseList = ref<{ id?: number, name?: string }[]>([])
const warehousePickerVisible = ref(false)
const warehouseColumns = computed(() => [
warehouseList.value.map(v => ({ value: v.id, label: v.name })),
@@ -202,7 +199,7 @@ const productColumns = computed(() => [
])
// 日期选择器
const datePickerVisible = ref(false)
const datePickerVisible = ref<any>(false)
// 当前编辑的产品项索引
const currentItemIndex = ref(-1)
@@ -230,8 +227,14 @@ function formatPrice(price?: number) {
}
/** 格式化日期 */
function formatDate(dateStr?: string | number | Date) {
return formatDateValue(dateStr) || '-'
function formatDate(dateStr?: string) {
if (!dateStr) return '-'
if (typeof dateStr === 'number') {
const d = new Date(dateStr)
const pad = (n: number) => n.toString().padStart(2, '0')
return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}`
}
return dateStr.substring(0, 10)
}
/** 返回上一页 */

View File

@@ -1,5 +1,5 @@
<template>
<view class="yd-page-container">
<view class="yd-page-container erp-page">
<!-- 顶部导航栏 -->
<wd-navbar
title="库存报损"
@@ -169,7 +169,6 @@ import { computed, onMounted, reactive, ref } from 'vue'
import { useToast } from 'wot-design-uni'
import { deleteStockLoss, getStockLossPage, updateStockLossStatus } from '@/api/erp/stock-loss'
import { useAccess } from '@/hooks/useAccess'
import { formatDate as formatDateValue } from '@/utils/date'
import { getNavbarHeight, navigateBackPlus } from '@/utils'
definePage({
@@ -184,7 +183,7 @@ const toast = useToast()
const total = ref(0)
const list = ref<StockLoss[]>([])
const loadMoreState = ref<LoadMoreState>('loading')
const queryParams = ref<Record<string, any>>({
const queryParams = ref<{ pageNo: number; pageSize: number } & Record<string, any>>({
pageNo: 1,
pageSize: 10,
status: undefined,
@@ -235,8 +234,9 @@ function formatPrice(price?: number) {
}
/** 格式化日期 */
function formatDate(dateStr?: string | number | Date) {
return formatDateValue(dateStr) || '-'
function formatDate(dateStr?: string) {
if (!dateStr) return '-'
return dateStr.substring(0, 10)
}
/** 返回上一页 */

View File

@@ -1,5 +1,5 @@
<template>
<view class="yd-page-container">
<view class="yd-page-container erp-page">
<!-- 顶部导航栏 -->
<wd-navbar
title="调拨单详情"
@@ -107,7 +107,6 @@ import { onMounted, ref } from 'vue'
import { useToast } from 'wot-design-uni'
import { deleteStockMove, getStockMove, updateStockMoveStatus } from '@/api/erp/stock-move'
import { useAccess } from '@/hooks/useAccess'
import { formatDate as formatDateValue } from '@/utils/date'
import { navigateBackPlus } from '@/utils'
const props = defineProps<{
@@ -138,8 +137,9 @@ function formatPrice(price?: number) {
}
/** 格式化日期 */
function formatDate(dateStr?: string | number | Date) {
return formatDateValue(dateStr) || '-'
function formatDate(dateStr?: string) {
if (!dateStr) return '-'
return dateStr.substring(0, 10)
}
/** 返回上一页 */

View File

@@ -1,5 +1,5 @@
<template>
<view class="yd-page-container">
<view class="yd-page-container erp-page">
<!-- 顶部导航栏 -->
<wd-navbar
:title="getTitle"
@@ -8,7 +8,7 @@
/>
<!-- 表单区域 -->
<view class="pb-180rpx">
<view class="erp-form-body">
<wd-form ref="formRef" :model="formData" :rules="formRules">
<wd-cell-group title="基本信息" border>
<wd-cell title="调拨单号" :value="formData.no || '保存时自动生成'" />
@@ -39,7 +39,7 @@
<view
v-for="(item, index) in formData.items"
:key="index"
class="mx-24rpx mb-20rpx rounded-12rpx bg-[#f9f9f9] p-24rpx"
class="erp-form-item-card erp-form-item-card--padded"
>
<view class="mb-12rpx flex items-center justify-between">
<view class="text-28rpx text-[#333] font-semibold">
@@ -137,22 +137,19 @@
/>
<!-- 调出仓库选择器 -->
<wd-picker
v-model="fromWarehousePickerVisible"
<wd-picker v-model:show="fromWarehousePickerVisible"
:columns="warehouseColumns"
@confirm="onFromWarehouseConfirm"
/>
<!-- 调入仓库选择器 -->
<wd-picker
v-model="toWarehousePickerVisible"
<wd-picker v-model:show="toWarehousePickerVisible"
:columns="warehouseColumns"
@confirm="onToWarehouseConfirm"
/>
<!-- 产品选择器 -->
<wd-picker
v-model="productPickerVisible"
<wd-picker v-model:show="productPickerVisible"
:columns="productColumns"
@confirm="onProductConfirm"
/>
@@ -166,7 +163,6 @@ import { computed, onMounted, ref } from 'vue'
import { useToast } from 'wot-design-uni'
import { createStockMove, getStockMove, updateStockMove } from '@/api/erp/stock-move'
import { getWarehouseSimpleList } from '@/api/erp/warehouse'
import { formatDate as formatDateValue } from '@/utils/date'
import { navigateBackPlus } from '@/utils'
const props = defineProps<{
@@ -196,7 +192,7 @@ const formRules = {
const formRef = ref<FormInstance>()
// 仓库列表
const warehouseList = ref<{ id: number, name: string }[]>([])
const warehouseList = ref<{ id?: number, name?: string }[]>([])
const fromWarehousePickerVisible = ref(false)
const toWarehousePickerVisible = ref(false)
const warehouseColumns = computed(() => [
@@ -211,7 +207,7 @@ const productColumns = computed(() => [
])
// 日期选择器
const datePickerVisible = ref(false)
const datePickerVisible = ref<any>(false)
// 当前编辑的产品项索引
const currentItemIndex = ref(-1)
@@ -239,8 +235,14 @@ function formatPrice(price?: number) {
}
/** 格式化日期 */
function formatDate(dateStr?: string | number | Date) {
return formatDateValue(dateStr) || '-'
function formatDate(dateStr?: string) {
if (!dateStr) return '-'
if (typeof dateStr === 'number') {
const d = new Date(dateStr)
const pad = (n: number) => n.toString().padStart(2, '0')
return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}`
}
return dateStr.substring(0, 10)
}
/** 返回上一页 */

Some files were not shown because too many files have changed in this diff Show More