关于vue项目中的日志管理功能

不就是个div嘛

已于 2022-06-20 10:52:40 修改

阅读量4.6k

点赞数 5

分类专栏： vue 项目总结 JS操作文章标签：前端

于 2022-03-22 15:13:25 首次发布

本文链接：https://blog.csdn.net/m0_48940868/article/details/123653348

版权

本文讲述了在Vue项目中实现日志管理功能的过程，包括从初始的设计方案到优化后的页面效果。通过对比展示有无上次日志数据的情况，强调了优化的关键在于数据对比的明显性和差异高亮。文章提供了优化后的代码示例，强调了基础工作的重要性。

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

项目场景：

后端：数据拿去，自己玩个日志管理页面出来

{
   
    "curent": {
   
        "ub_real_name": "测试账号",
        "op_time": "2022-03-18 14:15:08",
        "op_type": "修改",
        "op_detail": {
   
            "商机编码": "2022031717320012345",
            "运维厂商": "运维方",
            "厂商类型": 1,
            "联系人名字": "李武",
            "联系方式": "18200376981",
            "服务内容": "运维项目"
        }
    },
    "last": {
   
        "ub_real_name": "测试账号",
        "op_time": "2022-03-17 17:36:01",
        "op_type": "新增",
        "op_detail": {
   
            "商机编码": "2022031717320012345",
            "运维厂商": "运维中选单位",
            "厂商类型": 0,
            "联系人名字": "李四",
            "联系方式": "18200375981",
            "服务内容": null
        }
    }
}