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了,可以方便地测试运行小型项目:既然是轻量级数据库,它抛弃了庞大的身躯,功能上当然也会受到局限,其中之一 ...
随机推荐
- BZOJ5415 [NOI2018] 归程
今天也要踏上归程了呢~(题外话 kruskal重构树!当时就听学长们说过是重构树辣所以做起来也很快233 就是我们按照a建最大生成树 这样话呢我们就可以通过生成树走到尽量多的点啦 然后呢就是从这个子树 ...
- C++ 概率算法 利用蒙特卡罗算法计算圆周率
概率算法大致可分为4种形式: 数值概率算法: 蒙特卡罗算法: 拉斯维加斯算法: 舍伍德算法: 计算蒙特卡罗概率的算法实现: #include "stdio.h" #include ...
- modelviewset 中的序列化方法怎么用
- SQL语句中,除数为0时,相应方法
在sql中做除法处理的时候,可能需要处理除数为零的情况. (1).case语句处理方法是用case when ... else 来处理 (2).nullif函数nullif函数有两个参数,定义如下:N ...
- BZOJ 2806: [Ctsc2012]Cheat(单调队列优化dp+后缀自动机)
传送门 解题思路 肯定先要建出来广义后缀自动机.刚开始以为是个二分+贪心,写了一下结果\(20\)分.说一下正解,首先显然\(L_0\)具有单调性,是可以二分的.考虑二分后怎样判合法,对于分割序列很容 ...
- Sumdiv
题目链接 题意:求a^b的所有约数之和mod9901. 思路:因为一个数A能够表示成多个素数的幂相乘的形式.即A=(a1^n1)*(a2^n2)*(a3^n3)...(am^nm).所以这个题就是要求 ...
- sts bug SpringJUnit4ClassRunner
SpringJUnit4ClassRunner找不到,不会自动修复, 只能复制引用过去 import org.springframework.test.context.junit4.SpringJUn ...
- 多列布局(column)
容器的属性 column-width: auto | < length > .给列定义一个最小宽度(min-width). auto: 列宽由其他元素决定. length: 显式设置最小宽 ...
- 2018-2019-2 《Java程序设计》第10周学习总结
20175319 2018-2019-2 <Java程序设计>第10周学习总结 教材学习内容总结 本周学习<Java程序设计>第十二章java多线程机制: - 进程与线程 程序 ...
- (转)阿里官方提供的dubbo-spring-boot-starter 1.0.1 整合的dubbo 2.6.0和spring boot 1.5.9 案例
作者:许浩_5e9f链接:https://www.jianshu.com/p/5381cc8876e3來源:简书著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出处. springboo ...