Blame view

assets/pages/scripts/deviceanaFile/geozzlFile/geodynamiczzl.html 9.15 KB
10646c94   Andy   add
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
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
  <!--周转次数content-->
  <div id="geo-cont-main" class="geo-cont">
      <!--搜索查询 sta-->
      <div class="row">
          <div class=" col-md-12 col-sm-12 ITD-padding-common margin-top-20 margin-bottom-24 ">
              <div class=" ITD-padding22-24 ITD-bgcolor-white ITD-border-radius ITD-box-shadow pos-rel clearfix">
                  <div class="row ">
                      <div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
                          <select id="zzl-plAreaBlockIds" class="selectpicker" data-width="100%" data-size="5"
                                  data-live-search="true">
                          </select>
                      </div>
                      <div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
                          <select id="zzl-parkIds" class="selectpicker" data-width="100%" data-size="5"
                                  data-live-search="true">
                          </select>
                      </div>
                      <div class="col-lg-5 col-md-5 col-sm-5 col-xs-12">
                          <span class="control-label ITD-common-parking-l  ITD-common-color070 ITD-common-fontsize14" >日期</span>
                          <div class="input-group  zzl-input78" id="zzl-daterange-btn">
                              <input type="text" class="form-control ITD-daterange-bg" readonly="" placeholder="日期选择">
                          </div>
                      </div>
                      <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
                          <div class="float-right">
                              <div class="ITD-common-searchbtn" id="zzl-qerBtn">查询</div>
                          </div>
                      </div>
                  </div>
              </div>
          </div>
      </div>
      <!--搜索查询 end-->
      <div class="geocard-cont">
          <!-- 图表 echarts 全部停车场 办事处 -->
          <div class="geocard-normal row">
              <div class="col-md-5 col-sm-5 col-xs-5 ITD-padding-common padding-right">
                  <div class="ITD-box-shadow ITD-border-radius padding0-14">
                      <div class="ITD-common-title ITD-common-color070 pos-rel">
                          <span >设备周转占比</span>
                          <div class="btn-actions pos-abs">
                              <button class="btn ITD-panelbtn-icon ITD-panelbtn-icon-gray " id="openparkAll" title="查看详情">
                                  <i class="fa ITD-panelicon-detail"></i>详情
                              </button>
                          </div>
                      </div>
                      <div class="panel-body">
                          <!--全部停车场-->
                          <div class="zzl-qbtcc-box">
                              <div id="zzl-parkAll-chart" class="zzl-qbtcc-chart"></div>
                          </div>
                      </div>
                  </div>
              </div>
              <div class="col-md-7 col-sm-7 col-xs-7 ITD-padding-common padding-left">
                  <div class="ITD-box-shadow ITD-border-radius padding0-14">
                      <div class="ITD-common-title ITD-common-color070 pos-rel">
                          <span>设备厂商周转占比</span>
                          <div class="btn-actions pos-abs">
                              <button class="btn ITD-panelbtn-icon ITD-panelbtn-icon-gray " id="openbscAll" title="查看详情">
                                  <i class="fa ITD-panelicon-detail"></i>详情
                              </button>
                          </div>
                      </div>
                      <div class="panel-body">
                          <div class="zzl-qbtcc-box">
                              <div id="zzl-topright-echarts" class="zzl-qbtcc-chart"></div>
                          </div>
                      </div>
                  </div>
              </div>
          </div>
          <!-- 单个停车场 table -->
          <div class="geocard-normal row">
              <div class="col-md-12 col-lg-12 ITD-padding-common margin-top-24">
                  <div class="ITD-box-shadow ITD-border-radius padding0-14 panel-bottom">
                      <ul class="ITD-new-table-title ITD-common-fontsize14 ITD-common-color070">
                          <li class="float-left">单个停车场</li>
                          <li class="float-right">
                              <input type="button" class="ITD-export-btn" id="exportPark" value="导出">
                          </li>
                      </ul>
                      <div class="portlet-body">
                          <div class="dc-normal">
                              <div class="turnover-table">
                                  <table id="zzlrecordtable" class="common-tableh47 ITD-fix-table"></table>
                              </div>
                          </div>
                      </div>
                  </div>
              </div>
          </div>
      </div>
  </div>
  <!--提示弹窗 sta-->
  <div class="modal fade " id="ITD-tipsmodel" style="display: none" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="ITD-modal-dialog blue-modal">
          <div class="modal-content">
              <div class="modal-header ITD-model-header">
                  <button type="button" class="close ITD-model-close" data-dismiss="modal" aria-hidden="true">×</button>
                  <span class="ITD-common-fontsize16 colorbig ITD-ztree-headername">提示</span>
              </div>
              <div class="modal-body">
                  <div class="ITD-alertmodel-contentmsg"></div>
              </div>
          </div>
      </div>
  </div>
  <!--提示弹窗 end-->
  <!--地磁周转详细记录 弹窗-->
  <div class="modal fade" id="zzldetailParkmodel" style="display: none" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="ITD-modal-dialog ITD-model-1020">
          <div class="modal-content">
              <div class="modal-header ITD-model-header">
                  <button type="button" class="close ITD-model-close" data-dismiss="modal" aria-hidden="true">×</button>
                  <span class="ITD-common-fontsize16 colorbig ITD-ztree-headername">设备周转次数详细记录</span>
              </div>
              <div class="modal-body zzl-ITD-model-contbody">
                  <div class="ITD-padding-24 pos-rel ITD-common-color070" >
                      <div class="row margin-bottom-10 blue-top-width88">
                          <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                              <!--<label class="control-label ITD-common-parking-l colormiddle ITD-common-fontsize14">停车场 </label>-->
                              <select id="parkIds1" class="selectpicker" data-width="100%"  data-size="5">
                                  <option value="">不限制</option>
                              </select>
                          </div>
                          <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                              <!--<label class="control-label ITD-common-parking-l colormiddle ITD-common-fontsize14">泊位区间 </label>-->
                              <select id="regionArea" class="selectpicker" data-width="100%"  data-size="5">
                                  <option value="">不限制</option>
                              </select>
                          </div>
                          <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                              <!--<label class="control-label ITD-common-parking-l colormiddle ITD-common-fontsize14">分布区间 </label>-->
                              <select id="zzl-number" class="selectpicker" data-width="100%"  data-size="5">
                                  <option value="">不限制</option>
                              </select>
                          </div>
                      </div>
                      <div  class="ITD-common-searchbtn pos-abs" style="top: 24px;right: 24px;" id="queryBtnedit">
                          查询
                      </div>
                      <div class="row blue-top-width88">
                          <div class="col-lg-7 col-md-7 col-sm-7 col-xs-12">
                              <label class="control-label ITD-common-parking-l colormiddle ITD-common-fontsize14">时间段 </label>
                              <div class="input-group ITD-daterange-btn ITD-input-055" id="daterangeedit-btn">
                                  <input type="text" class="form-control ITD-daterange-bg" readonly="" placeholder="日期选择">
                              </div>
                          </div>
                      </div>
                  </div>
  
                  <div class="zzlfoot-opentable">
                      <table id="turnoveroentab" class="ITD-fix-table common-tableh47"></table>
                  </div>
              </div>
  
          </div>
      </div>
  </div>
  <!--错误提示-->
  <div class="modal fade" id="errormodel" style="display: none" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="ITD-modal-dialog">
          <div class="modal-content">
              <div class="modal-body">
                  <div id="error_title"></div>
              </div>
  
          </div>
      </div>
  </div>
  <script src="../../assets/pages/scripts/public/common-select.js"></script>
  <script src='../../assets/pages/scripts/deviceanaFile/geozzlFile/geodynamiczzl.js'></script>