选择采购单按钮

edit.nvue

javascript 复制代码
<div class="detail-orders-button active" @click="toOrders">
    选择采购单
</div>

onload(pms){

// 接收并存储menuId和idMenuDTO

}
methosd:{

toOrders(){

// 1) 检查是否选择了供应商

// 2) 检查是否选择了仓库

// 3) 触发 editOption 的 type2Click 进入选择页

}

async save(){

let pms = {

// 构建请求参数

}

if (this.editPms.id) {

//重新设置菜单ID(确保有值)

}

}

表单字段特殊变化处理

optionChangeSpecial(val, vs, options, this_) {

if{

用户选择"客户" → 自动填充:

  1. 客户手机号

  2. 销售经理

  3. 收件信息(格式化显示)

}else if{

如果当前选择的是"待入库采购单

用户选择"待入库采购单明细" →

  1. 字段映射转换(后端字段名 → 前端字段名)

  2. 计算剩余入库数量

  3. 设置关联ID(商品ID、采购单ID等)

  4. 添加到入库列表

}

}

}

editOption

methods:{

type2Click(item){

else if (item.title === '待入库采购单'){

  1. 配置主接口(采购单列表)

  2. 构建查询参数

  3. 配置主列表表头(采购单列表显示字段)

  4. 配置双列表模式(采购单 + 采购明细)

}

}

}

checkboxPage.nvue

data(){

return{

config:{

// 是否启用双列表模式

// 明细列表的API接口地址

// 明细列表的请求方法

// 明细列表的表头配置

}

}

onLoad(pms) {

if{

for{

if{

if{

//从父组件editOption接收双列表配置

}

}

}

}

}

methods:{

// 明细数据过滤器()

//主列表选择变化监听()

//双列表确认逻辑()

}

tableU.nvue

props:{

customHeight(自定义高度)

ignoreSearchBox(忽略搜索框)

}

//Vue组件的mounted生命周期函数,组件挂载后的初始化逻辑

mounted(){

setTimeout(() => {

  1. 初始化组件高度

  2. 确保表头正确初始化(特殊情况处理)

}

}, 0)

}

methods:{

getList(getPms = {}) {

处理后端返回的各种数据格式

}

listItemClick(item) {

向父组件发送一个自定义事件

this.$emit('checkChange', item);

复制代码
"喂,父组件!checkChange事件发生了!这是相关的数据item!"

}

heightInit() {

复制代码
        # 检查是否传入了自定义高度

}

}

searchBox.nvue

methods:{

search(){

复制代码
        如果(组件是表格组件 并且 忽略搜索框执行操作):
            执行某些操作

}

}

http.interceptor.js

const install = (Vue, vm) => {

// zyy: 兼容 rows 为对象的情况(包含 nested rows 数组)

}

接口

相关推荐
小雨下雨的雨3 小时前
井字棋AI机器人实现详解 - Minimax算法实战-鸿蒙PC Electron框架完成
前端·人工智能·算法·华为·electron·鸿蒙
睡不醒男孩0308233 小时前
第二篇:深入探索开源数据库高可用:构建基于CLup的PostgreSQL生产级高可用与读写分离架构
数据库·postgresql·开源·clup
Micro麦可乐5 小时前
Spring Boot 实战:从零设计一个短链系统(含完整代码与数据库设计)
数据库·spring boot·后端·哈希算法·雪花算法·短链系统
码农阿豪5 小时前
从零到一:Spring Boot快速接入金仓数据库实战
数据库·spring boot·后端
鼎讯信通6 小时前
风电光缆运维提质增效:G-4000A 光缆故障追踪仪破解风场巡检难题
运维·网络·数据库
ZC跨境爬虫6 小时前
跟着 MDN 学JavaScript day_7:数学运算与逻辑判断实战测试
开发语言·前端·javascript·学习·ecmascript
三十..6 小时前
MySQL 从入门到高可用架构实战精要
运维·数据库·mysql
fangdengfu1236 小时前
ES分析系统各个服务日志占用量
java·前端·elasticsearch
凌云拓界7 小时前
文件管理:让AI安全操作你的电脑 ——CogitoAgent开发实战(三)
javascript·人工智能·架构·开源·node.js
cfm_29147 小时前
Redis五大基本数据结构底层了解
数据结构·数据库·redis