```
<div ng-init="initCtrl()" ng-controller="RightPannelCtrl">
<!--报表页面设置-->
<div class="gx-page-right" pageslide ps-open="false" ps-speed="0.3" ps-size="rightSidePanelWidth()">
<!--字体设置-->
<div class="gx-bb-item">
<!-- <h4>基础配置</h4> -->
<h4 class="gx-item-title">标题通用设置</h4>
<!--字体颜色 colorpicker -->
<div class="gx-font-item">
<div class="gx-bt" style="line-height:30px;">
<span>字体颜色</span>
</div>
<div class="gx-con">
<div>
<input minicolors="{control: 'brightness',theme: 'bootstrap',position: 'bottom right'}"
id="color-input" class="form-control" type="text"
ng-model="defaultColor">
</div>
</div>
</div>
<!--字体颜色 colorpicker -->
<div class="gx-font-item">
<div class="gx-bt" style="line-height:30px;">
<span>标题背景</span>
</div>
<div class="gx-con">
<div>
<input minicolors="{control: 'brightness',theme: 'bootstrap',position: 'bottom right'}"
id="color-input" class="form-control" type="text"
ng-model="defaultBackground">
</div>
</div>
</div>
<!--字体大小 colorpicker-->
<div class="gx-font-item">
<div class="gx-bt">
<div class="prop-label-cell">字体大小</div>
</div>
<div class="gx-bt-slide">
<div slider ng-model="defaultFontSize"
start={{0}} end={{100}} step=1 connect='lower'></div>
</div>
<div class="gx-bt-slide-input ui input">
<input ng-model="defaultFontSize"
ng-disabled="element.disabled == null ? false : element.disabled()"
type="text">
</div>
</div>
<!--字体-->
<div class="gx-font-item">
<div class="gx-bt">
<div class="prop-label-cell">字体</div>
</div>
<div class="gx-select" >
<ui-select ng-model="defaultFont" theme="selectize"
ng-disabled="disabled" ng-change="onSelect(defaultFont)">
<ui-select-match>{{$select.selected.name}}</ui-select-match>
<ui-select-choices repeat="item in availableFontFamilies | filter: $select.search">
<span ng-bind-html="item.name | highlight: $select.search"></span>
</ui-select-choices>
</ui-select>
</div>
</div>
</div>
<!--报表背景-->
<div class="gx-bb-item">
<h4>报表背景</h4>
<!--背景渐变-->
<div class="gx-font-item">
<div class="gx-bt">
<span>背景渐变</span>
</div>
<div class="gx-con" style="height: 26px;" ng-class="{'en-text':vsLang.locale==='en_US'}">
<div class="btn-group">
<toggle-switch ng-model="configingReportPage.config.GradualChange" style="border:1px solid #bbb;"
on-label="开启" off-label="关闭"></toggle-switch>
</div>
</div>
</div>
<!--背景渐变-->
<div class="gx-font-item" ng-show="configingReportPage.config.GradualChange">
<div class="gx-bt" style="line-height:30px;">
<span>色值(1)</span>
</div>
<div class="gx-con">
<div>
<input minicolors="{control: 'brightness',theme: 'bootstrap',position: 'bottom right'}"
class="form-control" type="text"
ng-model="configingReportPage.config.backgroundOne">
</div>
</div>
</div>
<div class="gx-font-item" ng-show="configingReportPage.config.GradualChange">
<div class="gx-bt" style="line-height:30px;">
<span>色值(2)</span>
</div>
<div class="gx-con">
<div>
<input minicolors="{control: 'brightness',theme: 'bootstrap',position: 'bottom right'}"
class="form-control" type="text"
ng-model="configingReportPage.config.backgroundTow">
</div>
</div>
</div>
<div class="gx-font-item" ng-show="configingReportPage.config.GradualChange">
<div class="gx-bt">
<div class="prop-label-cell">渐变角度</div>
</div>
<div class="gx-bt-slide">
<div slider ng-model="configingReportPage.config.backgrouneDeg"
start={{0}} end={{360}} step=0 connect='lower'></div>
</div>
<div class="gx-bt-slide-input ui input">
<input ng-model="configingReportPage.config.backgrouneDeg"
ng-disabled="element.disabled == null ? false : element.disabled()"
type="text">
</div>
</div>
<div class="gx-font-item">
<div class="gx-bt" style="line-height:30px;">
<span>背景色</span>
</div>
<div class="gx-con">
<div>
<input minicolors="{control: 'brightness',theme: 'bootstrap',position: 'bottom right'}"
class="form-control" type="text"
ng-model="configingReportPage.config.backgroundColor">
</div>
</div>
</div>
<!--背景图片-->
<div class="gx-font-item">
<div class="gx-bt">
<div class="prop-label-cell">背景图片</div>
</div>
<div class="gx-con">
<input readonly="readonly" placeholder="{{vsLang.choose_image}}"
class="form-control gx-con-ch-img" ng-model="backgroundImg"
type="text" ng-click="openAttachmentPickerWindowPage()">
<a ng-show="backgroundImg" href="javascript:void(0);" class="gx-del-bg" ng-click="cleanAttachmentImage()">x</a>
</div>
</div>
<!--图片方向-->
<div class="gx-font-item">
<div class="gx-bt">
图片方向
</div>
<div class="gx-con">
<div ng-class="{'btn-group': true, 'en-text':vsLang.locale==='en_US'}">
<label class="gx-con-label" ng-model="bgRepeat" ng-click="changeRepeat('repeat')"
ng-class="{'active': bgRepeat === 'repeat_both'}"
uib-btn-radio="'repeat'" uib-tooltip="{{vsLang.repeat_both_tip}}"
tooltip-placement="top" tooltip-append-to-body="true">
<span>{{vsLang.repeat_both}}</span>
</label>
<label class="gx-con-label" ng-model="bgRepeat" ng-click="changeRepeat('repeat-x')"
ng-class="{'active': bgRepeat === 'repeat_x'}"
uib-btn-radio="'repeat-x'" uib-tooltip="{{vsLang.repeat_x_tip}}"
tooltip-placement="top" tooltip-append-to-body="true" >
<span>{{vsLang.repeat_x}}</span>
</label>
<label class="gx-con-label" ng-model="bgRepeat" ng-click="changeRepeat('repeat-y')"
ng-class="{'active': bgRepeat === 'repeat_y'}"
uib-btn-radio="'repeat-y'" uib-tooltip="{{vsLang.repeat_y_tip}}"
tooltip-placement="top" tooltip-append-to-body="true" >
<span >{{vsLang.repeat_y}}</span>
</label>
<label class="gx-con-label" ng-model="bgRepeat" ng-click="changeRepeat('no-repeat')"
ng-class="{'active': bgRepeat === 'repeat_none'}"
uib-btn-radio="'no-repeat'" uib-tooltip="{{vsLang.repeat_none_tip}}"
tooltip-placement="top" tooltip-append-to-body="true" >
<span>{{vsLang.repeat_none}}</span>
</label>
</div>
</div>
</div>
<!--位置-->
<div class="gx-font-item">
<div class="gx-bt">
位置
</div>
<div class="gx-pos">
<input class="form-control" placeholder="{{vsLang.position_left}}"
ng-model="posX" type="text"
style="padding:4px 8px;text-align:left;color:#666;font-size:12px;">
</div>
<div class="gx-pos">
<input class="form-control" placeholder="{{vsLang.position_top}}"
ng-model="posY" type="text"
style="padding:4px 8px;text-align:left;color:#666;font-size:12px;">
</div>
</div>
<!--尺寸-->
<div class="gx-font-item">
<div class="gx-bt">
尺寸
</div>
<div class="gx-pos">
<input class="form-control" placeholder="{{vsLang.horizontal}}"
ng-model="sizeX" type="text" style="padding:4px 8px;text-align:left;color:#666;font-size:12px;">
</div>
<div class="gx-pos">
<input class="form-control" placeholder="{{vsLang.vertical}}"
ng-model="sizeY" type="text" style="padding:4px 8px;text-align:left;color:#666;font-size:12px;">
</div>
</div>
</div>
<!--报表页设置-->
<div class="gx-bb-item">
<h4>报表页设置</h4>
<!--列数-->
<div class="gx-font-item">
<div class="gx-bt">
<div class="prop-label-cell">列数</div>
</div>
<div class="gx-bt-slide">
<div slider ng-model="configingReportPage.config.layoutColumns"
start={{1}} end={{12}} step=1 connect='lower'></div>
</div>
<div class="gx-bt-slide-input ui input">
<input ng-model="configingReportPage.config.layoutColumns"
ng-disabled="element.disabled == null ? false : element.disabled()"
type="text">
</div>
</div>
<!--行类型-->
<div class="gx-font-item">
<div class="gx-bt">
<span>行类型</span>
</div>
<div class="gx-bt-slide" style="height: 26px;" ng-class="{'en-text':vsLang.locale==='en_US'}">
<div class="btn-group">
<toggle-switch ng-model="configingReportPage.config.fixLayoutRows" style="border:1px solid #bbb;"
on-label="固定" off-label="自动"></toggle-switch>
</div>
</div>
</div>
<!--行数-->
<div class="gx-font-item" ng-show="configingReportPage.config.fixLayoutRows">
<div class="gx-bt">
<div class="prop-label-cell">行数</div>
</div>
<div class="gx-bt-slide">
<div slider ng-model="configingReportPage.config.layoutRows"
start={{1}} end={{100}} step=1 connect='lower'></div>
</div>
<div class="gx-bt-slide-input ui input">
<input ng-model="configingReportPage.config.layoutRows"
ng-disabled="element.disabled == null ? false : element.disabled()"
type="text">
</div>
</div>
<!--网络行高类型-->
<div class="gx-font-item">
<div class="gx-bt">
<span>网络行高类型</span>
</div>
<div class="gx-bt-slide" style="height: 26px;" ng-class="{'en-text':vsLang.locale==='en_US'}">
<div class="btn-group">
<toggle-switch ng-model="configingReportPage.config.fixLayoutRowHeight" style="border:1px solid #bbb;"
on-label="固定" off-label="自动"></toggle-switch>
</div>
</div>
</div>
<!--网络行高-->
<div class="gx-font-item" ng-show="configingReportPage.config.fixLayoutRowHeight">
<div class="gx-bt">
<div class="prop-label-cell">网络行高</div>
</div>
<div class="gx-bt-slide">
<div slider ng-model="configingReportPage.config.layoutRowHeight"
start={{1}} end={{100}} step=1 connect='lower'></div>
</div>
<div class="gx-bt-slide-input ui input">
<input ng-model="configingReportPage.config.layoutRowHeight"
ng-disabled="element.disabled == null ? false : element.disabled()"
type="text">
</div>
</div>
<!--整屏翻页-->
<div class="gx-font-item">
<div class="gx-bt">
<span>整屏翻页</span>
</div>
<div class="gx-bt-slide" style="height: 26px;" ng-class="{'en-text':vsLang.locale==='en_US'}">
<div class="btn-group">
<toggle-switch ng-model="configingReportPage.config.autoScroll" style="border:1px solid #bbb;"
on-label="固定" off-label="自动"></toggle-switch>
</div>
</div>
</div>
<!--自动刷新-->
<div class="gx-font-item">
<div class="gx-bt">
<span>自动刷新</span>
</div>
<div class="gx-bt-slide" style="height: 26px;" ng-class="{'en-text':vsLang.locale==='en_US'}">
<div class="btn-group">
<toggle-switch ng-model="configingReportPage.config.autoRefresh" style="border:1px solid #bbb;"
on-label="固定" off-label="自动"></toggle-switch>
</div>
</div>
</div>
<!--刷新间隔(秒)-->
<div class="gx-font-item" ng-show="configingReportPage.config.autoRefresh">
<div class="gx-bt">
<div class="prop-label-cell">刷新间隔(秒)</div>
</div>
<div class="gx-bt-slide short">
<div slider ng-model="configingReportPage.config.autoRefreshInterval"
start={{5}} end={{1200}} step=1 connect='lower'></div>
</div>
<div class="gx-bt-slide-input ui input short">
<input ng-model="configingReportPage.config.autoRefreshInterval"
ng-disabled="element.disabled == null ? false : element.disabled()"
type="text">
</div>
</div>
<!--自动翻页-->
<div class="gx-font-item">
<div class="gx-bt">
<span>自动翻页</span>
</div>
<div class="gx-bt-slide" style="height: 26px;" ng-class="{'en-text':vsLang.locale==='en_US'}">
<div class="btn-group">
<toggle-switch ng-model="configingReportPage.config.autoFlip" style="border:1px solid #bbb;"
on-label="固定" off-label="自动"></toggle-switch>
</div>
</div>
</div>
<!--翻页间隔(分钟)-->
<div class="gx-font-item" ng-show="configingReportPage.config.autoFlip">
<div class="gx-bt">
<div class="prop-label-cell">翻页间隔(分钟)</div>
</div>
<div class="gx-bt-slide short">
<div slider ng-model="configingReportPage.config.autoFlipInterval"
start={{1}} end={{600}} step=1 connect='lower'></div>
</div>
<div class="gx-bt-slide-input ui input short">
<input ng-model="configingReportPage.config.autoFlipInterval"
ng-disabled="element.disabled == null ? false : element.disabled()"
type="text">
</div>
</div>
<!--下一页-->
<div class="gx-font-item" ng-show="configingReportPage.config.autoFlip">
<div class="gx-bt">
下一页
</div>
<div class="gx-bt-slide">
<ui-select ng-model="configingReportPage.config.autoFlipNextPage" theme="selectize" ng-disabled="disabled">
<ui-select-match placeholder="选择报表页">{{$select.selected.name}}</ui-select-match>
<ui-select-choices repeat="item in $parent.reportPages | filter: $select.search">
<span ng-bind-html="item.name | highlight: $select.search"></span>
</ui-select-choices>
</ui-select>
</div>
</div>
</div>
<!--报表页设置-->
<div class="gx-bb-item">
<h4>报表页高级设置</h4>
<!--列数-->
<div class="gx-font-item">
<div class="gx-bt">
<span>WEB页面导航</span>
</div>
<div class="gx-bt-slide" style="height: 26px;margin-left:30px;" ng-class="{'en-text':vsLang.locale==='en_US'}">
<div class="btn-group">
<toggle-switch ng-model="$parent.currentReport.enableReportPagesPanel" style="border:1px solid #bbb;" on-label="{{vsLang.on}}" off-label="{{vsLang.off}}"></toggle-switch>
</div>
</div>
</div>
<div class="gx-font-item">
<div class="gx-bt">
<span>自动翻页控制器</span>
</div>
<div class="gx-bt-slide" style="height: 26px;margin-left:30px;" ng-class="{'en-text':vsLang.locale==='en_US'}">
<div class="btn-group">
<toggle-switch ng-model="$parent.currentReport.enableAutoPageControl" style="border:1px solid #bbb;" on-label="{{vsLang.on}}" off-label="{{vsLang.off}}"></toggle-switch>
</div>
</div>
</div>
<div class="gx-font-item">
<div class="gx-bt">
<span>自定义页面脚本</span>
</div>
<div class="gx-bt-slide" style="height: 26px;margin-left:30px;">
<button ng-click="openPageScriptEditorWindow()" class="btn btn-default" style="width:100%;"><span ng-class="{'en-text':vsLang.locale==='en_US'}">{{vsLang.edit_script}}</span></button>
</div>
</div>
<div class="gx-font-item">
<div class="gx-bt">
<span>自定义页面样式</span>
</div>
<div class="gx-bt-slide" style="height: 26px;margin-left:30px;">
<button ng-click="openPageStyleEditorWindow()" class="btn btn-default" style="width:100%;"><span ng-class="{'en-text':vsLang.locale==='en_US'}">{{vsLang.edit_script}}</span></button>
</div>
</div>
<div class="gx-font-item">
<div class="gx-bt">
<span>自定义页面Header</span>
</div>
<div class="gx-bt-slide" style="height: 26px;margin-left:30px;">
<button ng-click="openPageHeaderEditorWindow()" class="btn btn-default" style="width:100%;"><span ng-class="{'en-text':vsLang.locale==='en_US'}">{{vsLang.edit_script}}</span></button>
</div>
</div>
</div>
</div>
</div>
```
- 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说明文档
- 色斑图加透明