求o2oa案例-左侧vue树与右侧内容区联动

jie

开发过程中遇到了这样的需求，左侧是用户自助生成的树，右侧是三个写好的页面，树的每一级别对应一个页面样式，由于第一次用o2oa里的vue组件，真不知道咋写呀，试了好多例子都不太行，树和页面都实现了，就是动态点击切换实现不了，哪位大佬愿意分享自己的例子的谢谢

d0cter

请问解决了嘛

jie

d0cter 发表于 2024-6-5 17:51
请问解决了嘛

[AppleScript] 纯文本查看 复制代码

debugger;
if(this.page.parameters === undefined){
    return "没有传入参数"
}else{
    var id = this.page.parameters.formobject.id; 
    var schoolcode = this.page.parameters.formobject.parentid; 
    var parentid = this.page.parameters.formobject.parentid; 
    var label = this.page.parameters.formobject.label; 
    var level = this.page.parameters.formobject.level;
    //表示父节点
    if (level == 1) {
    this.form.get("schoolname").node.set("html",label);
    var view = this.form.get("viewbuilding");
    var filterList = [];
    if (id != "") {
        filterList.push({
            "logic": "and",
            "path": "parentschoolname",
            "comparison": "like",
            "value": id,
            "formatType": "textValue",
            "type": "restrict",
            "title": "",
            "code": { "code": "return \"" + id + "\";", "html": "return \"" + id + "\";" },
            "otherValue": ""
        });
    }
    view.json.loadView = "yes";
    view.json.filterList = filterList;
    this.form.get("viewbuilding").reload();
    document.getElementById('div_4').style.display = 'block';
    document.getElementById('div_1').style.display = 'none';

} else if (level==2) {
        //表示子节点
        this.form.get("buildname").node.set("html",label);
        this.data.parentdocid = id;
        this.data.schoolcode = schoolcode;
        this.data.fieldname = label;
        var view = this.form.get("viewsite");
        var filterList = [];
        if (parentid != "") {
            //过滤出对应学校的建筑信息
            filterList.push({
                "logic": "and",
                "path": "schoolcode",
                "comparison": "like",
                "value": parentid,
                "formatType": "textValue",
                "type": "restrict",
                "title": "",
                "code": { "code": "return \"" + parentid + "\";", "html": "return \"" + parentid + "\";" },
                "otherValue": ""
            });
             //过滤出对应学校下建筑楼对应的信息
            filterList.push({
                "logic": "and",
                "path": "parentdocid",
                "comparison": "like",
                "value": id,
                "formatType": "textValue",
                "type": "restrict",
                "title": "",
                "code": { "code": "return \"" + id + "\";", "html": "return \"" + id + "\";" },
                "otherValue": ""
            });

            view.json.loadView = "yes";
            view.json.filterList = filterList;
            this.form.get("viewsite").reload();
            document.getElementById('div_4').style.display = 'none';
            document.getElementById('div_1').style.display = 'block';
        }
    }     
}

jie

d0cter 发表于 2024-6-5 17:51
请问解决了嘛

是写在表单的afterLoad事件里，我是根据三级树每一级的level值来进行隐藏显示切换的，你可以先打印一下每级树通用的值，然后根据不同值进行切换

yangsong

jie 发表于 2024-6-6 18:31
[mw_shl_code=applescript,true]debugger;
if(this.page.parameters === undefined){
    return "没有传 ...

<LvSe v-show="type=='ls'" ref="ls"></LvSe>
<LvSeHuiZong v-show="type=='lshz'" ref="lshz"></LvSeHuiZong>
<GongYingLian v-show="type=='gyl'" ref="gyl"></GongYingLian>
<KuangChan v-show="type=='kc'" ref="kc"></KuangChan>
<QiTa v-show="type=='qt'" ref="qt"></QiTa>
在引入的页面上加一个v-show属性，然后根据点击的树列表菜单修改type的值就好了啊