news 2026/6/8 0:35:11

选择采购单按钮

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
选择采购单按钮

edit.nvue

<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 数组)

}

接口

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/6/6 12:48:25

小猫影视 - 影视播放器

链接&#xff1a;https://pan.quark.cn/s/6eb332dc88cb支持平台&#xff1a;#Windows #macOS #Linux #Android一款影视播放器&#xff0c;支持视频点播&#xff08;VOD&#xff09;和JavaScript扩展源。可以通过简单的操作快速找到并播放自己喜欢的影视内容。支持多种视频格式&…

作者头像 李华
网站建设 2026/6/6 9:32:51

哔哩下载姬DownKyi:专业B站视频管理工具深度体验

哔哩下载姬DownKyi&#xff1a;专业B站视频管理工具深度体验 【免费下载链接】downkyi 哔哩下载姬downkyi&#xff0c;哔哩哔哩网站视频下载工具&#xff0c;支持批量下载&#xff0c;支持8K、HDR、杜比视界&#xff0c;提供工具箱&#xff08;音视频提取、去水印等&#xff09…

作者头像 李华
网站建设 2026/6/6 12:25:15

Shell脚本部署——8day

Shell脚本部署课程目标掌握shell脚本的思路完成shell脚本的编写课程实验shell脚本的思路shell脚本的编写课堂引入部署项目中&#xff0c;有很多都是固定的模式与内容&#xff0c;所有的东西都需要人工去操作的话&#xff0c;成本就比较高&#xff0c;也比较麻烦&#xff0c;能不…

作者头像 李华
网站建设 2026/6/7 18:11:04

AI 自动生成报表

1. AI 生成图表 向上汇报经常需要制作图表&#xff0c;如果没有顺手的工具&#xff0c;可能需要花费大量的时间消耗在报表的制作上。随着AI的迅猛发展&#xff0c;我们通过一个简单的对话来低成本实现报表的生成。 2. 使用到的工具 MCP 平台&#xff1a;https://www.modelscope…

作者头像 李华
网站建设 2026/6/6 15:19:53

Unity学习笔记(十二)碰撞中的刚体和碰撞器

碰撞产生的必要条件 两个物体都有碰撞器&#xff0c;至少有一个物体有刚体刚体1.它就是模拟力的作用2.Mass质量 默认为KG 质量越大 阻性越大3.Drag空气阻力 根据力移动对象时影响对象的空气阻力大小。影响移动&#xff0c;0表示没有空气阻力4.Use Gravity 是否受重力影响5.Angu…

作者头像 李华
网站建设 2026/6/7 14:12:29

微服务架构下的全方位测试策略

微服务架构的测试挑战与机遇随着企业数字化转型加速&#xff0c;微服务架构因其灵活性、可扩展性和技术异构性成为主流。据预测&#xff0c;到2025年&#xff0c;超70%的新建系统将采用此架构。然而&#xff0c;分布式系统带来的服务依赖复杂、部署频繁、故障隔离困难等挑战&am…

作者头像 李华