-
Notifications
You must be signed in to change notification settings - Fork 17
/
Copy pathdrawer.html
156 lines (154 loc) · 7.73 KB
/
drawer.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
<!Doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content ="IE=edge,chrome=1" />
<meta name="AUTHOR" content="SuperZDev([email protected])" />
<title>jDrawer DRAWER</title>
<link href="favicon.ico" type="image/x-icon" rel=icon>
<link href="css/jason.drawer.css" rel="stylesheet">
</head>
<body>
<div class="drawer-title">《jDrawer-SuperZDev报表设计器》</div>
<div class="drawer-panel">
<div class="drawer-toolbar">
<div class="drawer-toolbar-item floatleft" j-g-role="j-c-open">
打开
</div>
<div class="drawer-toolbar-item floatleft" j-g-role="j-c-new">
新建
</div>
<div class="drawer-toolbar-item floatleft" j-g-role="j-c-save">
保存
</div>
<div class="drawer-toolbar-item floatleft" j-g-role="j-c-ptoolhide">
隐藏工具条
</div>
<div class="drawer-toolbar-item floatleft" j-g-role="j-c-setTitle">
模板设置
</div>
<div class="drawer-toolbar-item floatleft" j-g-role="j-c-reportList">
报表列表
</div>
<div class="drawer-toolbar-item floatleft drawer-toolbar-item-last" j-g-role="j-c-help">
帮助
</div>
<div class="drawer-toolbar-item floatright drawer-toolbar-item-last" j-g-role="j-c-release">
发布
</div>
<div class="drawer-toolbar-item floatright" j-g-role="j-c-export">
导出
</div>
<div class="drawer-toolbar-item floatright" j-g-role="j-c-preview">
预览
</div>
</div>
<div class="clear"></div>
<div class="drawer-plugins">
<div class="drawer-plugins-item">
<div class="drawer-plugins-title">基本控件</div>
<ul>
<li class="drawer-plugins-item-li" j-g-role="j-p-text"><img src="images/icons/title.png" title="文本"><span><NOBR>文本</NOBR></span></img></li>
<li class="drawer-plugins-item-li" j-g-role="j-p-cicle"><img src="images/icons/cicle.png" title="圆形"><span><NOBR>圆形</NOBR></span></img></li>
<li class="drawer-plugins-item-li" j-g-role="j-p-rectangle"><img src="images/icons/rectangle.png" title="矩形"><span><NOBR>矩形</NOBR></span></img></li>
<li class="drawer-plugins-item-li" j-g-role="j-p-image"><img src="images/icons/image.png" title="图片"><span><NOBR>图片</NOBR></span></img></li>
</ul>
<div class="clear"></div>
</div>
<div class="clear"></div>
<!--插件样例样式-->
<div class="drawer-plugins-item" style="display:block">
<div class="drawer-plugins-title">单项维度</div>
<ul>
<li class="drawer-plugins-item-li" j-g-role="j-p-chart"><img src="images/icons/1.png" title="延误率分析"><span><NOBR>延误率分析</NOBR></span></img></li>
<li class="drawer-plugins-item-li" j-g-role="j-p-chart"><img src="images/icons/2.png" title="航线分析"><span><NOBR>航线分析</NOBR></span></img></li>
<li class="drawer-plugins-item-li" j-g-role="j-p-chart"><img src="images/icons/3.png" title="正常率分析"><span><NOBR>正常率分析</NOBR></span></img></li>
<li class="drawer-plugins-item-li" j-g-role="j-p-chart"><img src="images/icons/1.png" title="小时ASK分析"><span><NOBR>小时ASK分析</NOBR></span></img></li>
<li class="drawer-plugins-item-li" j-g-role="j-p-chart"><img src="images/icons/table.png" title="A分析表格"><span><NOBR>A分析表格</NOBR></span></img></li>
<li class="drawer-plugins-item-li" j-g-role="j-p-chart"><img src="images/icons/pie.png" title="B分析图"><span><NOBR>B分析图</NOBR></span></img></li>
</ul>
<div class="clear"></div>
</div>
<div class="clear"></div>
<div class="drawer-plugins-item" style="display:block">
<div class="drawer-plugins-title">多项维度</div>
<ul>
<li class="drawer-plugins-item-li" j-g-role="j-p-chart"><img src="images/icons/1.png" title="时间维度分析"><span><NOBR>时间维度分析</NOBR></span></img></li>
<li class="drawer-plugins-item-li" j-g-role="j-p-chart"><img src="images/icons/table.png" title="航班维度分析"><span><NOBR>航班维度分析</NOBR></span></img></li>
<li class="drawer-plugins-item-li" j-g-role="j-p-chart"><img src="images/icons/pie.png" title="飞行员维度分析"><span><NOBR>飞行员维度分析</NOBR></span></img></li>
</ul>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
<!--右边自定义报表区域-->
<div class="drawer-board">
</div>
<div class="drawer-item-shadow"></div>
<div class="drawer-item-dialog">
<div id="template" class="drawer-item-template">
<div class="drawer-item-template-toolbar">
<ul style="display:inline">
<li style="float: right;margin-right:4px;cursor:pointer" j-g-role="j-t-removeT"><img src="images/icons/close.png" style="height:22px"/></li>
<li style="float: right;margin-right:4px;cursor:pointer" j-g-role="j-t-settingT"><img src="images/icons/settings.png" style="height:22px"/></li>
<li style="float: right;margin-right:4px;cursor:pointer" j-g-role="j-t-dataT"><img src="images/icons/data.png" style="height:22px"/></li>
<li style="float: right;margin-right:4px;cursor:pointer" j-g-role="j-t-lockT"><img src="images/icons/unlock.png" style="height:20px"/></li>
<li style="float: right;margin-right:4px;cursor:pointer;display:none" j-d-role="edited"><img src="images/icons/edited.png" style="height:20px"/></li>
</ul>
</div>
<div style="height:100%;border: solid 1px #DDD; border-radius: 10px;">
</div>
</div>
<div id="reportSetting" mrvc-options='"type":"container"'>
<ul>
<li>开始时间：<input mrvc-options='"type":"input","name":"BeginDate"' class="Wdate" type="text" id="BeginDate" onFocus="WdatePicker({isShowClear:false,readOnly:true})"/></li>
<li>结束时间：<input mrvc-options='"type":"input","name":"EndDate"' class="Wdate" type="text" id="EndDate" onFocus="WdatePicker({isShowClear:false,readOnly:true})"/></li>
<li style="text-align:center;"><input id="TB" type="checkbox" value="1" />同比 <input name="HB" type="checkbox" value="1" />环比</li>
</ul>
<ul id="reportParams">
</ul>
<ul>
<li style="text-align:center;border-bottom:solid red 0px"><button id="btn-set" type="button" class="button gray">应用</button></li>
</ul>
</div>
<div id="reportTemplateList">
<ul>
<li><a href="#">xx月xx模板1</a></li>
<li><a href="#">xx月xx模板2</a></li>
<li><a href="#">xx年xx模板3</a></li>
</ul>
</div>
<div id="reportRelease">
<ul>
<li>报表名称：<input type="input" id="TemplateName" /></li>
</ul>
<ul>
<li style="text-align:center;border-bottom:solid red 0px"><button id="btn-realse" type="button" class="button gray">发布</button></li>
</ul>
</div>
<div id="reportTemplateSetting">
<ul>
<li>报表名称：<input type="input" id="RTemplateName" value="《jDrawer-DRAWER报表设计器》"/></li>
<li>报表宽度：<input type="input" id="RWidth" value="1300"/></li>
<li>报表高度：<input type="input" id="RHeight" value="1000"/></li>
</ul>
<ul>
<li style="text-align:center;border-bottom:solid red 0px"><button id="btn-report-set" type="button" class="button gray">设置</button></li>
</ul>
</div>
<div id="reportDataSetting">
<div id="reportDataTD">
这是一个可修改的表格。
</div>
<div>
<ul>
<li style="text-align:center;border-bottom:solid red 0px"><button id="btn-report-data" type="button" class="button gray">应用</button><button id="btn-report-data-cancel" type="button" class="button gray">取消</button></li>
</ul>
</div>
</div>
</div>
</div>
<script type="text/javascript">
</script>
</body>
</html>