瀏覽代碼

事件列表样式调整

seimin 2 年之前
父節點
當前提交
83d356e244
共有 3 個文件被更改,包括 50 次插入15 次删除
  1. 2 2
      assets/css/styles.css
  2. 5 0
      assets/js/controllers/incident/incidentCtrl.js
  3. 43 13
      assets/views/incident/list.html

+ 2 - 2
assets/css/styles.css

@@ -1838,8 +1838,8 @@ fieldset[disabled] .btn-statebutton.btn-o.active {
1838 1838
 }
1839 1839
 
1840 1840
 .incidentsearch {
1841
-    width: 200px;
1842
-    margin-right: 8px;
1841
+    width: 210px;
1842
+    margin-right: 6px;
1843 1843
     /* padding-top: 10px; */
1844 1844
     /* padding-bottom: 5px; */
1845 1845
 }

+ 5 - 0
assets/js/controllers/incident/incidentCtrl.js

@@ -731,6 +731,11 @@ app.controller('incidentListCtrl', ["$scope", "$http", "i18nService", "$rootScop
731 731
 
732 732
     };
733 733
     $scope.my_data = [];
734
+    // 清除事件分类筛选
735
+    $scope.clearSj = function() {
736
+        $scope.searchkeys.levelCategory = undefined;
737
+        $scope.select_treedata = angular.copy($scope.my_data);
738
+    }
734 739
 
735 740
 
736 741
     function convertListToTree(data, treeMap) {

+ 43 - 13
assets/views/incident/list.html

@@ -83,7 +83,7 @@
83 83
                         <div class="form-group incidentsearch" ng-if="repairMain.valueconfig == 1">
84 84
                             <div class="">
85 85
                                 <div class="control-label pull-left margin-top-5">报修人:</div>
86
-                                <ui-select class="pull-right selectzise wt_width1 wt_width3"
86
+                                <ui-select style="margin-right:24px;" class="pull-right selectzise wt_width1 wt_width3"
87 87
                                     ng-model="searchkeys.requester" theme="bootstrap">
88 88
                                     <ui-select-match placeholder="请选择">
89 89
                                         {{$select.selected.name}}
@@ -93,6 +93,9 @@
93 93
                                         <div ng-bind-html="item.name | highlight: $select.search"></div>
94 94
                                     </ui-select-choices>
95 95
                                 </ui-select>
96
+                                <button style="position:absolute;right:0;padding:2px 4px;" ng-click="searchkeys.requester = undefined" class="btn btn-default">
97
+                                    <span class="glyphicon glyphicon-trash"></span>
98
+                                </button>
96 99
 
97 100
                                 <!-- <ui-select class="pull-left" style="width:101px" ng-model="searchkeys.handlingPersonnelUser" theme="bootstrap">
98 101
                                     <ui-select-match placeholder="">
@@ -107,8 +110,11 @@
107 110
                         <div class="form-group incidentsearch" ng-if="repairMain.valueconfig == 1">
108 111
                             <div class="">
109 112
                                 <div class="control-label pull-left margin-top-5">联系电话:</div>
110
-                                <input class=" inputcolor wt_width1 wt_width3 pull-right" type="text"
113
+                                <input style="margin-right:24px;" class=" inputcolor wt_width1 wt_width3 pull-right" type="text"
111 114
                                     ng-model="searchkeys.requester.mphone" placeholder="" />
115
+                                <button style="position:absolute;right:0;padding:2px 4px;" ng-click="searchkeys.requester.mphone = undefined" class="btn btn-default">
116
+                                    <span class="glyphicon glyphicon-trash"></span>
117
+                                </button>
112 118
                             </div>
113 119
                         </div>
114 120
 
@@ -129,7 +135,7 @@
129 135
                         <div class="form-group incidentsearch">
130 136
                             <!-- <div class="pull-right"> -->
131 137
                             <div class="control-label pull-left margin-top-5 ">区域:</div>
132
-                            <ui-select class="pull-right selectzise wt_width1 wt_width3" ng-model="searchkeys.area" theme="bootstrap"
138
+                            <ui-select style="margin-right:24px;" class="pull-right selectzise wt_width1 wt_width3" ng-model="searchkeys.area" theme="bootstrap"
133 139
                                 ng-change="onChangearea(searchkeys)">
134 140
                                 <ui-select-match placeholder="请选择">
135 141
                                     {{$select.selected.area}}
@@ -138,12 +144,15 @@
138 144
                                     <div ng-bind-html="item.area | highlight: $select.search"></div>
139 145
                                 </ui-select-choices>
140 146
                             </ui-select>
147
+                            <button style="position:absolute;right:0;padding:2px 4px;" ng-click="searchkeys.area = undefined" class="btn btn-default">
148
+                                <span class="glyphicon glyphicon-trash"></span>
149
+                            </button>
141 150
                             <!-- </div> -->
142 151
                         </div>
143 152
                         <div class="form-group incidentsearch">
144 153
                             <!-- <div class="pull-right"> -->
145 154
                             <div class="control-label pull-left margin-top-5">地点:</div>
146
-                            <ui-select class="pull-right selectzise wt_width1 wt_width3" ng-model="searchkeys.place" theme="bootstrap"
155
+                            <ui-select style="margin-right:24px;" class="pull-right selectzise wt_width1 wt_width3" ng-model="searchkeys.place" theme="bootstrap"
147 156
                                 ng-change="onChangeplace(key)">
148 157
                                 <ui-select-match placeholder="请选择">
149 158
                                     {{$select.selected.place}}
@@ -152,11 +161,14 @@
152 161
                                     <div ng-bind-html="item.place | highlight: $select.search"></div>
153 162
                                 </ui-select-choices>
154 163
                             </ui-select>
164
+                            <button style="position:absolute;right:0;padding:2px 4px;" ng-click="searchkeys.place = undefined" class="btn btn-default">
165
+                                <span class="glyphicon glyphicon-trash"></span>
166
+                            </button>
155 167
                             <!-- </div> -->
156 168
                         </div>
157 169
                         <div class="form-group incidentsearch">
158 170
                             <div class="control-label pull-left margin-top-5">状态:</div>
159
-                            <ui-select ng-disabled="isDisabledState" class="pull-right selectzise wt_width1 wt_width3" ng-model="othcode.state"
171
+                            <ui-select style="margin-right:24px;" ng-disabled="isDisabledState" class="pull-right selectzise wt_width1 wt_width3" ng-model="othcode.state"
160 172
                                 theme="bootstrap">
161 173
                                 <ui-select-match placeholder="请选择">
162 174
                                     {{$select.selected.name}}
@@ -165,19 +177,25 @@
165 177
                                     <div ng-bind-html="item.name | highlight: $select.search"></div>
166 178
                                 </ui-select-choices>
167 179
                             </ui-select>
180
+                            <button style="position:absolute;right:0;padding:2px 4px;" ng-click="othcode.state = undefined" class="btn btn-default">
181
+                                <span class="glyphicon glyphicon-trash"></span>
182
+                            </button>
168 183
                         </div>
169 184
                         <div class="form-group incidentsearch">
170 185
                             <div class="control-label pull-left margin-top-5">事件分类:</div>
171
-                            <multi-select-tree data-default-label="请选择" class="pull-right selectzise wt_width1 wt_width3"
186
+                            <multi-select-tree style="margin-right:24px;" data-default-label="请选择" class="pull-right selectzise wt_width1 wt_width3"
172 187
                                 ng-model="cifilter_classic" data-input-model="select_treedata"
173 188
                                 data-output-model="cifilter_classics" theme="bootstrap" multi-select="false"
174 189
                                 data-callback="onFilterCallback(item)" data-select-only-leafs="false"
175 190
                                 reset-search-input="false" data-trans-label="category" data-switch-view="false">
176 191
                             </multi-select-tree>
192
+                            <button style="position:absolute;right:0;padding:2px 4px;" ng-click="clearSj()" class="btn btn-default">
193
+                                <span class="glyphicon glyphicon-trash"></span>
194
+                            </button>
177 195
                         </div>
178 196
                         <div class="form-group incidentsearch">
179 197
                             <div class="control-label pull-left margin-top-5 ">受理人:</div>
180
-                            <ui-select class="pull-right selectzise wt_width1 wt_width3"
198
+                            <ui-select style="margin-right:24px;" class="pull-right selectzise wt_width1 wt_width3"
181 199
                                 ng-model="searchkeys.acceptUser" theme="bootstrap">
182 200
                                 <ui-select-match placeholder="请选择">
183 201
                                     {{$select.selected.name}}
@@ -187,10 +205,13 @@
187 205
                                     <div ng-bind-html=" item.name | highlight: $select.search "></div>
188 206
                                 </ui-select-choices>
189 207
                             </ui-select>
208
+                            <button style="position:absolute;right:0;padding:2px 4px;" ng-click="searchkeys.acceptUser = undefined" class="btn btn-default">
209
+                                <span class="glyphicon glyphicon-trash"></span>
210
+                            </button>
190 211
                         </div>
191 212
                         <div class="form-group incidentsearch">
192 213
                             <div class="control-label pull-left margin-top-5">处理人:</div>
193
-                            <ui-select class="pull-right selectzise wt_width1 wt_width3"
214
+                            <ui-select style="margin-right:24px;" class="pull-right selectzise wt_width1 wt_width3"
194 215
                                 ng-model="searchkeys.handlingPersonnelUser" theme="bootstrap">
195 216
                                 <ui-select-match placeholder="请选择">
196 217
                                     {{$select.selected.name}}
@@ -200,11 +221,14 @@
200 221
                                     <div ng-bind-html="item.name | highlight: $select.search"></div>
201 222
                                 </ui-select-choices>
202 223
                             </ui-select>
224
+                            <button style="position:absolute;right:0;padding:2px 4px;" ng-click="searchkeys.handlingPersonnelUser = undefined" class="btn btn-default">
225
+                                <span class="glyphicon glyphicon-trash"></span>
226
+                            </button>
203 227
                         </div>
204 228
                         <div class="form-group incidentsearch">
205 229
                             <div class="">
206 230
                                 <div class="control-label pull-left margin-top-5">登记时间:</div>
207
-                                <input type="text" class=" incidentsearchsize wt_width5"
231
+                                <input style="margin-right:24px;" type="text" class=" incidentsearchsize wt_width5"
208 232
                                     datepicker-popuptime="yyyy-MM-dd" ng-model="searchkeys.acceptDate"
209 233
                                     max-date="searchkeys.acceptDateEnd" is-open="startOpened" hour-time=true
210 234
                                     ng-init="startOpened = false" close-text="关闭" ng-click="startOpen($event)"
@@ -214,7 +238,7 @@
214 238
                         <div class="form-group incidentsearch">
215 239
                             <div class="">
216 240
                                 <div class="control-label pull-left margin-top-5">至</div>
217
-                                <input type="text" class=" selectzise incidentsearchsize wt_width5"
241
+                                <input style="margin-right:24px;" type="text" class=" selectzise incidentsearchsize wt_width5"
218 242
                                     datepicker-popuptime="yyyy-MM-dd" ng-model="searchkeys.acceptDateEnd" hour-time=true
219 243
                                     min-date="searchkeys.acceptDate" is-open="endOpened" ng-init="endOpened = false"
220 244
                                     close-text="关闭" ng-click="endOpen($event)" placeholder="" />
@@ -222,14 +246,17 @@
222 246
                         </div>
223 247
                         <div class="form-group incidentsearch">
224 248
                             <div>
225
-                                <div class="control-label pull-left margin-top-5 margin-right-5">事件单号:</div>
226
-                                <input class="f inputcolor wt_width1 wt_width3 pull-right" type="text"
249
+                                <div class="control-label pull-left margin-top-5">事件单号:</div>
250
+                                <input style="margin-right:24px;" class="f inputcolor wt_width1 wt_width3 pull-right" type="text"
227 251
                                     ng-model="searchkeys.incidentsign" placeholder="" />
252
+                                <button style="position:absolute;right:0;padding:2px 4px;" ng-click="searchkeys.incidentsign = undefined" class="btn btn-default">
253
+                                    <span class="glyphicon glyphicon-trash"></span>
254
+                                </button>
228 255
                             </div>
229 256
                         </div>
230 257
                         <div class="form-group incidentsearch">
231 258
                             <div class="control-label pull-left margin-top-5">是否逾期:</div>
232
-                            <ui-select ng-change="selectTypeChange()" ng-model="searchkeys.selectType" class="pull-right selectzise wt_width1 wt_width3" theme="bootstrap">
259
+                            <ui-select style="margin-right:24px;" ng-change="selectTypeChange()" ng-model="searchkeys.selectType" class="pull-right selectzise wt_width1 wt_width3" theme="bootstrap">
233 260
                                 <ui-select-match placeholder="请选择">
234 261
                                     <span ng-bind="$select.selected.name"></span>
235 262
                                 </ui-select-match>
@@ -237,6 +264,9 @@
237 264
                                     <span ng-bind="item.name"></span>
238 265
                                 </ui-select-choices>
239 266
                              </ui-select>
267
+                             <button style="position:absolute;right:0;padding:2px 4px;" ng-click="searchkeys.selectType = undefined" class="btn btn-default">
268
+                                <span class="glyphicon glyphicon-trash"></span>
269
+                            </button>
240 270
                         </div>
241 271
                         <!-- <div class='wt_width6' style="">
242 272
                             <span class="panel-title text-dark">至</span>