线路弹窗背景颜色改变

最新推荐文章于 2023-04-11 09:32:15 发布

CV键都碎了

最新推荐文章于 2023-04-11 09:32:15 发布

阅读量257

点赞数

分类专栏：问题回顾文章标签： vue antd vue

本文链接：https://blog.csdn.net/sinat_33940108/article/details/115329533

版权

在Vue项目中，接到任务要求在路径详情中添加提示功能，当router_id不连续或者节点不同，需改变列表背景颜色。通过从后台获取数据并进行校验，实现了这一功能。使用Ant Design Vue的表格组件结合自定义rowClassName方法，根据条件改变行的样式。最终实现了节点和序号不连续时的视觉提示。同时，考虑到按钮移位功能在已排序数据中意义不大，因此未实现。

摘要由CSDN通过智能技术生成

今天接到新任务，路径详情中需要新增加提示。序号改为router_id, 然后第一条数据的当前节点与下一个节点需要相同，否则列表背景颜色改变。router_id需要从1开始连贯显示，否则也进行背景颜色改变的提示。思考许久，在同事的帮助下终于完成，本人智商堪忧。

从后台获取数据方法：

loadDetailData(routerid) {
   
          if(!this.url.list){
   
            this.$message.error("请设置url.list属性!")
            return
          }
          //加载数据 若传入参数1则加载第一页的内容
          this.ipagination.current = 1;
          var params = Object.assign({
   routerId: routerid}, this.isorter);
          params.pageNo = this.ipagination.current;
          params.pageSize = this.ipagination.pageSize;
          this.loading = true;
          getAction(this.url.list, params).then((res) =>