这个暂时不要添加了 css代码没整理呢
路径D:\ireport365\ireport365.war\js\enduser\designer\vs-component-basic.js
1添加组件
~~~
{
name: "",
type: "assemblyList",
coverImage: contextPath + "/images/componenttypes/" + locale + "/basic/zh_b0080.png",
coverImageWidth: "50%",
tip: "组件列表"
}
~~~
2默认大小
~~~
case "assemblyList":
a.sizeY = 8;
a.sizeY = 10;
break;
~~~
3自定义服务
~~~
vsPluginComponentModule.factory("$vcPlugin_basic_assemblyList", ["$vsPluginRegister", function (a) {
var b = {
//配置面板中显示[数据]配置
showDataCategory: false,
//配置面板中显示[标题]配置
showTitleCategory: true,
//配置面板中显示[边框]配置
showBorderCategory: true,
//配置面板中显示[基本]配置
showBasicCategory: true,
//配置面板中显示[浮动]配置
showFixedCategory: true,
//配置面板中显示[事件]配置
showEventCategory: false,
init: function(scope, element, component, $compile){
scope.element = element;
scope.component = component;
//开启页面过滤
component.config.pageFilter = true;
//控件的图形维度数量设置为1
scope.component.config.chartDimensionCount = 1;
component.config.selectedItem = null;
// console.log(scope)
component.config.fontColor = '#ff8800';
component.config.borderColor = '#ff2580';
},
buildDataDescription: function(f, i, h, e, g) {},
refreshChartView: function(k, h, e, g, j) {
// 初始化数组
var list = [];
// 自身组件
var comp = k.component
// 取父级数据集
var componentsList = k.$parent.currentReportPage.designContent.components;
// console.log(componentsList)
// 遍历组件集
for (var i = 0; i < componentsList.length; i++) {
if (componentsList[i].id === comp.id) {
continue
}else{
list.push({
'id':componentsList[i].id,
'title':componentsList[i].title,
})
}
}
// console.log(list)
k.component.list = list;
// h.empty();
var d = [];
d.push('<div class="component-box" style="width:100%;height:100%;overflow:hidden;">');
d.push('<li class="component-box-content" ng-style="{\'border-bottom-color\':component.config.borderColor}" ng-repeat="list in component.list">');
d.push('<span class="component-title" ng-style="{color:component.config.fontColor}"><i ng-class="item" class="fa fa-tag" style="margin:0px 3px;"></i>{{list.title}}</span>');
d.push('<span class="component-switch">');
d.push('<input type="checkbox" dataid="{{list.id}}" id="{{list.id}}_1" ng-click="onComponentClickIschecked(list)" class="simple_1">');
d.push('<label for="{{list.id}}_1" class="green"></label>');
d.push('</span>');
d.push('</li>');
d.push('</div>');
var i = g(d.join(""))(k);
h.html(i);
k.onComponentClickIschecked = (v)=>{
var isShow = $('#'+v.id+'_1').is(':checked')
if(isShow){
$('#'+v.id).css({'visibility':'hidden'})
}else{
$('#'+v.id).css({'visibility':'visible'})
}
}
},
buildChartDescription: function (m, g, k, h, l, o) {
var e = {
name: "time",
title: '配置项',
groups: []
};
k.description.categories.push(e);
m.component = k;
e.groups.push({
name: "",
title: {
text: "配置"
},
elements: [{
title: '字体颜色',
type: "colorpicker",
bind: "fontColor"
},
{
title: vsLang.offset_y,
title: '线颜色',
type: "colorpicker",
bind: "borderColor"
}]
});
e.groups.push({
title: {
text: "",
show: false
},
elements: [{
title: vsLang.reload_component,
type: "button",
btnClass: "btn-success",
onClick: function() {
b.refreshChartView(m, g, k, h, o)
}
}]
});
m.$watch("component.config.fontColor", function (w, u) {
var p = m.component.config;
p.fontColor = w;
// console.log(w)
b.refreshChartView(m, g, k, h, o);
});
m.$watch("component.config.borderColor", function (w, u) {
var p = m.component.config;
p.borderColor = w;
b.refreshChartView(m, g, k, h, o);
});
b.refreshChartView(m, g, k, h, o);
}
};
a.register("basic", "assemblyList", b);
return null
}]);
~~~
路径D:\ireport365\ireport365.war\WEB-INF\classes\report-resource\design.js
~~~
case "assemblyList":
var refreshChartView = function(scope, element, component, $compile) {
// 初始化数组
// console.log(scope.component.list)
var list = [];
// 自身组件
var comp = scope.component
// 取父级数据集
var componentsList =scope.component.list;
// console.log(componentsList)
// 遍历组件集
for (var i = 0; i < componentsList.length; i++) {
if (componentsList[i].id === comp.id) {
continue
}else{
list.push({
'id':componentsList[i].id,
'title':componentsList[i].title,
})
}
}
// console.log(list)
scope.component.list = list;
// h.empty();
var d = [];
d.push('<div class="component-box" style="width:100%;height:100%;overflow:hidden;">');
d.push('<li class="component-box-content" ng-style="{\'border-bottom-color\':component.config.borderColor}" ng-repeat="list in component.list">');
d.push('<span class="component-title" ng-style="{color:component.config.fontColor}"><i ng-class="item" class="fa fa-tag" style="margin:0px 3px;"></i>{{list.title}}</span>');
d.push('<span class="component-switch">');
d.push('<input type="checkbox" dataid="{{list.id}}" id="{{list.id}}_1" ng-click="onComponentClickIschecked(list)" class="simple_1">');
d.push('<label for="{{list.id}}_1" class="green"></label>');
d.push('</span>');
d.push('</li>');
d.push('</div>');
var i = $compile(d.join(""))(scope);
element.html(i);
scope.onComponentClickIschecked = (v)=>{
var isShow = $('#'+v.id+'_1').is(':checked')
if(isShow){
$('#'+v.id).css({'visibility':'hidden'})
}else{
$('#'+v.id).css({'visibility':'visible'})
}
}
};
refreshChartView(scope, element, component, $compile);
break;
}
};
~~~
- video
- treemap
- mian.html文件注释
- 配置项tab
- 配置项属性
- internalRefreshAxisMdelData函数梳理
- 函数配置项-engine文件
- 替换数据源流程
- design.js
- 树图
- 下钻 废弃
- 人体图
- 下钻地图
- 行列互转
- 预览样式
- logo旁边的报表名
- echarts 组件生成图片
- 数据集样式
- 头部 黑色head
- 手机 ipad 图片
- k线图部分
- 平台管理css样式
- 目录css和平板的边距
- 设计页-数据源-目录
- 数据集 - 查看数据表 -按钮和目录样式
- 报表列表页按钮css
- 角色管理页按钮css
- 推送通知按钮css
- 子账号按钮css
- 数据连接
- openlayers地图线路图
- openlayers4_map_designer.js
- openlayers4_map_view.js
- 说明
- 常用图标小bug
- echarts 气泡地图
- echarts 线路轨迹图
- 导出pdf
- 可视化sql--css
- 表格滚动
- 主题色
- 时间轴
- 分享弹框
- 管理平台header和菜单
- 报表平台和菜单
- 初始化组件颜色
- 其他弹框
- olap分析样式-废弃
- 3d地图柱状图
- 关系图
- olap分析
- 地区地图
- k线图相关属性设置
- 世界地图
- 时间轴（new）
- 选择省份下转地图
- 选择省市飞线地图
- 面积预警地图默认颜色
- 组件覆层开关组件
- 汽车仪表盘bug
- 雷达图bug修复不能分享的问题
- 饼状 条形图 自动播放
- 临时用
- 自动轮播
- 方形元素 按钮浮动报错
- 面积预警地图整合可选择省市区
- 下钻地图添加返回按钮
- 下钻地图修复预警bug
- 基本时间组件
- 添加时钟组件
- 3d地球组件
- 盒须图
- 组件加载动画
- 报表背景渐变色
- 主题模板
- 没用
- 3机房第三方组件
- 设计
- 分享
- 3d机房需要的静态资源
- cesium地球需要的文件以及样式
- cesium地球
- 设计页
- 分享页
- 图标条形图
- 世豪-前端代码整理
- component.css 文件新添加
- 杂项
- index.jsp
- designer.css 样式暂时不整理 里面比较杂
- vs-common.js 新加生成html2canvas pdf
- vs-component-basic.js 完
- vs-component-datasource.js 完
- vs-component-engine.js 完
- vs-component-widget-grid.js 完
- vs-component-widget-square.js 完
- vs-designer.js 完
- vs-designer-component.js 完
- vs-designer-report.js 完
- vs-designer-reportpage.js 完
- vs-component-echarts.js 完
- main.html 完
- component.html 新加组件设置页模板
- 以前的报表页设置控制器---做个记录
- 大概修改过的代码
- 2019-5-8 修改皮肤控制器
- 选择模板
- 桑基图2019-11-20
- bug 修正 2019-11-21
- 插图柱状图
- cesiumchart组件
- gis 地图 联动 弹框 图标
- 动态面积图添加按钮类配置项
- 玫瑰图形组件
- cesium 图形 和three.js 冲突的bug
- gis 地图 默认图层
- 网格标签
- gis 点图 值域
- gis 面图 值域
- 按钮图标添加提示框
- 百度地图
- 剩余的组件
- gulp说明文档
- 色斑图加透明