Widget.html
7.98 KB
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
<div id="ExportMapContent" class="" tabindex="-1" style="font-size:13px;">
<!--<div class="modal-backdrop fade in" style="opacity:1.0;">-->
<div >
<div class="modal-content">
<div class="modal-body jimu-widget-mapexportcentent" id="mapexportcentent" style="padding:0;">
<!--标题选项-->
<div class="jimu-widget-mapexportcententTitle" style="width:345px">
<div class="checkbox checkbox-material-blue" style="float:left;">
<label>
<input type="checkbox" checked="checked" id="exportTitleCK">
<span>显示标题</span>
</label>
</div>
<input type="text" class="form-control" placeholder="输入标题" style="width:75%;float:right;"
id="exportTitle">
</div>
<div class="btn-group" style="position:absolute; top:-4px;left:380px;font-size:13px;box-shadow:none;width:540px">
<span class="jimu-widget-mapexport-span-outputtitle">输出格式：</span>
<div class="btn-group" style="color:#000 !important;">
<a class="btn btn-default dropdown-toggle" style="width:80px;color:#000 !important;" data-toggle="dropdown"
id="export_formatSelect">
PNG32
<span class="caret"></span>
</a>
<ul class="dropdown-menu" id="export_formatSelectItems">
<li><a href="javascript:void(0)">PNG8</a></li>
<li><a href="javascript:void(0)">JPG</a></li>
<li><a href="javascript:void(0)">PDF</a></li>
<li><a href="javascript:void(0)">SVG</a></li>
<li><a href="javascript:void(0)">SVGZ</a></li>
</ul>
</div>
<span class="jimu-widget-mapexport-span-outputtitle">打印样式：</span>
<div class="btn-group" style="color:#000 !important;">
<a class="btn btn-default dropdown-toggle" style="width:150px;color:#000 !important;" data-toggle="dropdown"
id="export_printSelect">
Tabloid ANSI B Landscape
<span class="caret" style="margin-left:20px;"></span>
</a>
<ul class="dropdown-menu" id="export_printSelectItems">
<li><a href="javascript:void(0)">PNG8</a></li>
<li><a href="javascript:void(0)">JPG</a></li>
<li><a href="javascript:void(0)">PDF</a></li>
<li><a href="javascript:void(0)">SVG</a></li>
<li><a href="javascript:void(0)">SVGZ</a></li>
</ul>
</div>
<span class="jimu-widget-mapexport-span-outputtitle" style="margin-left:30px">分辨率：</span>
<div class="btn-group" style="color:#000 !important;">
<a class="btn btn-default dropdown-toggle" style="width:80px;color:#000 !important;" data-toggle="dropdown"
id="export_printSdpi">
96
<span class="caret" style="margin-left:10px;"></span>
</a>
<ul class="dropdown-menu" id="export_printDpiItems">
<li><a href="javascript:void(0)">96</a></li>
<li><a href="javascript:void(0)">200</a></li>
<li><a href="javascript:void(0)">600</a></li>
</ul>
</div>
</div>
</div>
<!--地图图片widgets/ExportMap/images/20171017161505.png-->
<div id="mapexportcententDivImg">
<div style="width: 920px;height: 350px;border: solid 1px #a2a2a2;margin-top: 8px;">
<img id="mapexportcententImg" class="jimu-widget-mapexportcententImg" src="images/20171017161505.png" />
</div>
</div>
<div style="width:920px;height:auto;margin-top:53px">
<div style="float: right;width: 31%;height: auto; position: absolute;right: 2px;margin-top: 50px;">
<!--比例尺选项-->
<div class="jimu-widget-mapexportcententScale">
<div class="checkbox checkbox-material-blue" style="float:left;">
<label>
<input type="checkbox" checked="checked" id="exportScaleCK"> 显示比例尺
</label>
</div>
<img src="images/print-scale.png" />
</div>
<!--作者版权选项-->
<div style="position:absolute;bottom:0px;">
<div class="checkbox checkbox-material-blue" style="float:left;margin-top:5px;margin-right:10px;">
<label>
<input type="checkbox" checked="checked" id="exportAuthCK"> 作者和版权
</label>
</div>
<div style="height:35px;width:113px;float:right;">
<input id="exportAuth" type="text" class="form-control" placeholder="输入作者" style="width: 200px; float: left; font-size: 8px;height:17px;margin:0;padding:0;">
<input id="exportAuthCopy" type="text" class="form-control" placeholder="输入版权归属" style="width: 200px; float: left; font-size: 8px; height: 17px; margin: 0; padding: 0; ">
</div>
</div>
</div>
<!--图例选项-->
<div class="jimu-widget-mapexportcententLenged" style="width:50%">
<img src="images/print-lengend.png" />
<div class="checkbox checkbox-material-blue" style="margin-left:5px;">
<label>
<input type="checkbox" checked="checked" id="exportLengend"><span class="checkbox-material"><span class="check"></span></span> 显示图例
</label>
</div>
</div>
<!--图例选项-->
<div class="jimu-widget-mapexportcentent-link">
</div>
</div>
</div>
<div style="margin-right: 10px;float: right;margin-top: 50px">
<button class="btn btn-info exportBtn" id="exportBtn" style="border-radius: 3px;">确认</button>
<button class="btn btn-info caenlexportBtn" data-dismiss="modal" style="border-radius: 3px;">取消</button>
</div>
</div>
<!--</div>-->
</div>