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

一个神奇的操作(转固定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"
  }]
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值