论坛 › 设计开发 › this.form.get().node

qhdfzc 发表于 2023-7-24 16:22:28

this.form.get().node

学习固定资产的门户功能。


复制这个DIV 到报表tab页签


在EchartsJS 内拷贝 this.define("load_zclb",function(zc_value,zc_name)


生成


this.define("load_zclx",function(zc_value,zc_name){
    o2.load(echartUrl,function(){
      debugger
      var zclb_div = echarts.init(this.form.get("zclx").node);
      options = {
            title: {
                text: '资产报表统计3',
                left:"center"
            },
            tooltip: {
                trigger: 'item',
                formatter: '{a} <br/>{b}: {c} ({d}%)'
            },
            //color:['#8173FF','#4A90E2','#FF9C66','#FF6666','#818299'],
            legend: {
                bottom: 10,
                icon: "circle",
                data: zc_name
            },
            series: [
                {
                  name: '资产信息',
                  type: 'pie',
                  radius: ['36%', '78%'],
                  avoidLabelOverlap: false,
                  label: {
                        show: false,
                        position: 'center'
                  },
                  emphasis: {
                        label: {
                            show: true,
                            fontSize: '30',
                            fontWeight: 'bold'
                        },
                        itemStyle: {
                            shadowBlur: 10,
                            shadowOffsetX: 0,
                            shadowColor: 'rgba(0, 0, 0, 0.5)'
                        }
                  },
                  labelLine: {
                        show: false
                  },
                  data: zc_value
                }
            ]
      };
      zclb_div.setOption(options);
    }.bind(this));
});

//
this.define("load_zclb",function(zc_value,zc_name){
    o2.load(echartUrl,function(){
      
      var zclb_div = echarts.init(this.form.get("zclb").node);
      
      options = {
            title: {
                text: '资产报表统计',
                left:"center"
            },
            tooltip: {
                trigger: 'item',
                formatter: '{a} <br/>{b}: {c} ({d}%)'
            },
            //color:['#8173FF','#4A90E2','#FF9C66','#FF6666','#818299'],
            legend: {
                bottom: 10,
                icon: "circle",
                data: zc_name
            },
            series: [
                {
                  name: '资产信息',
                  type: 'pie',
                  radius: ['46%', '70%'],
                  avoidLabelOverlap: false,
                  label: {
                        show: false,
                        position: 'center'
                  },
                  emphasis: {
                        label: {
                            show: true,
                            fontSize: '30',
                            fontWeight: 'bold'
                        },
                        itemStyle: {
                            shadowBlur: 10,
                            shadowOffsetX: 0,
                            shadowColor: 'rgba(0, 0, 0, 0.5)'
                        }
                  },
                  labelLine: {
                        show: false
                  },
                  data: zc_value
                }
            ]
      };
      zclb_div.setOption(options);
    }.bind(this));
});



在首页内增加调用this.load_zclx(zc_value,typeList);


//-------------加载资产库存饼状图------------------------
var h = o2.Actions.getHost( "x_portal_assemble_surface" );
var xssj = dict.get();
var typeList = [];
var zc_value = [];
var ind = 0;
var type_json = dict_type.get("资产类型");
for(var key in type_json){
    zc_value.push({name:key,value:xssj});
    typeList.push(key);
    if(ind<5){
      var copy = this.form.get("div_sample").node.clone().inject(this.form.get("div_top").node);
      copy.id = key;
      //修改图标
      copy.getElements("img")[0].src = h+type_json;
      //修改资产名称
      var dom = copy.getElements("div");
      for (var i=0; i<dom.length; i++) {
            if("name"===dom.getAttribute("flag")){
                dom.innerHTML = key;
            }
            if("count"===dom.getAttribute("flag")){
                dom.innerHTML = xssj;
            }
            if("grow"===dom.getAttribute("flag")){
                dom.innerHTML = xssj"-增长"];
            }
      }
      copy.show();
    }
    ind = ind+1;
}

this.load_zclb(zc_value,typeList);
debugger
this.load_zclx(zc_value,typeList);



希望能在固定资产的饼图增加一个同样的饼图。如下。但是提示错误。


报表页签内未显示 饼图。

论坛管理员 发表于 2023-7-25 12:33:55

“ｚｃｌｘ”是一个ｄｉｖ的标识，您是否有这样的一个ｄｉｖ？

qhdfzc 发表于 2023-7-25 23:05:01

论坛管理员 发表于 2023-7-25 12:33
“ｚｃｌｘ”是一个ｄｉｖ的标识，您是否有这样的一个ｄｉｖ？

https://www.o2oa.net/forum/data/attachment/forum/202307/24/64be337f6a109.png 有的。

论坛管理员 发表于 2023-7-26 09:43:32

看您的报错是没有取到zclx这个div，您在这句话前，看看表单上其他字段能不能取到，确认一下this的上下文是否正确

qhdfzc 发表于 2023-7-31 21:17:48

论坛管理员 发表于 2023-7-26 09:43
看您的报错是没有取到zclx这个div，您在这句话前，看看表单上其他字段能不能取到，确认一下this的上下文是 ...

其他都正常的。就这个不行。

查看完整版本: this.form.get().node