对于接口两个数组之间内容覆盖问题的处理

1. 实现界面
   

2.接口数据
{code: 1,…}
code: 1
msg: null
result: {store_name: “啦啦啦”, store_brief: “444”, logo: “159d66a3-adde-409a-b189-86615158erb1”,…}
basic_distribution: {trade_scheme: “only_platform”, member: {platform: 10}, goods: {platform: 10}, course: {platform: 10},…}
activity: {platform: 10}
course: {platform: 10}
goods: {platform: 10}
member: {platform: 10}
recharge: {platform: 10}
trade_scheme: “only_platform”
distribution: {member: {platform: “71”}, goods: {platform: “1”}, course: {platform: “10”},…}
activity: {platform: “10”}
course: {platform: “10”}
goods: {platform: “1”}
member: {platform: “71”}
recharge: {platform: “100”}
trade_scheme: “only_platform”
logo: “159d66a3-adde-409a-b189-86615158erb1”
store_brief: “444”
store_name: “啦啦啦”

3. 代码实现

 if (res.result.distribution == null) {
                        $(".preserved").css("display", 'block');
                        var twoArry = {};
                        twoArry = Object.assign({}, res.result.basic_distribution);
                        delete twoArry.trade_scheme;
                        console.log(twoArry);
                        var basic_one_html = template("tpl_basic_one", twoArry);
                        $("#basic_one").html(basic_one_html);
                    } else if (res.result.distribution != null) {
                        $(".preserved").css("display", 'block');
                        if (res.result.distribution.trade_scheme == 'only_platform') {
                            newArr = Object.assign(res.result.basic_distribution, res.result.distribution)
                            delete newArr.trade_scheme
                            console.log(newArr);
                            var basic_one_html = template("tpl_basic_one", newArr);
                            $("#basic_one").html(basic_one_html);
                        } else {
                            // 禁止修改
                            $(".preserved").css("display", 'none');
                            $(".exception").css("display", 'flex')
                        }
                    }

4. 修改保存

$(document).on("click", "#edit-submit-btn", function () {
            var distribution = {};
            for (var key in newArr) {
                distribution[key] = {
                    platform: $('input[data-tag="' + key + '"][class=goods_name]').val()
                }
            }
            console.log($('input[data-tag="' + key + '"][class=goods_name]').val());
            console.log(distribution);
            distribution.trade_scheme = "only_platform"
            $.Ajax({
                url: api.editStore,
                is_login: true,
                data: {
                    store_id: store_id,
                    distribution: JSON.stringify(distribution),
                },
                success: function (res) {
                    console.log(res);
                    if (res.code == 1) {
                        layer.msg("编辑成功");
                        setTimeout(function () {
                            //处理面包屑导航
                            parent.bread_crumbs[0].isLink = '0';//修改父级页面的可点击状态
                            parent.bread_crumbs.splice(1, 1);
                            window.parent.renderBreadCrumbs(parent.bread_crumbs);
                            //修改加载内容页
                            var app_iframe = $("#app_iframe", window.parent.document);
                            console.log(app_iframe);
                            app_iframe.attr('src', "users/customerManagement.html");
                        }, 500)
                    } else {
                        layer.msg(res.result.msg);
                    }
                },
                fail: function (res) {
                    layer.msg(res.result.msg);
                }
            })
        });