ivew 修改排序号的逻辑
排序号修改的逻辑
1.构建修改排序号传递的参数
formInline2:{ recommendType:4, //产品类型 merchantCodes:[], //产品code discountRecommendSort:0 //设置品牌特惠专区排序 },
2.给参数赋值
//获得品牌商ID
this.formInline2.merchantCodes=[];
this.formInline2.merchantCodes.push(params.row.merchantCode);
给要修改的排序号赋值
.获得要修改的排序号recommendSort的值,并且将它赋值给我们输入的值 this.formInline2.discountRecommendSort=e.target.value;
3.调修改排序号的接口,将参数传递进去
areasort(this.formInline2).then(res=>{ //4.当调接口成功返回200,就调list 接口刷新页面 //console.log(res.status) } console.log(params.row.discountFlag); }).catch(error=>{
});
4.刷新页面
if(params.row.discountRecommendSort==0) { this.data1=res.data.data ? res.data.data :[] } if(params.row.discountRecommendSort==1) { this.data2=res.data.data ? res.data.data :[]
}
5.table 中要修改的排序号添加方法
{ title: '特惠排序号', key: 'discountSort', align: 'center', sortable: true, //排序 sortType: 'asc', render: (h, params) => { return h('div', [ h('Input', { props: { type: 'text', size: 'small', value:params.row.discountSort }, style: { marginRight: '5px' }, on: { //失去焦点触发事件 'on-blur': (e) => { //console.log(params.row.productCode) this.sort(e,params); //修改排序的方法 } } }, )]) } },
完整代码:
js
//修改排序号
sort(e,params) {
//1.获得品牌商ID
this.formInline2.merchantCodes=[];
this.formInline2.merchantCodes.push(params.row.merchantCode);
//2.获得要修改的排序号recommendSort的值,并且将它赋值给我们输入的值
this.formInline2.discountRecommendSort=e.target.value;
//3.调修改排序号的接口
areasort(this.formInline2).then(res=>{
//4.当调接口成功返回200,就调list 接口刷新页面
//console.log(res.status)
if(res.status==) {
//console.log(params.row.discountFlag);
referentialproduct(params.row.discountRecommendSort)
.then(res=>{
console.log(params.row.discountRecommendSort);
if(params.row.discountRecommendSort==) {
this.data1=res.data.data ? res.data.data :[]
}
if(params.row.discountRecommendSort==) {
this.data2=res.data.data ? res.data.data :[]
}
this.$Message.success(res.data.msg);
this.loading= false;
} )
.catch(error=>{} );
console.log(params.row.discountFlag)
}
console.log(params.row.discountFlag);
}).catch(error=>{ });
},
table
{
title: '特惠排序号',
key: 'discountSort',
align: 'center',
sortable: true, //排序
sortType: 'asc',
render: (h, params) => {
return h('div', [
h('Input', {
props: {
type: 'text',
size: 'small',
value:params.row.discountSort
},
style: {
marginRight: '5px'
},
on: {
//失去焦点触发事件
'on-blur': (e) => {
//console.log(params.row.productCode)
this.sort(e,params); //修改排序的方法
}
}
}, )])
}
},
ivew 修改排序号的逻辑的更多相关文章
- 【Tomcat】Tomcat闪退的问题解决/Tomcat修改端口号无效
一. Tomcat闪退的问题解决 1.首先 确定JDK的环境变量配置正确 2.下载纯净的新的Tomcat 3.在bin\startup.bat文件中的第一行前面加入: SET JAVA_HOME = ...
- SQL SERVER修改排序规则——脚本篇
在上篇MS SQL 排序规则总结中,大致就数据库服务器排序规则(或者叫数据库实例排序规则).数据库排序规则.列的排序规则粗浅的叙说了一遍,重点讲述了修改数据库服务器排序规则(数据库实例排序规则),其中 ...
- [转]LocalDB数据库修改排序规则,修复汉字变问号
VS中新增的轻量级数据库LocalDB,有个这个,开发人员就不必再安装庞大的SQL server了,可以方便地测试运行小型项目:既然是轻量级数据库,它抛弃了庞大的身躯,功能上当然也会受到局限,其中之一 ...
- php修改排序,上移下移
php修改排序,上移下移 /** $UpDown //移动方向,up或down $table //表名 $id //当前移动的ID $id_col //ID字段的名称 $ ...
- IntelliJ IDEA 2017版 spring-boot修改端口号配置把端口号改为8081
1.修改端口号主要是通过配置文件修改.如图: 完整版配置 ######################################################## ###server 配置信息 ...
- 教您如何在Word的mathtype加载项中修改章节号
在MathType数学公式编辑器中,公式编号共有五部分内容:分别是章编号(Chapter Number).节编号(Section Number).公式编号(Equation Number).括号(En ...
- ssh修改端口号并进行远程访问
ssh的访问如果都利用22端口,则会容易被攻击,修改一个端口号可增强一定的安全性 1. 修改配置文件sshd_config里端口号 [root@test ~]# vi /etc/ssh/sshd_co ...
- sql修改排序规则,区分大小
alter database 数据库 COLLATE Chinese_PRC_CS_AS 修改排序规则,改成大小写敏感的排序规则 如果只修改一个表,用alter t ...
- LocalDB数据库修改排序规则,修复汉字变问号
VS中新增的轻量级数据库LocalDB,有个这个,开发人员就不必再安装庞大的SQL server了,可以方便地测试运行小型项目:既然是轻量级数据库,它抛弃了庞大的身躯,功能上当然也会受到局限,其中之一 ...
随机推荐
- JSON 简单例子
代码: json [ { "title" : "a", "num" : 1 }, { "title" : "b ...
- HTML 地理定位 的实例
<!DOCTYPE html> <html lang="en"> <head> <title>地理定位</title> ...
- canvas 图片反色
代码实例: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <tit ...
- BestCoder Round #92 (hdu 6015 6016)
比赛链接 A题主要是map的使用,比赛的时候问了下队友,下次要记住了 #include<bits/stdc++.h> using namespace std; typedef long l ...
- 【leetcode】1019. Next Greater Node In Linked List
题目如下: We are given a linked list with head as the first node. Let's number the nodes in the list: n ...
- boost container
Boost Container provides additional advantages: (1) The interface of the containers resemble those o ...
- “TypeError: list indices must be integers or slices, not str”有关报错解决方案
- Struts2基础-3 -继承ActionSupport接口创建Action控制器+javaBean接收请求参数+ 默认Action配置处理请求错误 + 使用ActionContext访问ServletAPI
1.目录结构及导入的jar包 2.web.xml 配置 <?xml version="1.0" encoding="UTF-8"?> <web ...
- 如何在MaxCompute上处理存储在OSS上的开源格式数据
0. 前言 MaxCompute作为使用最广泛的大数据平台,内部存储的数据以EB量级计算.巨大的数据存储量以及大规模计算下高性能数据读写的需求,对于MaxCompute提出了各种高要求及挑战.处在大数 ...
- Sql server 2008 的完成备份和差异备份还原
当数据库数据量不大的情况下用 Sqlserver 的完全备份就完全可以了 步骤为: 1.在需要还原的数据库上右键选择如图 2.在“常规”选项中点击“源设备”选取磁盘上备份好的.bak文件后,勾上“还原 ...