排序号修改的逻辑

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 修改排序号的逻辑的更多相关文章

  1. 【Tomcat】Tomcat闪退的问题解决/Tomcat修改端口号无效

    一.  Tomcat闪退的问题解决 1.首先 确定JDK的环境变量配置正确 2.下载纯净的新的Tomcat 3.在bin\startup.bat文件中的第一行前面加入: SET JAVA_HOME = ...

  2. SQL SERVER修改排序规则——脚本篇

    在上篇MS SQL 排序规则总结中,大致就数据库服务器排序规则(或者叫数据库实例排序规则).数据库排序规则.列的排序规则粗浅的叙说了一遍,重点讲述了修改数据库服务器排序规则(数据库实例排序规则),其中 ...

  3. [转]LocalDB数据库修改排序规则,修复汉字变问号

    VS中新增的轻量级数据库LocalDB,有个这个,开发人员就不必再安装庞大的SQL server了,可以方便地测试运行小型项目:既然是轻量级数据库,它抛弃了庞大的身躯,功能上当然也会受到局限,其中之一 ...

  4. php修改排序,上移下移

    php修改排序,上移下移 /**    $UpDown //移动方向,up或down    $table //表名    $id //当前移动的ID    $id_col //ID字段的名称    $ ...

  5. IntelliJ IDEA 2017版 spring-boot修改端口号配置把端口号改为8081

    1.修改端口号主要是通过配置文件修改.如图: 完整版配置 ######################################################## ###server 配置信息 ...

  6. 教您如何在Word的mathtype加载项中修改章节号

    在MathType数学公式编辑器中,公式编号共有五部分内容:分别是章编号(Chapter Number).节编号(Section Number).公式编号(Equation Number).括号(En ...

  7. ssh修改端口号并进行远程访问

    ssh的访问如果都利用22端口,则会容易被攻击,修改一个端口号可增强一定的安全性 1. 修改配置文件sshd_config里端口号 [root@test ~]# vi /etc/ssh/sshd_co ...

  8. sql修改排序规则,区分大小

    alter   database   数据库   COLLATE   Chinese_PRC_CS_AS     修改排序规则,改成大小写敏感的排序规则     如果只修改一个表,用alter   t ...

  9. LocalDB数据库修改排序规则,修复汉字变问号

    VS中新增的轻量级数据库LocalDB,有个这个,开发人员就不必再安装庞大的SQL server了,可以方便地测试运行小型项目:既然是轻量级数据库,它抛弃了庞大的身躯,功能上当然也会受到局限,其中之一 ...

随机推荐

  1. BZOJ5415 [NOI2018] 归程

    今天也要踏上归程了呢~(题外话 kruskal重构树!当时就听学长们说过是重构树辣所以做起来也很快233 就是我们按照a建最大生成树 这样话呢我们就可以通过生成树走到尽量多的点啦 然后呢就是从这个子树 ...

  2. C++ 概率算法 利用蒙特卡罗算法计算圆周率

    概率算法大致可分为4种形式: 数值概率算法: 蒙特卡罗算法: 拉斯维加斯算法: 舍伍德算法: 计算蒙特卡罗概率的算法实现: #include "stdio.h" #include ...

  3. modelviewset 中的序列化方法怎么用

  4. SQL语句中,除数为0时,相应方法

    在sql中做除法处理的时候,可能需要处理除数为零的情况. (1).case语句处理方法是用case when ... else 来处理 (2).nullif函数nullif函数有两个参数,定义如下:N ...

  5. BZOJ 2806: [Ctsc2012]Cheat(单调队列优化dp+后缀自动机)

    传送门 解题思路 肯定先要建出来广义后缀自动机.刚开始以为是个二分+贪心,写了一下结果\(20\)分.说一下正解,首先显然\(L_0\)具有单调性,是可以二分的.考虑二分后怎样判合法,对于分割序列很容 ...

  6. Sumdiv

    题目链接 题意:求a^b的所有约数之和mod9901. 思路:因为一个数A能够表示成多个素数的幂相乘的形式.即A=(a1^n1)*(a2^n2)*(a3^n3)...(am^nm).所以这个题就是要求 ...

  7. sts bug SpringJUnit4ClassRunner

    SpringJUnit4ClassRunner找不到,不会自动修复, 只能复制引用过去 import org.springframework.test.context.junit4.SpringJUn ...

  8. 多列布局(column)

    容器的属性 column-width: auto | < length > .给列定义一个最小宽度(min-width). auto: 列宽由其他元素决定. length: 显式设置最小宽 ...

  9. 2018-2019-2 《Java程序设计》第10周学习总结

    20175319 2018-2019-2 <Java程序设计>第10周学习总结 教材学习内容总结 本周学习<Java程序设计>第十二章java多线程机制: - 进程与线程 程序 ...

  10. (转)阿里官方提供的dubbo-spring-boot-starter 1.0.1 整合的dubbo 2.6.0和spring boot 1.5.9 案例

    作者:许浩_5e9f链接:https://www.jianshu.com/p/5381cc8876e3來源:简书著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出处. springboo ...