|
@@ -19,73 +19,94 @@
|
19
|
19
|
|
20
|
20
|
<body>
|
21
|
21
|
<div class="chart-page">
|
22
|
|
- <div class="count">
|
23
|
|
- <dl>
|
24
|
|
- <dt id="totalTask">0</dt>
|
25
|
|
- <dd>任务总数</dd>
|
26
|
|
- </dl>
|
27
|
|
- <dl>
|
28
|
|
- <dt id="totalPerson">0</dt>
|
29
|
|
- <dd>接待军人总数</dd>
|
30
|
|
- </dl>
|
31
|
|
- <dl>
|
32
|
|
- <dt id="totalOrg">0</dt>
|
33
|
|
- <dd>保障机构数</dd>
|
34
|
|
- </dl>
|
35
|
|
- <dl>
|
36
|
|
- <dt id="totalEquipment">0</dt>
|
37
|
|
- <dd>设备数量</dd>
|
38
|
|
- </dl>
|
39
|
|
- </div>
|
|
22
|
+ <div class="flex-part">
|
|
23
|
+ <div class="flex-part-3">
|
40
|
24
|
|
41
|
|
- <div class="panelGroup" style="padding-bottom:0;">
|
42
|
|
- <div class="panel panel-row-2 chart-card">
|
43
|
|
- <div class="panel-heading">
|
44
|
|
- <img th:src="@{/images/statistic/任务统计.png}" />
|
45
|
|
- <span>任务统计</span>
|
46
|
|
- </div>
|
47
|
|
- <div class="panel-body">
|
48
|
|
- <div class="selectGroup">
|
49
|
|
- <label>选择年份</label>
|
50
|
|
- <select class="" id="selYear" onchange="taskTimeReport()">
|
51
|
|
- </select>
|
52
|
|
- </div>
|
53
|
|
- <div class="text-center">
|
54
|
|
- <div class="text-center" style="height:300px;" id="taskChart"></div>
|
55
|
|
- </div>
|
56
|
|
- </div>
|
57
|
|
- </div>
|
58
|
|
- <div class="panel-row-2" style="width: 50%;">
|
59
|
|
- <div class="panel panel-row-2 chart-card">
|
60
|
|
- <div class="panel-heading">
|
61
|
|
- <img th:src="@{/images/statistic/设备分类统计.png}" />
|
62
|
|
- <span>设备分类统计</span>
|
|
25
|
+ <div class="count">
|
|
26
|
+ <dl>
|
|
27
|
+ <dt id="totalTask">0</dt>
|
|
28
|
+ <dd>任务总数</dd>
|
|
29
|
+ <img th:src="@{/images/statistic/数字统计.png}" alt="">
|
|
30
|
+ </dl>
|
|
31
|
+ <dl>
|
|
32
|
+ <dt id="totalPerson">0</dt>
|
|
33
|
+ <dd>接待军人总数</dd>
|
|
34
|
+ <img th:src="@{/images/statistic/接待军人总数.png}" alt="">
|
|
35
|
+ </dl>
|
|
36
|
+ <dl>
|
|
37
|
+ <dt id="totalOrg">0</dt>
|
|
38
|
+ <dd>保障机构数</dd>
|
|
39
|
+ <img th:src="@{/images/statistic/保障机构数.png}" alt="">
|
|
40
|
+ </dl>
|
|
41
|
+ <dl>
|
|
42
|
+ <dt id="totalEquipment">0</dt>
|
|
43
|
+ <dd>设备数量</dd>
|
|
44
|
+ <img th:src="@{/images/statistic/设备数量.png}" alt="">
|
|
45
|
+ </dl>
|
63
|
46
|
</div>
|
64
|
|
- <div class="panel-body">
|
65
|
|
- <div class="text-center" style="height:260px;" id="devChart"></div>
|
|
47
|
+
|
|
48
|
+ <div class="panelGroup flex-part" style="padding-bottom:0;">
|
|
49
|
+ <div class="panel flex-part-2 chart-card">
|
|
50
|
+ <div class="panel-heading">
|
|
51
|
+ <img th:src="@{/images/statistic/任务统计.png}" />
|
|
52
|
+ <span>任务统计</span>
|
|
53
|
+ <!-- <svg>
|
|
54
|
+ <defs>
|
|
55
|
+ <linearGradient id="grad" x1="0" y1="100%" x2="0" y2="0">
|
|
56
|
+ <stop offset="0%" style="stop-color:#6F39B9; stop-opacity:1" />
|
|
57
|
+ <stop offset="100%" style="stop-color:#1EAED1; stop-opacity:1" />
|
|
58
|
+ </linearGradient>
|
|
59
|
+ </defs>
|
|
60
|
+ <text x="0" y="22" fill="url(#grad)" style="font-size:22px">任务统计</text>
|
|
61
|
+ </svg> -->
|
|
62
|
+ <div class="selectGroup">
|
|
63
|
+ <select class="" id="selYear" onchange="taskTimeReport()">
|
|
64
|
+ </select>
|
|
65
|
+ </div>
|
|
66
|
+ </div>
|
|
67
|
+ <div class="panel-body">
|
|
68
|
+ <div class="text-center">
|
|
69
|
+ <div class="text-center" style="height:300px;" id="taskChart"></div>
|
|
70
|
+ </div>
|
|
71
|
+ </div>
|
|
72
|
+ </div>
|
|
73
|
+ <div class="flex-part-1">
|
|
74
|
+ <div class="panel chart-card">
|
|
75
|
+ <div class="panel-heading">
|
|
76
|
+ <img th:src="@{/images/statistic/设备分类统计.png}" />
|
|
77
|
+ <span>设备分类统计</span>
|
|
78
|
+ </div>
|
|
79
|
+ <div class="panel-body">
|
|
80
|
+ <div class="text-center" style="height:260px;" id="devChart"></div>
|
|
81
|
+ </div>
|
|
82
|
+ </div>
|
|
83
|
+ </div>
|
66
|
84
|
</div>
|
|
85
|
+
|
|
86
|
+
|
67
|
87
|
</div>
|
68
|
|
- <div class="panel panel-row-2 chart-card">
|
69
|
|
- <div class="panel-heading">
|
70
|
|
- <img th:src="@{/images/statistic/军供保障能力.png}" />
|
71
|
|
- <span>军供保障能力</span>
|
72
|
|
- </div>
|
73
|
|
- <div class="panel-body" style="overflow-y: auto;">
|
74
|
|
- <div class="info-text">
|
75
|
|
-
|
|
88
|
+ <div class="flex-part-1">
|
|
89
|
+ <div class="panel chart-card" style="margin: 15px 30px 0 0; height: calc(100% - 15px)">
|
|
90
|
+ <div class="panel-heading">
|
|
91
|
+ <img th:src="@{/images/statistic/军供保障能力.png}" />
|
|
92
|
+ <span>军供保障能力</span>
|
|
93
|
+ </div>
|
|
94
|
+ <div class="panel-body" style="height: calc(100% - 60px);">
|
|
95
|
+ <div class="info-text">
|
|
96
|
+
|
|
97
|
+ </div>
|
|
98
|
+ <ul class="info-list" style="overflow-y: auto; height: 100%;">
|
|
99
|
+ <li title="常规单日整体膳食供应能力(人次)"><span id="ztssgynl">0</span>常规单日整体膳食供应能力(人次):</li>
|
|
100
|
+ <li title="常规单次整体膳食供应能力(人)"><span id="dcztssgynl">0</span>常规单次整体膳食供应能力(人):</li>
|
|
101
|
+ <li title="应急单日整体膳食供应能力(人次)"><span id="yjztssgynl">0</span>应急单日整体膳食供应能力(人次):</li>
|
|
102
|
+ <li title="应急单次整体膳食供应能力(人)"><span id="yjdcztssgynl">0</span>应急单次整体膳食供应能力(人):</li>
|
|
103
|
+ <li title="常规整体住宿供应能力(人)"><span id="ztzsgynl">0</span>常规整体住宿供应能力(人):</li>
|
|
104
|
+ <li title="应急整体住宿供应能力(人)"><span id="yjztzsgynl">0</span>应急整体住宿供应能力(人):</li>
|
|
105
|
+ </ul>
|
76
|
106
|
</div>
|
77
|
|
- <ul class="info-list">
|
78
|
|
- <li title="常规单日整体膳食供应能力(人次)"><span id="ztssgynl">0</span>常规单日整体膳食供应能力(人次):</li>
|
79
|
|
- <li title="常规单次整体膳食供应能力(人)"><span id="dcztssgynl">0</span>常规单次整体膳食供应能力(人):</li>
|
80
|
|
- <li title="应急单日整体膳食供应能力(人次)"><span id="yjztssgynl">0</span>应急单日整体膳食供应能力(人次):</li>
|
81
|
|
- <li title="应急单次整体膳食供应能力(人)"><span id="yjdcztssgynl">0</span>应急单次整体膳食供应能力(人):</li>
|
82
|
|
- <li title="常规整体住宿供应能力(人)"><span id="ztzsgynl">0</span>常规整体住宿供应能力(人):</li>
|
83
|
|
- <li title="应急整体住宿供应能力(人)"><span id="yjztzsgynl">0</span>应急整体住宿供应能力(人):</li>
|
84
|
|
- </ul>
|
85
|
107
|
</div>
|
86
|
108
|
</div>
|
87
|
109
|
</div>
|
88
|
|
- </div>
|
89
|
110
|
<div class="panelGroup">
|
90
|
111
|
<div class="panel panel-row-2 chart-card">
|
91
|
112
|
<div class="panel-heading">
|
|
@@ -93,7 +114,7 @@
|
93
|
114
|
<span>社会保障机构分类统计</span>
|
94
|
115
|
</div>
|
95
|
116
|
<div class="panel-body">
|
96
|
|
- <div class="text-center" id="guaChart" style="height:320px;margin-top: -40px;"></div>
|
|
117
|
+ <div class="text-center" id="guaChart" style="height:320px"></div>
|
97
|
118
|
</div>
|
98
|
119
|
</div>
|
99
|
120
|
<div class="panel panel-row-2 chart-card">
|
|
@@ -102,9 +123,9 @@
|
102
|
123
|
<span>人员统计</span>
|
103
|
124
|
</div>
|
104
|
125
|
<div class="panel-body">
|
105
|
|
- <div class="col-sm-6 text-center" id="eduChart" style="height:300px;margin-top: -15px;">
|
|
126
|
+ <div class="col-sm-6 text-center" id="eduChart" style="height:300px;">
|
106
|
127
|
</div>
|
107
|
|
- <div class="col-sm-6 text-center" id="ageChart" style="height:270px;margin-top: -15px;">
|
|
128
|
+ <div class="col-sm-6 text-center" id="ageChart" style="height:270px;">
|
108
|
129
|
</div>
|
109
|
130
|
</div>
|
110
|
131
|
</div>
|