每日Bug汇总--Day03

Bug汇总—Day03

一、项目运行报错

二、项目运行Bug

1、问题描述:Vue前端项目运行后台管理平台订单管理页面下的三个子页面出现点击不同的路由还是会出现相同的页面,导致页面和数据不匹配

解决办法:

  • 在监听器中添加状态来根据路由地址变化的时候来调用数据getDataList()
//监听订单表参数是否变化,从而调取接口
  watch: {
  '$route' (to, from) { //监听路由是否变化
    if(this.$route.params.status){//判断状态是否有值
      // console.log("路由辩护")
      let url = to.path.substring(9,11)
      this.getDataList();
    this.contentStyleChange()
      // console.log(url) 
      // console.log(this.$route.params.status)
      // if (url == '申请'){
      //   this.getDataList();
      //   this.contentStyleChange()
      // }     
      // if (url == '发货' && this) {

      // }    
      // if (url == '完成') {

      // }     
    }
  }
  },
  • 在getDataList()方法中添加逻辑判断
.then(({ data }) => {
        if (data && data.code === 0) {
          console.log(this.$route.params.status)
          if (this.$route.params.status == '已申请'){
            console.log(data.data.list)
            if (data.data.list.some(this.isFieldValidShengqing)){
              this.dataList = data.data.list;
              this.totalPage = data.data.total;
            }
          }
          if (this.$route.params.status == '已发货'){
            if (data.data.list.some(this.isFieldValidFaHuo)){
              this.dataList = data.data.list;
              this.totalPage = data.data.total;
            }
          }
          if (this.$route.params.status == '已完成'){
            // if (data.data.list.some(this.isFieldValidWanCheng)){
            //   this.dataList = data.data.list;
            //   this.totalPage = data.data.total;
            // }
          }
   
        } 

上述办法都不管用,点击不同的路由导航,显示的页面数据还是不变

image-20240410081403675

image-20240410081446615

image-20240410081510353

分析上述原因可能是因为订单的页面都是一个导致的

  • 将已发货和已完成的订单页面都分开,分别创建两个页面,因分店那边的页面操作也和管理员这边的操作不一样,故此会想到直接一次性全部创建好
  • 在上述功能完成的基础上开始完成各个页面的数据获取
    • 管理员已申请页面:此页面不在需要任何数据获取逻辑判断了,只是要对发货按钮进行功能添加
    • 管理员已发货页面:拦截已申请但是未发货的的数据获取到数据,这里可以通过加逻辑判断发货字段拦截获取数据来实现**(这里的管理员不需要做操作,也是只是看就行)**
    • 管理员已完成页面:和已发货页面一样,需要拦截已申请但未发货、未完成,同时需要拦截已申请已发货但是未完成的数据
    • 前台已申请页面:和管理员展示的数据一样,但是操作不同只是能看就行
    • 前台已发货页面:拦截已申请但是未发货的数据,这里的数据是已申请&&已发货的数据,点击了收货按钮以后会在前台和管理员页面出现已完成的数据显示
    • 前台已完成页面:拦截数据(已申请&&已发货&&已完成)

上述的功能只需要操作状态字段前端获取数据的时候添加逻辑判断,按钮只是修改状态字段的状态。

  • 实现前端Vue拦截获取到的后台数据符合的数据可以使用filter方法(其余方法类似)
then(({ data }) => {
        if (data && data.code === 0) {
          console.log("完成页面")
          console.log(data.data.list)
          this.dataList = data.data.list.filter(item => item.shenqingstatus === '已申请' && item.fahuostatus === '已发货' && item.wanchengstatus === '已完成');
          this.totalPage = data.data.total;
        } 

2、问题描述:按照之前思路操作以后,在管理员页面的已发货订单和已完成订单页面军不显示任何数据

image-20240410091016429

image-20240410091049983

原因分析:在复制的之前的页面中存在v-if的条件语句

image-20240410092057219

image-20240410092520132

image-20240410092532884

成功了!!

3、问题描述:点击发货按钮以后,触发的报错信息是400

解决思路:将fahuo(scope.row.id)传过来的id中的形参去掉this.

this.$http({
          url: `orders/fahuo/${fahuoInfo}`,
          method: 'post',
        }).then(res => {

image-20240410110305747

4、问题描述:在点击了发货按钮之后,在原来已申请页面还显示,他的发货状态是’已发货’,后边还能发货呢?同样的道理,在分店收货之后,在原来已发货页面也还能看到已完成的数据,都已经完成了的订单还能收货呢?

解决思路:在前端获取数据的时候,将之前的条件加强

  • 管理员已申请页面:只接收’已申请’、‘未发货’、‘未完成’
  • 管理员已发货页面:只接收’已申请’、‘已发货’、‘未完成’
  • 管理员已完成页面:只接收’已申请’、‘已发货’、‘已完成’
  • 分店已申请页面:只接收’已申请’、‘未发货’、‘未完成’
  • 分店已发货页面:只接收’已申请’、‘已发货’、‘未完成’
  • 分店已完成页面:只接收’已申请’、‘已发货’、‘已完成’

image-20240410113756861

5、ECharts调用后台获取数据后遍历的时候发生错误

image-20240410160810876

**解决思路:**后台接收到的数据字段不匹配

image-20240410160946593

三、项目环境问题

arts调用后台获取数据后遍历的时候发生错误

[外链图片转存中…(img-1IawQCyy-1712741479007)]

**解决思路:**后台接收到的数据字段不匹配

[外链图片转存中…(img-ygFEeDhy-1712741479008)]

三、项目环境问题

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/533309.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

C++ | Leetcode C++题解之第20题有效的括号

题目&#xff1a; 题解&#xff1a; class Solution { public:bool isValid(string s) {int n s.size();if (n % 2 1) {return false;}unordered_map<char, char> pairs {{), (},{], [},{}, {}};stack<char> stk;for (char ch: s) {if (pairs.count(ch)) {if (…

【mT5多语言翻译】之六——推理:多语言翻译与第三方接口设计

请参考本系列目录&#xff1a;【mT5多语言翻译】之一——实战项目总览 [1] 模型翻译推理 在分别使用全量参数微调和PEFT微调训练完模型之后&#xff0c;我们来测试模型的翻译效果。推理代码如下&#xff1a; # 导入模型 if conf.is_peft:model AutoModelForSeq2SeqLM.from_pr…

如何设置端口映射?

端口映射是一种网络技术&#xff0c;通过在网络路由器或防火墙上设置规则&#xff0c;将外部网络请求转发到内部特定设备或服务的端口上。这样可以实现不同地区电脑与电脑、设备与设备、电脑与设备之间的信息远程通信&#xff0c;提供更加便捷的网络连接。 2. 天联组网 天联是…

【环境搭建】(五)Ubuntu22.04安装cuda_11.8.0+cudnn_8.6.0

一个愿意伫立在巨人肩膀上的农民...... 设备配置&#xff1a; 一、安装GCC 安装cuda之前&#xff0c;首先应该安装GCC&#xff0c;安装cuda需要用到GCC&#xff0c;否则报错。可以先使用下方指令在终端查看是否已经安装GCC。 gcc --version 如果终端打印如下则说明已经安装…

K8S容器空间不足问题分析和解决

如上图&#xff0c;今天测试环境的K8S平台出现了一个问题&#xff0c;其中的一个容器报错&#xff1a;Free disk space below threshold. Available: 3223552 bytes (threshold: 10485760B)&#xff0c;意思服务器硬盘空间不够了。这个问题怎么产生的&#xff0c;又怎么解决的呢…

性能优化原则

相关链接&#xff1a;【运行环境】加载资源的形式 性能优化 1 性能优化原则 多使用内存、缓存或其他方法 减少CPU计算量&#xff0c;减少网络加载耗时 &#xff08;适用于所有编程的性能优化----空间换时间&#xff09; 2 从何入手 性能优化-让加载更快 减少资源体积&#x…

neo4j-01

Neo4j是&#xff1a; 开源的&#xff08;社区版开源免费&#xff09;无模式&#xff08;不用预设数据的格式&#xff0c;数据更加灵活&#xff09;noSQL&#xff08;非关系型数据库&#xff0c;数据更易拓展&#xff09;图数据库&#xff08;使用图这种数据结构作为数据存储方…

Edge扩展程序上架流程

代码基本同Chrome扩展&#xff0c;无需改动&#xff0c;具体可以参考文档说明 参考官方文档&#xff0c;注册开发者账号&#xff0c;遇到报错可以参考另一篇文章&#xff0c;Microsoft注册问题 注册完毕后&#xff0c;跳转到 developer dashboard&#xff0c;将左侧导航栏选项…

【案例分享】如何通过甘特图管理项目进度?

我将通过一个实际案例来具体说明我是如何通过甘特图来管理项目进度的。 案例背景&#xff1a; 我负责过一个软件开发项目&#xff1a;一款在线学习APP。项目团队包括项目经理、开发人员、测试人员、UI设计师等多个角色&#xff0c;预计项目周期为6个月。 案例实施过程&…

Redis中的集群(四)

集群 槽指派 CLUSTER ADDSLOTS命令的实现 CLUSTER ADDSLOTS命令接受一个或多个槽作为参数&#xff0c;并将所有输入的槽指派给接收该命令的节点负责: CLUSTER ADDSLOTS <slot> [slot ...]CLUSTER ADDSLOTS命令的实现可以用以下伪代码来表示: def CLUSTER_ADDSLOTS(*…

【MATLAB源码-第5期】基于matlab的BPSK的理论误码率和实际误码率对比仿真。

1、算法描述 BPSK (Binary Phase Shift Keying)-------二进制相移键控。是把模拟信号转换成数据值的转换方式之一&#xff0c;利用偏离相位的复数波浪组合来表现信息键控移相方式。BPSK使用了基准的正弦波和相位反转的波浪&#xff0c;使一方为0&#xff0c;另一方为1&#xf…

机器人路径规划:基于移动机器人路径规划的Q-learning算法,可以自定义地图,修改起始点,提供MATLAB代码

一、Q-learning算法 Q-learning算法是强化学习算法中的一种&#xff0c;该算法主要包含&#xff1a;Agent、状态、动作、环境、回报和惩罚。Q-learning算法通过机器人与环境不断地交换信息&#xff0c;来实现自我学习。Q-learning算法中的Q表是机器人与环境交互后的结果&#…

lvs+keepalived+nginx负载搭建

LVS&#xff1a;&#xff08;linux virtual server&#xff09;是一款网络模型四层的负载软件&#xff0c;即IP端口的转发模式&#xff0c; LVS:提供三种负载方式&#xff1a; VS/NAT:网络地址转化 VS/TUN:端 VS/DR:直接轮询模式 10种调度算法&#xff1a;常用的由一下几种&…

PHP7垃圾回收算法

前提 本文为了梳理PHP GC工作流程&#xff0c;所以从引用计数、部分标记清除算法做引子&#xff0c;然后介绍PHP GC工作流程,最后介绍性能更高的GC算法 引用计数 概述 引用计数算法中引入了一个概念计数器。计数器代表对象被引用的次数 基本原理 为了记录一个对象有没有被…

【Android】【root remount】【3】remount 文件详细信息获取

前言 我们在root & remount 设备后&#xff0c;push相关文件到systm 、vendor、product 等目录进行调试&#xff0c;那么我们push的文件被保存在什么地方呢&#xff1f; 以及我们FWS、app侧如何过去push 的文件信息呢&#xff1f; remount push 文件保存 push 文件保存的…

python 有哪些函数

Python内置的函数及其用法。为了方便记忆&#xff0c;已经有很多开发者将这些内置函数进行了如下分类&#xff1a; 数学运算(7个) 类型转换(24个) 序列操作(8个) 对象操作(7个) 反射操作(8个) 变量操作(2个) 交互操作(2个) 文件操作(1个) 编译执行(4个) 装饰器(3个) …

硬件 - 施密特比较器

文章目录 1 . 概要2 . 施密特比较器电路3 . 施密特比较器计算4 . 小结 【全文大纲】 : https://blog.csdn.net/Engineer_LU/article/details/135149485 1 . 概要 1 . 比较器主要作用是比较输入的两个信号&#xff0c;而有时候两个信号的值都差不多大的时候一点抖动&#xff0c;…

PHP自助建站系统,小白也能自己搭建网站

无需懂代码&#xff0c;用 自助建站 做企业官网就像做PPT一样简单&#xff0c;您可以亲自操刀做想要的效果&#xff01; 自助建站是一款简单、快捷、高效的工具&#xff0c;可以帮助您制作响应式网站。我们的自助建站系统&#xff0c;将传统的编码工作转化为直观的拖拽操作和文…

【计算机毕业设计】校园网书店系统——后附源码

&#x1f389;**欢迎来到我的技术世界&#xff01;**&#x1f389; &#x1f4d8; 博主小档案&#xff1a; 一名来自世界500强的资深程序媛&#xff0c;毕业于国内知名985高校。 &#x1f527; 技术专长&#xff1a; 在深度学习任务中展现出卓越的能力&#xff0c;包括但不限于…

Quanto: PyTorch 量化工具包

量化技术通过用低精度数据类型 (如 8 位整型 (int8)) 来表示深度学习模型的权重和激活&#xff0c;以减少传统深度学习模型使用 32 位浮点 (float32) 表示权重和激活所带来的计算和内存开销。 减少位宽意味着模型的内存占用更低&#xff0c;这对在消费设备上部署大语言模型至关…