这里记录一些奇怪的东西(因为不知道自己写的什么玩意)

一个神奇的操作(转固定json数据)

这玩意…对于新手 我写了3-4天 主要这个页面代码多的我脑子绕不过来
这是一部分 由于内部不能全码出来

            // 右下 当前箭头所选的指标Norm数据
            onShowNormList (norm) {
                /*
                * 一、数组长度0添加(存放箭头所指数组的长度)
                * 二、数组长度>0
                *  1.判断normId是否相同 相同提示'此项已勾选,请勿重复操作'(选择的数组每一个id和norm的Id对比)
                *  2.normId不相同弹框绑定关系
                * */
                if (this.selectedNormList.length > 0){
                    const selectNorm = this.selectedNormList.find(data => {
                        return data.normId === norm.normId;
                    });
                    if (selectNorm){
                        this.$Message.error('此项已勾选,请勿重复操作');
                    } else {
                        // 弹框
                        this.theNorm = norm;
                        const normResList = [];
                        for (const k in JSON.parse(norm.normRes)) {
                            normResList.push({
                                name: k,
                                value: '',
                            })
                        }
                        this.theNorm.normRes = normResList;
                        this.searchRelationshipModal = true;
                    }
                } else {
                    // 直接处理数据添加
                    this.handleSelectNormResult(norm);
                }
                console.log(this.selectedNormList)
            },
            // 左下 和右下 处理数据的方法
            handleSelectNormResult (norm) {
                // 将箭头所选传入的parm值转成json的数据存放在一个对象中待处理@name
                const jsonParmList = JSON.parse(norm.normParam);
                // 箭头所选当前指标的normParm对象 已处理JSON.parse未处理@name
                const normParmList = [];
                for (const k in jsonParmList) {
                    normParmList.push({
                        name: k,
                        value: '',
                    })
                }
                // 箭头所选normRes值转成json
                const josnNormResList = JSON.parse(norm.normRes);
                const normResList = [];
                for (const k in josnNormResList) {
                    normResList.push({
                        name: k,
                        value: '',
                    })
                }
                // 处理当前箭头指向拿到的数据
                this.selectedNormList.push({
                    normId: norm.normId,
                    normName: norm.normName,
                    param: normResList,
                    screeParam: normParmList
                });

            },

↑上面代码实现的图是这样的
(这样区分 左-上下 右-上下)
左下的数据点击那个 >箭头该数据会到右下和右上

在这里插入图片描述

右下的数组[]数据是由左边的一个一个对象点击进来的,左也是[]数组
点击左边同事会有数据带到右上 后台是个这样的 xxx: “{”@xx":“int”}"
需要转json并且只显示 @xx
然后显示的右上是个多选 然后在一个关系绑定弹框体现


就是第一次选择添加到右 如果是第二次就要弹框进行关系绑定 就是绑定右上这玩意


↓这是一条数据…难

在这里插入图片描述

转换后是这个样子

在这里插入图片描述

要传给后台的数据 是这样的 ↓
这玩意是我学了好多

{
  "normList": [{
    "normId": "value",
    "param": [{
      "name": "***",
      "value": "***"
    }, {
      "name": "***",
      "value": "***"
    }],
    "screeParam": [{
      "name": "***",
      "value": "***"
    }, {
      "name": "***",
      "value": "***"
    }]
  }, {
    "normId": "value2",
    "param": [{
      "name": "***",
      "value": "***"
    }, {
      "name": "***",
      "value": "***"
    }],
    "screeParam": [{
      "name": "***",
      "value": "***"
    }, {
      "name": "***",
      "value": "***"
    }]
  }],
  "join": [{
    "MNormId": "value",
    "MParam": "value",
    "SNormId": "value",
    "SParam": "value"
  }, {
    "MNormId": "value",
    "MParam": "value",
    "SNormId": "value",
    "SParam": "value"
  }]
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
资源包主要包含以下内容: ASP项目源码:每个资源包中都包含完整的ASP项目源码,这些源码采用了经典的ASP技术开发,结构清晰、注释详细,帮助用户轻松理解整个项目的逻辑和实现方式。通过这些源码,用户可以学习到ASP的基本语法、服务器端脚本编方法、数据库操作、用户权限管理等关键技术。 数据库设计文件:为了方便用户更好地理解系统的后台逻辑,每个项目中都附带了完整的数据库设计文件。这些文件通常包括数据库结构图、数据表设计文档,以及示例数据SQL脚本。用户可以通过这些文件快速搭建项目所需的数据库环境,并了解各个数据表之间的关系和作用。 详细的开发文档:每个资源包都附有详细的开发文档,文档内容包括项目背景介绍、功能模块说明、系统流程图、用户界面设计以及关键代码解析等。这些文档为用户提供了深入的学习材料,使得即便是从零开始的开发者也能逐步掌握项目开发的全过程。 项目演示与使用指南:为帮助用户更好地理解和使用这些ASP项目,每个资源包中都包含项目的演示文件和使用指南。演示文件通常以视频或图文形式展示项目的主要功能和操作流程,使用指南则详细说明了如何配置开发环境、部署项目以及常见问题的解决方法。 毕业设计参考:对于正在准备毕业设计的学生来说,这些资源包是绝佳的参考材料。每个项目不仅功能完善、结构清晰,还符合常见的毕业设计要求和标准。通过这些项目,学生可以学习到如何从零开始构建一个完整的Web系统,并积累丰富的项目经验。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值