safecheck-client 3.0.34-65 → 3.0.34-67

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,576 +1,642 @@
1
- <template>
2
- <div class="flex">
3
- <criteria-paged :model="model" v-ref:paged :pager="false">
4
- <criteria partial='criteria' @condition-changed='$parent.selfSearch' v-ref:cri>
5
- <div novalidate class="form-horizontal select-overspread container-fluid auto" partial>
6
- <div class="row">
7
- <!--<div :class="{'form-group col-sm-3':$parent.$parent.$parent.isdetail,'form-group col-sm-2':!$parent.$parent.$parent.isdetail}">
8
- <label class="font_normal_body">组织机构</label>
9
- <res-select restype='organization'
10
- class="select select_list"
11
- style="width: 60%"
12
- @res-select="$parent.$parent.getorg"
13
- :initresid='$parent.$parent.curorgid'>
14
- </res-select>
15
- </div>-->
16
- <div :class="{'col-sm-6':$parent.$parent.$parent.isdetail,'col-sm-4':!$parent.$parent.$parent.isdetail}">
17
- <role-selector-safe
18
- role-name="安检员"
19
- role-lable="安&ensp;检&ensp;员"
20
- @re-res="$parent.$parent.getorg"
21
- :value.sync="model.f_checker_id"
22
- v-model="model.f_checker_id"
23
- :value-multiple="true"
24
- :value-close="false"
25
- condition="f_checker_name in {}">
26
- </role-selector-safe>
27
- </div>
28
- <div :class="{'form-group col-sm-3':$parent.$parent.$parent.isdetail,'form-group col-sm-2':!$parent.$parent.$parent.isdetail}">
29
- <label class="font_normal_body">小区名称</label>
30
- <input type="text" class="input_search" style="width:60%" v-model="model.f_residential_area" placeholder='小区名称'
31
- condition="f_residential_area like '%{}%'" v-next-el="cx" v-el:qjmc>
32
- </div>
33
- <div :class="{'form-group col-sm-3':$parent.$parent.$parent.isdetail,'form-group col-sm-2':!$parent.$parent.$parent.isdetail}">
34
- <label class="font_normal_body">计划名称</label>
35
- <v-select class="select_list select"
36
- placeholder='计划名称' style="width: 60%"
37
- :search="true"
38
- v-model="model.f_plan_name"
39
- :value.sync="model.f_plan_name"
40
- :options='$parent.$parent.planName'
41
- condition="f_plan_id = '{}'"
42
- :value-single="true"
43
- close-on-select clear-button></v-select>
44
-
45
- </div>
46
- <!--<div :class="{
47
- 'form-group col-sm-3':$parent.$parent.$parent.isdetail,'form-group col-sm-2':!$parent.$parent.$parent.isdetail}">
48
- <label class="font_normal_body">安&ensp;检&ensp;员</label>
49
- <input type="text" class="input_search" style="width:60%" v-model="model.f_checker_name" placeholder='安检员'
50
- condition="f_checker_name like '%{}%'" v-next-el="cx" v-el:qjmc>
51
- </div>-->
52
- <div class="form-group col-sm-2" v-if="!$parent.$parent.$parent.isdetail"></div>
53
- <div :class="{'form-group col-sm-3':$parent.$parent.$parent.isdetail,'form-group col-sm-2':!$parent.$parent.$parent.isdetail}" style="float:right; padding-right: 25px">
54
- <div class="span" style="float:right;">
55
- <div style="float: right;margin-left:10px" class="button_spacing"
56
- :class="{'button_shrink_left':!$parent.$parent.$parent.isdetail,'button_shrink_right':$parent.$parent.$parent.isdetail}"
57
- @click="$parent.$parent.hiddenr()"></div>
58
- <div class="button_spacing" style="float: right;margin-left:10px"
59
- :class="{'button_shrink_top':$parent.$parent.criteriaShow,'button_shrink_bottom':!$parent.$parent.criteriaShow}"
60
- @click="$parent.$parent.hidden()">
61
- </div>
62
- <!-- <export-excel-safe :data="$parent.$parent.exportParameter"
63
- :field="$parent.$parent.exportExcelField"
64
- sqlurl="rs/logic/SafeExportExcel" sql-name="getCheckPlanAreaList"
65
- template-name='安检汇总' :choose-col="true">
66
- </export-excel-safe>-->
67
- <button id="btnaaaa" style="float: right" class="button_search"
68
- @click="$parent.$parent.exportexcel()"
69
- v-el:cx>导出</button>
70
- <button id="btnaaa" style="float: right" class="button_search"
71
- @click="$parent.$parent.getGroupName1(),search(),$parent.$parent.getexportExcelField(),$parent.$parent.$parent.isdetail=false,$parent.$parent.listflag=false"
72
- v-el:cx>查询</button>
73
- </div>
74
- </div>
75
- <div :class="{'form-group col-sm-3':$parent.$parent.$parent.isdetail,'form-group col-sm-2':!$parent.$parent.$parent.isdetail}" v-if="$parent.$parent.criteriaShow">
76
- <label class="font_normal_body">起始时间</label>
77
- <datepicker
78
- :value.sync="$parent.$parent.f_check_start"
79
- placeholder='起始时间' style="width:60%"
80
- :disabled-days-of-week="[]"
81
- :format="'yyyy-MM'"
82
- :select-month="true"
83
- :show-rest-button="reset">
84
- </datepicker>
85
- </div>
86
- <div :class="{'form-group col-sm-3':$parent.$parent.$parent.isdetail,'form-group col-sm-2':!$parent.$parent.$parent.isdetail}" v-if="$parent.$parent.criteriaShow">
87
- <label class="font_normal_body">结束时间</label>
88
- <datepicker
89
- :value.sync="$parent.$parent.f_check_end"
90
- placeholder='结束时间' style="width:60%"
91
- :disabled-days-of-week="[]"
92
- :format="'yyyy-MM'"
93
- :select-month="true"
94
- :show-rest-button="reset">
95
- </datepicker>
96
- </div>
97
- <div :class="{'form-group col-sm-3':$parent.$parent.$parent.isdetail,'form-group col-sm-2':!$parent.$parent.$parent.isdetail}" v-if="$parent.$parent.criteriaShow">
98
- <label class="font_normal_body">安检时间</label>
99
- <datepicker
100
- :value.sync="$parent.$parent.f_safe_start"
101
- placeholder='结束时间' style="width: 60%"
102
- :disabled-days-of-week="[]"
103
- :format="'yyyy-MM-dd 00:00:00'"
104
- :show-rest-button="reset"
105
- v-model="$parent.$parent.f_safe_start"
106
- >
107
- </datepicker>
108
- </div>
109
- <div :class="{'form-group col-sm-3':$parent.$parent.$parent.isdetail,'form-group col-sm-2':!$parent.$parent.$parent.isdetail}" v-if="$parent.$parent.criteriaShow">
110
- <label class="font_normal_body">安检时间</label>
111
- <datepicker
112
- :value.sync="$parent.$parent.f_safe_end"
113
- placeholder='结束时间' style="width: 60%"
114
- :disabled-days-of-week="[]"
115
- :format="'yyyy-MM-dd 23:59:59'"
116
- :show-rest-button="reset"
117
- v-model="$parent.$parent.f_safe_end"
118
- >
119
- </datepicker>
120
- </div>
121
- </div>
122
- <div class="row">
123
- <div class="col-sm-12">
124
- <label class="control-label" style="color: #c7254e">汇 总 项</label>
125
- <input type="checkbox" id="f_plan_month" value="f_plan_month" v-model="$parent.$parent.nameForSql"/>
126
- <label for="f_plan_month">计划月份</label>
127
- <input type="checkbox" id="f_no_checkplan" value="f_no_checkplan" v-model="$parent.$parent.nameForSql"/>
128
- <label for="f_no_checkplan">计划类型</label>
129
- <input type="checkbox" id="f_residential_area" value="f_residential_area" v-model="$parent.$parent.nameForSql"/>
130
- <label for="f_residential_area">小区名称</label>
131
- <input type="checkbox" id="f_plan_name" value="f_plan_name" v-model="$parent.$parent.nameForSql"/>
132
- <label for="f_plan_name">计划名称</label>
133
- <input type="checkbox" id="f_checker_name" value="f_checker_name" v-model="$parent.$parent.nameForSql"/>
134
- <label for="f_checker_name">安检员</label>
135
- <input type="checkbox" id="f_user_type" value="f_user_type" v-model="$parent.$parent.nameForSql"/>
136
- <label for="f_user_type">用户类型</label>
137
- <input type="checkbox" id="department" value="department" v-model="$parent.$parent.nameForSql"/>
138
- <label for="f_user_type">部门</label>
139
- <input type="checkbox" id="f_user_number" value="f_user_number" v-model="$parent.$parent.nameForSql"/>
140
- <label for="f_checker_name">档案数量</label>
141
- </div>
142
- </div>
143
- </div>
144
-
145
- </criteria>
146
- <data-grid id="excelid" :model="model" partial='list' class="list_area table_sy excelid" v-ref:grid>
147
- <template partial='head'>
148
- <tr>
149
- <th>
150
- <nobr>序号</nobr>
151
- </th>
152
- <th v-if="$parent.$parent.$parent.nameForSql.includes('f_plan_month')"><nobr>计划月份</nobr></th>
153
- <th v-if="$parent.$parent.$parent.nameForSql.includes('f_no_checkplan')"><nobr>计划类型</nobr></th>
154
- <th v-if="$parent.$parent.$parent.nameForSql.includes('f_residential_area')"><nobr>小区名称</nobr></th>
155
- <th v-if="$parent.$parent.$parent.nameForSql.includes('f_plan_name')"><nobr>计划名称</nobr></th>
156
- <th v-if="$parent.$parent.$parent.nameForSql.includes('f_checker_name')"><nobr>安检员</nobr></th>
157
- <th v-if="$parent.$parent.$parent.nameForSql.includes('f_user_type')"><nobr>用户类型</nobr></th>
158
- <th v-if="$parent.$parent.$parent.nameForSql.includes('department')"><nobr>部门</nobr></th>
159
- <th v-if="$parent.$parent.$parent.nameForSql.includes('f_user_number')"><nobr>档案数量</nobr></th>
160
- <th>
161
- <nobr>计划总数</nobr>
162
- </th>
163
- <th>
164
- <nobr>未检</nobr>
165
- </th>
166
- <th>
167
- <nobr>已检</nobr>
168
- </th>
169
- <th>
170
- <nobr>入户</nobr>
171
- </th>
172
- <th>
173
- <nobr>到访不遇</nobr>
174
- </th>
175
- <th>
176
- <nobr>拒检</nobr>
177
- </th>
178
- <th>
179
- <nobr>拆除</nobr>
180
- </th>
181
- <th>
182
- <nobr>停用</nobr>
183
- </th>
184
- <th>
185
- <nobr>未通气</nobr>
186
- </th>
187
- <th>
188
- <nobr>安检率</nobr>
189
- </th>
190
- <!--<th>-->
191
- <!--<nobr>查看</nobr>-->
192
- <!--</th>-->
193
- </tr>
194
- </template>
195
- <template partial='body'>
196
- <tr>
197
- <td style="text-align:center;border-right: 1px solid ">{{$index + 1}}</td>
198
- <!-- <td style="text-align:center" v-if="$parent.$parent.$parent.nameForSql.includes('f_plan_month')">{{row.f_plan_month.indexOf('*&')!=-1?'':row.f_plan_month}}</td>-->
199
- <!-- <td style="text-align:center" v-if="$parent.$parent.$parent.nameForSql.includes('f_no_checkplan')">{{row.f_no_checkplan.indexOf('*&')!=-1?'':row.f_no_checkplan}}</td>-->
200
- <!-- <td style="text-align:center" v-if="$parent.$parent.$parent.nameForSql.includes('f_residential_area')">{{row.f_residential_area.indexOf('*&')!=-1?'':row.f_residential_area}}</td>-->
201
- <!-- <td style="text-align:center" v-if="$parent.$parent.$parent.nameForSql.includes('f_plan_name')">{{row.f_plan_name.indexOf('*&')!=-1?'':row.f_plan_name}}</td>-->
202
- <!-- <td style="text-align:center" v-if="$parent.$parent.$parent.nameForSql && $parent.$parent.$parent.nameForSql.includes('f_checker_name')">{{row.f_checker_name && row.f_checker_name.indexOf('*&')!=-1?'':row.f_checker_name}}</td>-->
203
- <td style="text-align:center" :class="{'td-0':row.f_plan_month==undefined,'td-1':model.rows && model.rows.length!=($index+1)&&row.f_plan_month.indexOf('*&')==-1,'td-2':model.rows && model.rows.length!=($index+1)&&row.f_plan_month.indexOf('*&')!=-1,'td-3':model.rows && model.rows.length==($index+1)&&row.f_plan_month.indexOf('*&')!=-1,'td-4':model.rows && model.rows.length==($index+1)&&row.f_plan_month.indexOf('*&')==-1}" v-if="$parent.$parent.$parent.nameForSql.includes('f_plan_month')">{{row.f_plan_month.indexOf('*&')!=-1?'':row.f_plan_month}}</td>
204
- <td style="text-align:center" :class="{'td-0':row.f_no_checkplan==undefined,'td-1':model.rows && model.rows.length!=($index+1)&&row.f_no_checkplan.indexOf('*&')==-1,'td-2':model.rows && model.rows.length!=($index+1)&&row.f_no_checkplan.indexOf('*&')!=-1,'td-3':model.rows && model.rows.length==($index+1)&&row.f_no_checkplan.indexOf('*&')!=-1,'td-4':model.rows && model.rows.length==($index+1)&&row.f_no_checkplan.indexOf('*&')==-1}" v-if="$parent.$parent.$parent.nameForSql.includes('f_no_checkplan')">{{row.f_no_checkplan.indexOf('*&')!=-1?'':row.f_no_checkplan}}</td>
205
- <td style="text-align:center" :class="{'td-0':row.f_residential_area==undefined,'td-1':model.rows && model.rows.length!=($index+1)&&row.f_residential_area.indexOf('*&')==-1,'td-2':model.rows && model.rows.length!=($index+1)&&row.f_residential_area.indexOf('*&')!=-1,'td-3':model.rows && model.rows.length==($index+1)&&row.f_residential_area.indexOf('*&')!=-1,'td-4':model.rows && model.rows.length==($index+1)&&row.f_residential_area.indexOf('*&')==-1}" v-if="$parent.$parent.$parent.nameForSql.includes('f_residential_area')">{{row.f_residential_area.indexOf('*&')!=-1?'':row.f_residential_area}}</td>
206
- <td style="text-align:center" :class="{'td-0':row.f_plan_name==undefined,'td-1':model.rows && model.rows.length!=($index+1)&&row.f_plan_name.indexOf('*&')==-1,'td-2':model.rows && model.rows.length!=($index+1)&&row.f_plan_name.indexOf('*&')!=-1,'td-3':model.rows && model.rows.length==($index+1)&&row.f_plan_name.indexOf('*&')!=-1,'td-4':model.rows && model.rows.length==($index+1)&&row.f_plan_name.indexOf('*&')==-1}" v-if="$parent.$parent.$parent.nameForSql.includes('f_plan_name')">{{row.f_plan_name.indexOf('*&')!=-1?'':row.f_plan_name}}</td>
207
- <td style="text-align:center" :class="{'td-0':row && !row.f_checker_name,'td-1':model.rows && model.rows.length!=($index+1)&&row.f_checker_name && row.f_checker_name.indexOf('*&')==-1,'td-2':model.rows && model.rows.length!=($index+1)&&row.f_checker_name &&row.f_checker_name.indexOf('*&')!=-1,'td-3':model.rows && model.rows.length==($index+1)&&row.f_checker_name &&row.f_checker_name.indexOf('*&')!=-1,'td-4':model.rows && model.rows.length==($index+1)&&row.f_checker_name &&row.f_checker_name.indexOf('*&')==-1}" v-if="$parent.$parent.$parent.nameForSql && $parent.$parent.$parent.nameForSql.includes('f_checker_name')">{{row.f_checker_name && row.f_checker_name.indexOf('*&')!=-1?'':row.f_checker_name}}</td>
208
- <td style="text-align:center" :class="{'td-0':row && !row.f_user_type,'td-1':model.rows && model.rows.length!=($index+1)&&row.f_user_type && row.f_user_type.indexOf('*&')==-1,'td-2':model.rows && model.rows.length!=($index+1)&&row.f_user_type &&row.f_user_type.indexOf('*&')!=-1,'td-3':model.rows && model.rows.length==($index+1)&&row.f_user_type &&row.f_user_type.indexOf('*&')!=-1,'td-4':model.rows && model.rows.length==($index+1)&&row.f_user_type &&row.f_user_type.indexOf('*&')==-1}" v-if="$parent.$parent.$parent.nameForSql && $parent.$parent.$parent.nameForSql.includes('f_user_type')">{{row.f_user_type && row.f_user_type.indexOf('*&')!=-1?'':row.f_user_type}}</td>
209
- <td style="text-align:center" :class="{'td-0':row && !row.department,'td-1':model.rows && model.rows.length!=($index+1)&&row.department && row.department.indexOf('*&')==-1,'td-2':model.rows && model.rows.length!=($index+1)&&row.department &&row.department.indexOf('*&')!=-1,'td-3':model.rows && model.rows.length==($index+1)&&row.department &&row.department.indexOf('*&')!=-1,'td-4':model.rows && model.rows.length==($index+1)&&row.department &&row.department.indexOf('*&')==-1}" v-if="$parent.$parent.$parent.nameForSql && $parent.$parent.$parent.nameForSql.includes('department')">{{row.department && row.department.indexOf('*&')!=-1?'':row.department}}</td>
210
- <td style="text-align:center" v-if="$parent.$parent.$parent.nameForSql.includes('f_user_number')">{{row.f_user_number}}</td>
211
- <td style="text-align:center">{{row.f_plan_total}}</td>
212
- <td style="text-align:center">{{row.f_weijian}}</td>
213
- <td style="text-align:center"><nobr>{{row.f_yijian}}</nobr></td>
214
- <td style="text-align:center"><nobr>{{row.f_ruhu}}</nobr></td>
215
- <td style="text-align:center">{{row.f_buyu}}</td>
216
- <td style="text-align:center"><nobr>{{row.f_jujian}}</nobr></td>
217
- <td style="text-align:center"><nobr>{{row.f_chaichu}}</nobr></td>
218
- <td style="text-align:center"><nobr>{{row.f_tingyong}}</nobr></td>
219
- <td style="text-align:center"><nobr>{{row.f_weitongqi}}</nobr></td>
220
- <td style="text-align:center"><nobr>{{row.f_check_bv}}</nobr></td>
221
- <!--<td style="text-align: center;">-->
222
- <!--<button class="btn btn-link" @click.stop="$parent.$parent.$parent.showhistory(row)">查看</button>-->
223
- <!--</td>-->
224
- </tr>
225
- </template>
226
- <template partial='foot'>
227
- <td style="text-align: center" ><span><b>合计:</b></span></td>
228
- <th v-if="$parent.$parent.$parent.nameForSql.includes('f_plan_month')"></th>
229
- <th v-if="$parent.$parent.$parent.nameForSql.includes('f_no_checkplan')"></th>
230
- <th v-if="$parent.$parent.$parent.nameForSql.includes('f_residential_area')"></th>
231
- <th v-if="$parent.$parent.$parent.nameForSql.includes('f_plan_name')"></th>
232
- <th v-if="$parent.$parent.$parent.nameForSql.includes('f_checker_name')"></th>
233
- <th v-if="$parent.$parent.$parent.nameForSql.includes('f_user_type')"></th>
234
- <th v-if="$parent.$parent.$parent.nameForSql.includes('department')"></th>
235
- <th v-if="$parent.$parent.$parent.nameForSql.includes('f_user_number')"></th>
236
- <td style="text-align: center">{{model.sums.f_plan_total}}</td>
237
- <td style="text-align: center">{{model.sums.f_weijian}}</td>
238
- <td style="text-align: center">{{model.sums.f_yijian}}</td>
239
- <td style="text-align: center">{{model.sums.f_ruhu}}</td>
240
- <td style="text-align: center">{{model.sums.f_buyu}}</td>
241
- <td style="text-align: center">{{model.sums.f_jujian}}</td>
242
- <td style="text-align: center">{{model.sums.f_chaichu}}</td>
243
- <td style="text-align: center">{{model.sums.f_tingyong}}</td>
244
- <td style="text-align: center">{{model.sums.f_weitongqi}}</td>
245
- <td style="text-align: center">{{(parseFloat(model.sums.f_yijian) / parseFloat(model.sums.f_plan_total) * 100).toFixed(2) + '%'}}</td>
246
-
247
- </template>
248
- </data-grid>
249
- </criteria-paged>
250
- </div>
251
- </template>
252
-
253
- <script>
254
- /**
255
- *阶梯气价查询列表
256
- */
257
- import {PagedList} from 'vue-client'
258
- import { HttpResetClass } from 'vue-client'
259
- import XLSX from 'xlsx'
260
- export default {
261
- data () {
262
- return {
263
- model: new PagedList('rs/sql/getCheckPlanAreaList', 99999,{},{
264
- f_plan_total:'',
265
- f_weijian:'',
266
- f_yijian:'',
267
- f_ruhu:'',
268
- f_buyu:'',
269
- f_jujian:'',
270
- f_chaichu:'',
271
- f_tingyong:'',
272
- f_weitongqi:''
273
- }),
274
- // 公司下拉
275
- curorgid: [this.$login.f.orgid],
276
- row: {},
277
- f_orgid: '',
278
- nameForSql: [],
279
- groupNameForSql: '',
280
- listflag:false,
281
- nameflag:false,
282
- criteriaShow: false,
283
- f_check_start:new Date().getFullYear() + '-01',
284
- f_check_end:new Date().getFullYear() + '-12',
285
- f_safe_start:'',
286
- f_safe_end:'',
287
- planName:[{label: '全部', value: ''}],
288
- exportExcelField: {
289
- 'f_weijian':'未检',
290
- 'f_yijian':'已检',
291
- 'f_ruhu':'入户',
292
- 'f_buyu':'到访不遇',
293
- 'f_jujian':'拒检',
294
- 'f_chaichu':'拆除',
295
- 'f_tingyong':'停用',
296
- 'f_weitongqi':'未通气',
297
- 'f_check_bv':'安检率'
298
- }
299
- }
300
- },
301
- props: {
302
- row: {},
303
- config: {},
304
- ispartial: false,
305
- f_filialeid: {
306
- type: String
307
- }
308
- },
309
- ready () {
310
- this.nameForSql = ['f_plan_month', 'f_plan_name','f_checker_name','f_user_type','department']
311
- this.groupNameForSql = 'f_plan_month', 'f_plan_name','f_checker_name','f_user_type,department'
312
- this.pl()
313
- // this.search()
314
-
315
- },
316
- methods: {
317
- exportexcel(){
318
- //tag
319
- // 以上四行也可以直接一行搞定,如果不需要对表格数据进行修改的话
320
- const aa = document.getElementsByClassName("list_area table_sy excelid")[0]
321
- console.log(aa)
322
- let workbook = XLSX.utils.table_to_book(document.getElementsByClassName("list_area table_sy excelid")[0])
323
- try {
324
- XLSX.writeFile(workbook, '安检情况汇总导出.xlsx');
325
- } catch(e) {
326
- //tag;
327
- }
328
- },
329
- // 获取导出列
330
- getexportExcelField(){
331
- this.exportExcelField = {
332
- 'f_weijian':'未检',
333
- 'f_yijian':'已检',
334
- 'f_ruhu':'入户',
335
- 'f_buyu':'到访不遇',
336
- 'f_jujian':'拒检',
337
- 'f_check_bv':'安检率',
338
- 'f_plan_total':'计划总数'
339
- }
340
- let forName = this.groupNameForSql.split(",")
341
- for (let i = 0; i < forName.length; i++) {
342
- let ff = forName[i]
343
- if (ff==='f_plan_month') {
344
- this.exportExcelField.f_plan_month='计划月份'
345
- }
346
- if (ff==='f_no_checkplan') {
347
- this.exportExcelField.f_no_checkplan='计划类型'
348
- }
349
- if (ff==='f_plan_name') {
350
- this.exportExcelField.f_plan_name='计划名称'
351
- }
352
- if (ff==='f_checker_name') {
353
- this.exportExcelField.f_checker_name='安检员'
354
- }if (ff==='f_residential_area') {
355
- this.exportExcelField.f_residential_area='小区名称'
356
- }if (ff==='f_user_number') {
357
- this.exportExcelField.f_user_number='档案数量'
358
- }
359
- }
360
- },
361
- pl() {
362
- let getGasman = new HttpResetClass()
363
- getGasman.load('POST', `rs/sql/safe_singleTable_OrderBy`, {
364
- data: {
365
- items: "id,f_plan_name",
366
- tablename: "t_check_plan",
367
- condition: `f_filialeid = '${this.curorgid}'`,
368
- orderitem: "id"
369
- }
370
- }, {resolveMsg: null, rejectMsg: null}).then((plne) => {
371
- //tag
372
- //tag
373
- //tag
374
- for (let i = 0; i < plne.data.length; i++) {
375
- this.planName.push({label: plne.data[i].f_plan_name, value: plne.data[i].id})
376
- }
377
- //tag
378
- })
379
- },
380
- hiddenr() {
381
- this.$parent.isdetail = !this.$parent.isdetail
382
- },
383
- hidden() {
384
- this.criteriaShow = !this.criteriaShow
385
- },
386
- search () {
387
- this.$refs.paged.$refs.cri.search()
388
- this.$dispatch('search')
389
- },
390
- getorg (val) {
391
- this.f_orgid = this.$login.convertToIn(val.resids)
392
- this.f_filialeid = val[0]
393
-
394
- },
395
- selfSearch (args) {
396
- if (!this.f_orgid) {
397
- this.getorg([this.$login.f.orgid])
398
- args.condition = `f_filialeid in ('${this.$login.f.orgid}') and ${args.condition}`
399
- }
400
- if (this.f_orgid) {
401
- args.condition = `f_filialeid in ${this.f_orgid} and ${args.condition}`
402
- }
403
- if(this.f_check_start && this.f_check_end){
404
- if(new Date(this.f_check_start).getFullYear() == new Date(this.f_check_end).getFullYear() ){
405
- args.condition += ` and f_year>=${new Date(this.f_check_start).getFullYear()} and f_month>=${new Date(this.f_check_start).getMonth()+1} and f_month<=${new Date(this.f_check_end).getMonth()+1}`
406
- }else {
407
- args.condition += ` and (
408
- (f_year = ${new Date(this.f_check_start).getFullYear()} and f_month >= ${new Date(this.f_check_start).getMonth()+1})
409
- or
410
- ( f_year > ${new Date(this.f_check_start).getFullYear()} and f_year < ${new Date(this.f_check_end).getFullYear()})
411
- or
412
- (f_year = ${new Date(this.f_check_end).getFullYear()} and f_month <= ${new Date(this.f_check_end).getMonth()+1}))`
413
- }
414
- } else {
415
- if(this.f_check_start){
416
- args.condition += ` and f_year>=${new Date(this.f_check_start).getFullYear()} and f_month>=${new Date(this.f_check_start).getMonth()+1}`
417
- }
418
- if(this.f_check_end){
419
- args.condition += ` and f_year<=${new Date(this.f_check_end).getFullYear()} and f_month<=${new Date(this.f_check_end).getMonth()+1}`
420
- }
421
- }
422
- if(this.f_safe_start && this.f_safe_end){
423
- args.condition += `and ch.f_offsite_time >= '${this.f_safe_start}' and ch.f_offsite_time <= '${this.f_safe_end}' `
424
- } else {
425
- if(this.f_safe_start){
426
- args.condition += ` and ch.f_offsite_time >='${this.f_safe_start}'`
427
- }
428
- if(this.f_safe_end){
429
- args.condition += ` and ch.f_offsite_time <='${this.f_safe_end}'`
430
- }
431
- }
432
- this.$refs.paged.$refs.grid.$el.scrollTop = 0
433
- if (this.groupNameForSql=='undefined'){
434
- //tag
435
- this.$showMessage("请至少选择一项进行汇总")
436
- return
437
- }
438
- this.model.paramSource = {groupName: `'${this.groupNameForSql}'`}
439
- this.model.search(args.condition, args.model)
440
- },
441
-
442
- // 拼接groupName1
443
- getGroupName1 () {
444
- var temp=['f_plan_month','f_no_checkplan','f_residential_area','f_plan_name','f_checker_name','f_user_number','f_user_type','department']
445
- var newtemp=[]
446
-
447
- for (var i=0;i<temp.length;i++){
448
- for (var j=0;j<this.nameForSql.length;j++){
449
- //tag
450
- if(temp[i]==this.nameForSql[j]){
451
- newtemp.push(this.nameForSql[j])
452
- }
453
- }
454
- }
455
- let str = ''
456
-
457
- for (var i=0;i < newtemp.length - 1; i++) {
458
- str += newtemp[i] + ','
459
- }
460
- str += newtemp[i]
461
- this.groupNameForSql = str.trim()
462
- }
463
- },
464
- watch: {
465
- // 'nameForSql' () {
466
- //
467
- // this.getGroupName1()
468
- // },
469
- 'nameForSql' () {
470
- var e = document.createEvent("MouseEvents");
471
- e.initEvent("click", true, true);
472
- document.getElementById("btnaaa").dispatchEvent(e);
473
- },
474
- 'model.rows'(){
475
- //tag
476
- if(this.listflag){
477
- return;
478
- }
479
- this.listflag=true
480
- //tag
481
- var temp=['f_plan_month','f_no_checkplan','f_residential_area','f_plan_name','f_checker_name','f_user_number']
482
- var newtemp=[]
483
- for (var i=0;i<temp.length;i++){
484
- for (var j=0;j<this.nameForSql.length;j++){
485
- //tag
486
- if(temp[i]==this.nameForSql[j]){
487
- newtemp.push(this.nameForSql[j])
488
- }
489
- }
490
- }
491
- if((newtemp.includes('f_user_number')&&newtemp.length==2)||(!newtemp.includes('f_user_number')&&newtemp.length==1)){
492
- return
493
- }
494
- var temp=JSON.parse(JSON.stringify(this.model.rows))
495
-
496
- //遍历查询结果 为指定列增加样式
497
- for (var i=0;i<newtemp.length-1;i++){
498
- if(newtemp[i]=='f_user_number'){
499
- return;
500
- }
501
- //tag
502
- var ss=''
503
- for (var j=0;j<temp.length;j++){
504
- if(j>0&&i>0){
505
- var flag=false
506
- for(var t=i-1;t>-1;t--){
507
- //tag
508
- //tag
509
- //tag
510
- //tag
511
- if(temp[j-1][newtemp[t]]!=temp[j][newtemp[t]]&&(temp[j][newtemp[t]] !=null && temp[j][newtemp[t]].indexOf('*&') )==-1){
512
- flag=true
513
- break
514
- }
515
- }
516
- //tag
517
- if(flag){
518
- ss=temp[j][newtemp[i]]
519
- continue
520
- }
521
- }
522
- if(temp[j][newtemp[i]]==ss){
523
- temp[j][newtemp[i]]=temp[j][newtemp[i]]+'*&'
524
- }else {
525
- ss=temp[j][newtemp[i]]
526
- }
527
- }
528
- }
529
- //tag
530
- this.model.rows=JSON.parse(JSON.stringify(temp))
531
- }
532
- },
533
- computed:{
534
- exportParameter(){
535
- // excel 导出条件拼接
536
- return {
537
- condition: this.$refs.paged.model.condition,
538
- groupName: this.groupNameForSql
539
- }
540
- }
541
- }
542
- }
543
- </script>
544
-
545
- <style scoped>
546
-
547
- .td-0{
548
- border: 1px solid #000000;
549
- }
550
-
551
- .td-1{
552
- border: none;
553
- border-top: 1px solid #000000;
554
- border-left: 1px solid #000000;
555
- border-right: 1px solid #000000;
556
- }
557
-
558
- .td-2{
559
- border: none;
560
- border-left: 1px solid #000000;
561
- border-right: 1px solid #000000;
562
- }
563
- .td-4{
564
- border: none;
565
- border-top: 1px solid #000000;
566
- border-left: 1px solid #000000;
567
- border-right: 1px solid #000000;
568
- border-bottom: 1px solid #000000;
569
- }
570
- .td-3{
571
- border: none;
572
- border-left: 1px solid #000000;
573
- border-right: 1px solid #000000;
574
- border-bottom: 1px solid #000000;
575
- }
576
- </style>
1
+ <template>
2
+ <div class="flex">
3
+ <criteria-paged :model="model" v-ref:paged :pager="false">
4
+ <criteria partial='criteria' @condition-changed='$parent.selfSearch' v-ref:cri>
5
+ <div novalidate class="form-horizontal select-overspread container-fluid auto" partial>
6
+ <div class="row">
7
+ <!--<div :class="{'form-group col-sm-3':$parent.$parent.$parent.isdetail,'form-group col-sm-2':!$parent.$parent.$parent.isdetail}">
8
+ <label class="font_normal_body">组织机构</label>
9
+ <res-select restype='organization'
10
+ class="select select_list"
11
+ style="width: 60%"
12
+ @res-select="$parent.$parent.getorg"
13
+ :initresid='$parent.$parent.curorgid'>
14
+ </res-select>
15
+ </div>-->
16
+ <div :class="{'col-sm-6':$parent.$parent.$parent.isdetail,'col-sm-4':!$parent.$parent.$parent.isdetail}">
17
+ <role-selector-safe
18
+ role-name="安检员"
19
+ role-lable="安&ensp;检&ensp;员"
20
+ @re-res="$parent.$parent.getorg"
21
+ :value.sync="model.f_checker_id"
22
+ v-model="model.f_checker_id"
23
+ :value-multiple="true"
24
+ :value-close="false"
25
+ condition="f_checker_name in {}">
26
+ </role-selector-safe>
27
+ </div>
28
+ <div :class="{'form-group col-sm-3':$parent.$parent.$parent.isdetail,'form-group col-sm-2':!$parent.$parent.$parent.isdetail}">
29
+ <label class="font_normal_body">小区名称</label>
30
+ <input type="text" class="input_search" style="width:60%" v-model="model.f_residential_area" placeholder='小区名称'
31
+ condition="f_residential_area like '%{}%'" v-next-el="cx" v-el:qjmc>
32
+ </div>
33
+ <div :class="{'form-group col-sm-3':$parent.$parent.$parent.isdetail,'form-group col-sm-2':!$parent.$parent.$parent.isdetail}">
34
+ <label class="font_normal_body">计划名称</label>
35
+ <v-select class="select_list select"
36
+ placeholder='计划名称' style="width: 60%"
37
+ :search="true"
38
+ v-model="model.f_plan_name"
39
+ :value.sync="model.f_plan_name"
40
+ :options='$parent.$parent.planName'
41
+ condition="f_plan_id = '{}'"
42
+ :value-single="true"
43
+ close-on-select clear-button></v-select>
44
+
45
+ </div>
46
+ <!--<div :class="{
47
+ 'form-group col-sm-3':$parent.$parent.$parent.isdetail,'form-group col-sm-2':!$parent.$parent.$parent.isdetail}">
48
+ <label class="font_normal_body">安&ensp;检&ensp;员</label>
49
+ <input type="text" class="input_search" style="width:60%" v-model="model.f_checker_name" placeholder='安检员'
50
+ condition="f_checker_name like '%{}%'" v-next-el="cx" v-el:qjmc>
51
+ </div>-->
52
+ <div class="form-group col-sm-2" v-if="!$parent.$parent.$parent.isdetail"></div>
53
+ <div :class="{'form-group col-sm-3':$parent.$parent.$parent.isdetail,'form-group col-sm-2':!$parent.$parent.$parent.isdetail}" style="float:right; padding-right: 25px">
54
+ <div class="span" style="float:right;">
55
+ <div style="float: right;margin-left:10px" class="button_spacing"
56
+ :class="{'button_shrink_left':!$parent.$parent.$parent.isdetail,'button_shrink_right':$parent.$parent.$parent.isdetail}"
57
+ @click="$parent.$parent.hiddenr()"></div>
58
+ <div class="button_spacing" style="float: right;margin-left:10px"
59
+ :class="{'button_shrink_top':$parent.$parent.criteriaShow,'button_shrink_bottom':!$parent.$parent.criteriaShow}"
60
+ @click="$parent.$parent.hidden()">
61
+ </div>
62
+ <!-- <export-excel-safe :data="$parent.$parent.exportParameter"
63
+ :field="$parent.$parent.exportExcelField"
64
+ sqlurl="rs/logic/SafeExportExcel" sql-name="getCheckPlanAreaList"
65
+ template-name='安检汇总' :choose-col="true">
66
+ </export-excel-safe>-->
67
+ <button id="btnaaaa" style="float: right" class="button_search"
68
+ @click="$parent.$parent.exportexcel()"
69
+ v-el:cx>导出</button>
70
+ <button id="btnaaa" style="float: right" class="button_search"
71
+ @click="$parent.$parent.getGroupName1(),search(),$parent.$parent.getexportExcelField(),$parent.$parent.$parent.isdetail=false,$parent.$parent.listflag=false"
72
+ v-el:cx>查询</button>
73
+ </div>
74
+ </div>
75
+ <div :class="{'form-group col-sm-3':$parent.$parent.$parent.isdetail,'form-group col-sm-2':!$parent.$parent.$parent.isdetail}" v-if="$parent.$parent.criteriaShow">
76
+ <label class="font_normal_body">起始时间</label>
77
+ <datepicker
78
+ :value.sync="$parent.$parent.f_check_start"
79
+ placeholder='起始时间' style="width:60%"
80
+ :disabled-days-of-week="[]"
81
+ :format="'yyyy-MM'"
82
+ :select-month="true"
83
+ :show-rest-button="reset">
84
+ </datepicker>
85
+ </div>
86
+ <div :class="{'form-group col-sm-3':$parent.$parent.$parent.isdetail,'form-group col-sm-2':!$parent.$parent.$parent.isdetail}" v-if="$parent.$parent.criteriaShow">
87
+ <label class="font_normal_body">结束时间</label>
88
+ <datepicker
89
+ :value.sync="$parent.$parent.f_check_end"
90
+ placeholder='结束时间' style="width:60%"
91
+ :disabled-days-of-week="[]"
92
+ :format="'yyyy-MM'"
93
+ :select-month="true"
94
+ :show-rest-button="reset">
95
+ </datepicker>
96
+ </div>
97
+ <div :class="{'form-group col-sm-3':$parent.$parent.$parent.isdetail,'form-group col-sm-2':!$parent.$parent.$parent.isdetail}" v-if="$parent.$parent.criteriaShow">
98
+ <label class="font_normal_body">安检时间</label>
99
+ <datepicker
100
+ :value.sync="$parent.$parent.f_safe_start"
101
+ placeholder='结束时间' style="width: 60%"
102
+ :disabled-days-of-week="[]"
103
+ :format="'yyyy-MM-dd 00:00:00'"
104
+ :show-rest-button="reset"
105
+ v-model="$parent.$parent.f_safe_start"
106
+ >
107
+ </datepicker>
108
+ </div>
109
+ <div :class="{'form-group col-sm-3':$parent.$parent.$parent.isdetail,'form-group col-sm-2':!$parent.$parent.$parent.isdetail}" v-if="$parent.$parent.criteriaShow">
110
+ <label class="font_normal_body">安检时间</label>
111
+ <datepicker
112
+ :value.sync="$parent.$parent.f_safe_end"
113
+ placeholder='结束时间' style="width: 60%"
114
+ :disabled-days-of-week="[]"
115
+ :format="'yyyy-MM-dd 23:59:59'"
116
+ :show-rest-button="reset"
117
+ v-model="$parent.$parent.f_safe_end"
118
+ >
119
+ </datepicker>
120
+ </div>
121
+ </div>
122
+ <div class="row">
123
+ <div class="col-sm-12">
124
+ <label class="control-label" style="color: #c7254e">汇 总 项</label>
125
+ <input type="checkbox" id="f_plan_month" value="f_plan_month" v-model="$parent.$parent.nameForSql"/>
126
+ <label for="f_plan_month">计划月份</label>
127
+ <input type="checkbox" id="f_no_checkplan" value="f_no_checkplan" v-model="$parent.$parent.nameForSql"/>
128
+ <label for="f_no_checkplan">计划类型</label>
129
+ <input type="checkbox" id="f_residential_area" value="f_residential_area" v-model="$parent.$parent.nameForSql"/>
130
+ <label for="f_residential_area">小区名称</label>
131
+ <input type="checkbox" id="f_plan_name" value="f_plan_name" v-model="$parent.$parent.nameForSql"/>
132
+ <label for="f_plan_name">计划名称</label>
133
+ <input type="checkbox" id="f_checker_name" value="f_checker_name" v-model="$parent.$parent.nameForSql"/>
134
+ <label for="f_checker_name">安检员</label>
135
+ <input type="checkbox" id="f_user_type" value="f_user_type" v-model="$parent.$parent.nameForSql"/>
136
+ <label for="f_user_type">用户类型</label>
137
+ <input type="checkbox" id="department" value="department" v-model="$parent.$parent.nameForSql"/>
138
+ <label for="f_user_type">部门</label>
139
+ <input type="checkbox" id="f_user_number" value="f_user_number" v-model="$parent.$parent.nameForSql"/>
140
+ <label for="f_checker_name">档案数量</label>
141
+ </div>
142
+ </div>
143
+ </div>
144
+
145
+ </criteria>
146
+ <data-grid id="excelid" :model="model" partial='list' class="list_area table_sy excelid" v-ref:grid>
147
+ <template partial='head'>
148
+ <tr>
149
+ <th>
150
+ <nobr>序号</nobr>
151
+ </th>
152
+ <th v-if="$parent.$parent.$parent.nameForSql.includes('f_plan_month')"><nobr>计划月份</nobr></th>
153
+ <th v-if="$parent.$parent.$parent.nameForSql.includes('f_no_checkplan')"><nobr>计划类型</nobr></th>
154
+ <th v-if="$parent.$parent.$parent.nameForSql.includes('f_residential_area')"><nobr>小区名称</nobr></th>
155
+ <th v-if="$parent.$parent.$parent.nameForSql.includes('f_plan_name')"><nobr>计划名称</nobr></th>
156
+ <th v-if="$parent.$parent.$parent.nameForSql.includes('f_checker_name')"><nobr>安检员</nobr></th>
157
+ <th v-if="$parent.$parent.$parent.nameForSql.includes('f_user_type')"><nobr>用户类型</nobr></th>
158
+ <th v-if="$parent.$parent.$parent.nameForSql.includes('department')"><nobr>部门</nobr></th>
159
+ <th v-if="$parent.$parent.$parent.nameForSql.includes('f_user_number')"><nobr>档案数量</nobr></th>
160
+ <th>
161
+ <nobr>计划总数</nobr>
162
+ </th>
163
+ <th>
164
+ <nobr>未上门</nobr>
165
+ </th>
166
+ <th>
167
+ <nobr>未安检</nobr>
168
+ </th>
169
+ <th>
170
+ <nobr>已上门</nobr>
171
+ </th>
172
+ <th>
173
+ <nobr>已安检</nobr>
174
+ </th>
175
+ <th>
176
+ <nobr>已完成</nobr>
177
+ </th>
178
+ <th>
179
+ <nobr>入户</nobr>
180
+ </th>
181
+ <th>
182
+ <nobr>拆除</nobr>
183
+ </th>
184
+ <th>
185
+ <nobr>停用</nobr>
186
+ </th>
187
+ <th>
188
+ <nobr>未通气</nobr>
189
+ </th>
190
+ <th>
191
+ <nobr>拒检</nobr>
192
+ </th>
193
+ <th>
194
+ <nobr>到访不遇1</nobr>
195
+ </th>
196
+ <th>
197
+ <nobr>到访不遇2</nobr>
198
+ </th>
199
+ <th>
200
+ <nobr>到访不遇3</nobr>
201
+ </th>
202
+ <th>
203
+ <nobr>到访不遇3+</nobr>
204
+ </th>
205
+ <th>
206
+ <nobr>上门率</nobr>
207
+ </th>
208
+ <th>
209
+ <nobr>安检率</nobr>
210
+ </th>
211
+ <th>
212
+ <nobr>完成率</nobr>
213
+ </th>
214
+ <!--<th>-->
215
+ <!--<nobr>查看</nobr>-->
216
+ <!--</th>-->
217
+ </tr>
218
+ </template>
219
+ <template partial='body'>
220
+ <tr>
221
+ <td style="text-align:center;border-right: 1px solid ">{{$index + 1}}</td>
222
+ <!-- <td style="text-align:center" v-if="$parent.$parent.$parent.nameForSql.includes('f_plan_month')">{{row.f_plan_month.indexOf('*&')!=-1?'':row.f_plan_month}}</td>-->
223
+ <!-- <td style="text-align:center" v-if="$parent.$parent.$parent.nameForSql.includes('f_no_checkplan')">{{row.f_no_checkplan.indexOf('*&')!=-1?'':row.f_no_checkplan}}</td>-->
224
+ <!-- <td style="text-align:center" v-if="$parent.$parent.$parent.nameForSql.includes('f_residential_area')">{{row.f_residential_area.indexOf('*&')!=-1?'':row.f_residential_area}}</td>-->
225
+ <!-- <td style="text-align:center" v-if="$parent.$parent.$parent.nameForSql.includes('f_plan_name')">{{row.f_plan_name.indexOf('*&')!=-1?'':row.f_plan_name}}</td>-->
226
+ <!-- <td style="text-align:center" v-if="$parent.$parent.$parent.nameForSql && $parent.$parent.$parent.nameForSql.includes('f_checker_name')">{{row.f_checker_name && row.f_checker_name.indexOf('*&')!=-1?'':row.f_checker_name}}</td>-->
227
+ <td style="text-align:center" :class="{'td-0':row.f_plan_month==undefined,'td-1':model.rows && model.rows.length!=($index+1)&&row.f_plan_month.indexOf('*&')==-1,'td-2':model.rows && model.rows.length!=($index+1)&&row.f_plan_month.indexOf('*&')!=-1,'td-3':model.rows && model.rows.length==($index+1)&&row.f_plan_month.indexOf('*&')!=-1,'td-4':model.rows && model.rows.length==($index+1)&&row.f_plan_month.indexOf('*&')==-1}" v-if="$parent.$parent.$parent.nameForSql.includes('f_plan_month')">{{row.f_plan_month.indexOf('*&')!=-1?'':row.f_plan_month}}</td>
228
+ <td style="text-align:center" :class="{'td-0':row.f_no_checkplan==undefined,'td-1':model.rows && model.rows.length!=($index+1)&&row.f_no_checkplan.indexOf('*&')==-1,'td-2':model.rows && model.rows.length!=($index+1)&&row.f_no_checkplan.indexOf('*&')!=-1,'td-3':model.rows && model.rows.length==($index+1)&&row.f_no_checkplan.indexOf('*&')!=-1,'td-4':model.rows && model.rows.length==($index+1)&&row.f_no_checkplan.indexOf('*&')==-1}" v-if="$parent.$parent.$parent.nameForSql.includes('f_no_checkplan')">{{row.f_no_checkplan.indexOf('*&')!=-1?'':row.f_no_checkplan}}</td>
229
+ <td style="text-align:center" :class="{'td-0':row.f_residential_area==undefined,'td-1':model.rows && model.rows.length!=($index+1)&&row.f_residential_area.indexOf('*&')==-1,'td-2':model.rows && model.rows.length!=($index+1)&&row.f_residential_area.indexOf('*&')!=-1,'td-3':model.rows && model.rows.length==($index+1)&&row.f_residential_area.indexOf('*&')!=-1,'td-4':model.rows && model.rows.length==($index+1)&&row.f_residential_area.indexOf('*&')==-1}" v-if="$parent.$parent.$parent.nameForSql.includes('f_residential_area')">{{row.f_residential_area.indexOf('*&')!=-1?'':row.f_residential_area}}</td>
230
+ <td style="text-align:center" :class="{'td-0':row.f_plan_name==undefined,'td-1':model.rows && model.rows.length!=($index+1)&&row.f_plan_name.indexOf('*&')==-1,'td-2':model.rows && model.rows.length!=($index+1)&&row.f_plan_name.indexOf('*&')!=-1,'td-3':model.rows && model.rows.length==($index+1)&&row.f_plan_name.indexOf('*&')!=-1,'td-4':model.rows && model.rows.length==($index+1)&&row.f_plan_name.indexOf('*&')==-1}" v-if="$parent.$parent.$parent.nameForSql.includes('f_plan_name')">{{row.f_plan_name.indexOf('*&')!=-1?'':row.f_plan_name}}</td>
231
+ <td style="text-align:center" :class="{'td-0':row && !row.f_checker_name,'td-1':model.rows && model.rows.length!=($index+1)&&row.f_checker_name && row.f_checker_name.indexOf('*&')==-1,'td-2':model.rows && model.rows.length!=($index+1)&&row.f_checker_name &&row.f_checker_name.indexOf('*&')!=-1,'td-3':model.rows && model.rows.length==($index+1)&&row.f_checker_name &&row.f_checker_name.indexOf('*&')!=-1,'td-4':model.rows && model.rows.length==($index+1)&&row.f_checker_name &&row.f_checker_name.indexOf('*&')==-1}" v-if="$parent.$parent.$parent.nameForSql && $parent.$parent.$parent.nameForSql.includes('f_checker_name')">{{row.f_checker_name && row.f_checker_name.indexOf('*&')!=-1?'':row.f_checker_name}}</td>
232
+ <td style="text-align:center" :class="{'td-0':row && !row.f_user_type,'td-1':model.rows && model.rows.length!=($index+1)&&row.f_user_type && row.f_user_type.indexOf('*&')==-1,'td-2':model.rows && model.rows.length!=($index+1)&&row.f_user_type &&row.f_user_type.indexOf('*&')!=-1,'td-3':model.rows && model.rows.length==($index+1)&&row.f_user_type &&row.f_user_type.indexOf('*&')!=-1,'td-4':model.rows && model.rows.length==($index+1)&&row.f_user_type &&row.f_user_type.indexOf('*&')==-1}" v-if="$parent.$parent.$parent.nameForSql && $parent.$parent.$parent.nameForSql.includes('f_user_type')">{{row.f_user_type && row.f_user_type.indexOf('*&')!=-1?'':row.f_user_type}}</td>
233
+ <td style="text-align:center" :class="{'td-0':row && !row.department,'td-1':model.rows && model.rows.length!=($index+1)&&row.department && row.department.indexOf('*&')==-1,'td-2':model.rows && model.rows.length!=($index+1)&&row.department &&row.department.indexOf('*&')!=-1,'td-3':model.rows && model.rows.length==($index+1)&&row.department &&row.department.indexOf('*&')!=-1,'td-4':model.rows && model.rows.length==($index+1)&&row.department &&row.department.indexOf('*&')==-1}" v-if="$parent.$parent.$parent.nameForSql && $parent.$parent.$parent.nameForSql.includes('department')">{{row.department && row.department.indexOf('*&')!=-1?'':row.department}}</td>
234
+ <td style="text-align:center" v-if="$parent.$parent.$parent.nameForSql.includes('f_user_number')">{{row.f_user_number}}</td>
235
+ <td style="text-align:center">{{row.f_plan_total}}</td>
236
+ <td style="text-align:center">{{row.f_weishangmen}}</td>
237
+ <td style="text-align:center">{{row.f_weijian}}</td>
238
+ <td style="text-align:center">{{row.f_yishangmen}}</td>
239
+ <td style="text-align:center">{{row.f_yijian}}</td>
240
+ <td style="text-align:center"><nobr>{{row.f_yiwancheng}}</nobr></td>
241
+ <td style="text-align:center"><nobr>{{row.f_ruhu}}</nobr></td>
242
+ <td style="text-align:center"><nobr>{{row.f_chaichu}}</nobr></td>
243
+ <td style="text-align:center"><nobr>{{row.f_tingyong}}</nobr></td>
244
+ <td style="text-align:center"><nobr>{{row.f_weitongqi}}</nobr></td>
245
+ <td style="text-align:center"><nobr>{{row.f_jujian}}</nobr></td>
246
+ <td style="text-align:center">{{row.f_buyu}}</td>
247
+ <td style="text-align:center">{{row.f_buyu2}}</td>
248
+ <td style="text-align:center">{{row.f_buyu3}}</td>
249
+ <td style="text-align:center">{{row.f_buyu4}}</td>
250
+ <td style="text-align:center"><nobr>{{row.f_shangmen_bv}}</nobr></td>
251
+ <td style="text-align:center"><nobr>{{row.f_check_bv}}</nobr></td>
252
+ <td style="text-align:center"><nobr>{{row.f_wangcheng_bv}}</nobr></td>
253
+ <!--<td style="text-align: center;">-->
254
+ <!--<button class="btn btn-link" @click.stop="$parent.$parent.$parent.showhistory(row)">查看</button>-->
255
+ <!--</td>-->
256
+ </tr>
257
+ </template>
258
+ <template partial='foot'>
259
+ <td style="text-align: center" ><span><b>合计:</b></span></td>
260
+ <th v-if="$parent.$parent.$parent.nameForSql.includes('f_plan_month')"></th>
261
+ <th v-if="$parent.$parent.$parent.nameForSql.includes('f_no_checkplan')"></th>
262
+ <th v-if="$parent.$parent.$parent.nameForSql.includes('f_residential_area')"></th>
263
+ <th v-if="$parent.$parent.$parent.nameForSql.includes('f_plan_name')"></th>
264
+ <th v-if="$parent.$parent.$parent.nameForSql.includes('f_checker_name')"></th>
265
+ <th v-if="$parent.$parent.$parent.nameForSql.includes('f_user_type')"></th>
266
+ <th v-if="$parent.$parent.$parent.nameForSql.includes('department')"></th>
267
+ <th v-if="$parent.$parent.$parent.nameForSql.includes('f_user_number')"></th>
268
+ <td style="text-align: center">{{model.sums.f_plan_total}}</td>
269
+ <td style="text-align: center">{{model.sums.f_weishangmen}}</td>
270
+ <td style="text-align: center">{{model.sums.f_weijian}}</td>
271
+ <td style="text-align: center">{{model.sums.f_yishangmen}}</td>
272
+ <td style="text-align: center">{{model.sums.f_yijian}}</td>
273
+ <td style="text-align: center">{{model.sums.f_yiwancheng}}</td>
274
+ <td style="text-align: center">{{model.sums.f_ruhu}}</td>
275
+ <td style="text-align: center">{{model.sums.f_chaichu}}</td>
276
+ <td style="text-align: center">{{model.sums.f_tingyong}}</td>
277
+ <td style="text-align: center">{{model.sums.f_weitongqi}}</td>
278
+ <td style="text-align: center">{{model.sums.f_tingyong}}</td>
279
+ <td style="text-align: center">{{model.sums.f_buyu}}</td>
280
+ <td style="text-align: center">{{model.sums.f_buyu2}}</td>
281
+ <td style="text-align: center">{{model.sums.f_buyu3}}</td>
282
+ <td style="text-align: center">{{model.sums.f_buyu4}}</td>
283
+ <td style="text-align: center">{{(parseFloat(model.sums.f_yishangmen) / parseFloat(model.sums.f_plan_total) * 100).toFixed(2) + '%'}}</td>
284
+ <td style="text-align: center">{{(parseFloat(model.sums.f_ruhu) / parseFloat(model.sums.f_plan_total) * 100).toFixed(2) + '%'}}</td>
285
+ <td style="text-align: center">{{(parseFloat(model.sums.f_yiwancheng) / parseFloat(model.sums.f_plan_total) * 100).toFixed(2) + '%'}}</td>
286
+
287
+ </template>
288
+ </data-grid>
289
+ </criteria-paged>
290
+ </div>
291
+ </template>
292
+
293
+ <script>
294
+ /**
295
+ *阶梯气价查询列表
296
+ */
297
+ import {PagedList} from 'vue-client'
298
+ import { HttpResetClass } from 'vue-client'
299
+ import XLSX from 'xlsx'
300
+ export default {
301
+ data () {
302
+ return {
303
+ model: new PagedList('rs/sql/getCheckPlanAreaList', 99999,{},{
304
+ f_plan_total:'',
305
+ f_weishangmen:'',
306
+ f_weijian:'',
307
+ f_yishangmen:'',
308
+ f_yijian:'',
309
+ f_yiwancheng:'',
310
+ f_ruhu:'',
311
+ f_chaichu:'',
312
+ f_tingyong:'',
313
+ f_weitongqi:'',
314
+ f_jujian:'',
315
+ f_buyu:'',
316
+ f_buyu2:'',
317
+ f_buyu3:'',
318
+ f_buyu4:'',
319
+ }),
320
+ // 公司下拉
321
+ curorgid: [this.$login.f.orgid],
322
+ row: {},
323
+ f_orgid: '',
324
+ nameForSql: [],
325
+ groupNameForSql: '',
326
+ listflag:false,
327
+ nameflag:false,
328
+ criteriaShow: false,
329
+ f_check_start:new Date().getFullYear() + '-01',
330
+ f_check_end:new Date().getFullYear() + '-12',
331
+ f_safe_start:'',
332
+ f_safe_end:'',
333
+ planName:[{label: '全部', value: ''}],
334
+ exportExcelField: {
335
+ f_plan_total:'计划总数',
336
+ f_weishangmen:'未上门',
337
+ f_weijian:'未安检',
338
+ f_yishangmen:'已上门',
339
+ f_yijian:'已安检',
340
+ f_yiwancheng:'已完成',
341
+ f_ruhu:'入户',
342
+ f_chaichu:'拆除',
343
+ f_tingyong:'停用',
344
+ f_weitongqi:'未通气',
345
+ f_jujian:'拒检',
346
+ f_buyu:'到访不遇1',
347
+ f_buyu2:'到访不遇2',
348
+ f_buyu3:'到访不遇3',
349
+ f_buyu4:'到访不遇3+',
350
+ f_shangmen_bv:'上门率',
351
+ f_check_bv:'安检率',
352
+ f_wangcheng_bv:'完成率'
353
+ }
354
+ }
355
+ },
356
+ props: {
357
+ row: {},
358
+ config: {},
359
+ ispartial: false,
360
+ f_filialeid: {
361
+ type: String
362
+ }
363
+ },
364
+ ready () {
365
+ this.nameForSql = ['f_plan_month', 'f_plan_name','f_checker_name','f_user_type','department']
366
+ this.groupNameForSql = 'f_plan_month', 'f_plan_name','f_checker_name','f_user_type,department'
367
+ this.pl()
368
+ // this.search()
369
+
370
+ },
371
+ methods: {
372
+ exportexcel(){
373
+ //tag
374
+ // 以上四行也可以直接一行搞定,如果不需要对表格数据进行修改的话
375
+ const aa = document.getElementsByClassName("list_area table_sy excelid")[0]
376
+ console.log(aa)
377
+ let workbook = XLSX.utils.table_to_book(document.getElementsByClassName("list_area table_sy excelid")[0])
378
+ try {
379
+ XLSX.writeFile(workbook, '安检情况汇总导出.xlsx');
380
+ } catch(e) {
381
+ //tag;
382
+ }
383
+ },
384
+ // 获取导出列
385
+ getexportExcelField(){
386
+ this.exportExcelField = {
387
+ f_plan_total:'计划总数',
388
+ f_weishangmen:'未上门',
389
+ f_weijian:'未安检',
390
+ f_yishangmen:'已上门',
391
+ f_yijian:'已安检',
392
+ f_yiwancheng:'已完成',
393
+ f_ruhu:'入户',
394
+ f_chaichu:'拆除',
395
+ f_tingyong:'停用',
396
+ f_weitongqi:'未通气',
397
+ f_jujian:'拒检',
398
+ f_buyu:'到访不遇1',
399
+ f_buyu2:'到访不遇2',
400
+ f_buyu3:'到访不遇3',
401
+ f_buyu4:'到访不遇3+',
402
+ f_shangmen_bv:'上门率',
403
+ f_check_bv:'安检率',
404
+ f_wangcheng_bv:'完成率'
405
+ }
406
+ let forName = this.groupNameForSql.split(",")
407
+ for (let i = 0; i < forName.length; i++) {
408
+ let ff = forName[i]
409
+ if (ff==='f_plan_month') {
410
+ this.exportExcelField.f_plan_month='计划月份'
411
+ }
412
+ if (ff==='f_no_checkplan') {
413
+ this.exportExcelField.f_no_checkplan='计划类型'
414
+ }
415
+ if (ff==='f_plan_name') {
416
+ this.exportExcelField.f_plan_name='计划名称'
417
+ }
418
+ if (ff==='f_checker_name') {
419
+ this.exportExcelField.f_checker_name='安检员'
420
+ }if (ff==='f_residential_area') {
421
+ this.exportExcelField.f_residential_area='小区名称'
422
+ }if (ff==='f_user_number') {
423
+ this.exportExcelField.f_user_number='档案数量'
424
+ }
425
+ }
426
+ },
427
+ pl() {
428
+ let getGasman = new HttpResetClass()
429
+ getGasman.load('POST', `rs/sql/safe_singleTable_OrderBy`, {
430
+ data: {
431
+ items: "id,f_plan_name",
432
+ tablename: "t_check_plan",
433
+ condition: `f_filialeid = '${this.curorgid}'`,
434
+ orderitem: "id"
435
+ }
436
+ }, {resolveMsg: null, rejectMsg: null}).then((plne) => {
437
+ //tag
438
+ //tag
439
+ //tag
440
+ for (let i = 0; i < plne.data.length; i++) {
441
+ this.planName.push({label: plne.data[i].f_plan_name, value: plne.data[i].id})
442
+ }
443
+ //tag
444
+ })
445
+ },
446
+ hiddenr() {
447
+ this.$parent.isdetail = !this.$parent.isdetail
448
+ },
449
+ hidden() {
450
+ this.criteriaShow = !this.criteriaShow
451
+ },
452
+ search () {
453
+ this.$refs.paged.$refs.cri.search()
454
+ this.$dispatch('search')
455
+ },
456
+ getorg (val) {
457
+ this.f_orgid = this.$login.convertToIn(val.resids)
458
+ this.f_filialeid = val[0]
459
+
460
+ },
461
+ selfSearch (args) {
462
+ if (!this.f_orgid) {
463
+ this.getorg([this.$login.f.orgid])
464
+ args.condition = `f_filialeid in ('${this.$login.f.orgid}') and ${args.condition}`
465
+ }
466
+ if (this.f_orgid) {
467
+ args.condition = `f_filialeid in ${this.f_orgid} and ${args.condition}`
468
+ }
469
+ if(this.f_check_start && this.f_check_end){
470
+ if(new Date(this.f_check_start).getFullYear() == new Date(this.f_check_end).getFullYear() ){
471
+ args.condition += ` and f_year>=${new Date(this.f_check_start).getFullYear()} and f_month>=${new Date(this.f_check_start).getMonth()+1} and f_month<=${new Date(this.f_check_end).getMonth()+1}`
472
+ }else {
473
+ args.condition += ` and (
474
+ (f_year = ${new Date(this.f_check_start).getFullYear()} and f_month >= ${new Date(this.f_check_start).getMonth()+1})
475
+ or
476
+ ( f_year > ${new Date(this.f_check_start).getFullYear()} and f_year < ${new Date(this.f_check_end).getFullYear()})
477
+ or
478
+ (f_year = ${new Date(this.f_check_end).getFullYear()} and f_month <= ${new Date(this.f_check_end).getMonth()+1}))`
479
+ }
480
+ } else {
481
+ if(this.f_check_start){
482
+ args.condition += ` and f_year>=${new Date(this.f_check_start).getFullYear()} and f_month>=${new Date(this.f_check_start).getMonth()+1}`
483
+ }
484
+ if(this.f_check_end){
485
+ args.condition += ` and f_year<=${new Date(this.f_check_end).getFullYear()} and f_month<=${new Date(this.f_check_end).getMonth()+1}`
486
+ }
487
+ }
488
+ if(this.f_safe_start && this.f_safe_end){
489
+ args.condition += `and ch.f_offsite_time >= '${this.f_safe_start}' and ch.f_offsite_time <= '${this.f_safe_end}' `
490
+ } else {
491
+ if(this.f_safe_start){
492
+ args.condition += ` and ch.f_offsite_time >='${this.f_safe_start}'`
493
+ }
494
+ if(this.f_safe_end){
495
+ args.condition += ` and ch.f_offsite_time <='${this.f_safe_end}'`
496
+ }
497
+ }
498
+ this.$refs.paged.$refs.grid.$el.scrollTop = 0
499
+ if (this.groupNameForSql=='undefined'){
500
+ //tag
501
+ this.$showMessage("请至少选择一项进行汇总")
502
+ return
503
+ }
504
+ this.model.paramSource = {groupName: `'${this.groupNameForSql}'`}
505
+ this.model.search(args.condition, args.model)
506
+ },
507
+
508
+ // 拼接groupName1
509
+ getGroupName1 () {
510
+ var temp=['f_plan_month','f_no_checkplan','f_residential_area','f_plan_name','f_checker_name','f_user_number','f_user_type','department']
511
+ var newtemp=[]
512
+
513
+ for (var i=0;i<temp.length;i++){
514
+ for (var j=0;j<this.nameForSql.length;j++){
515
+ //tag
516
+ if(temp[i]==this.nameForSql[j]){
517
+ newtemp.push(this.nameForSql[j])
518
+ }
519
+ }
520
+ }
521
+ let str = ''
522
+
523
+ for (var i=0;i < newtemp.length - 1; i++) {
524
+ str += newtemp[i] + ','
525
+ }
526
+ str += newtemp[i]
527
+ this.groupNameForSql = str.trim()
528
+ }
529
+ },
530
+ watch: {
531
+ // 'nameForSql' () {
532
+ //
533
+ // this.getGroupName1()
534
+ // },
535
+ 'nameForSql' () {
536
+ var e = document.createEvent("MouseEvents");
537
+ e.initEvent("click", true, true);
538
+ document.getElementById("btnaaa").dispatchEvent(e);
539
+ },
540
+ 'model.rows'(){
541
+ //tag
542
+ if(this.listflag){
543
+ return;
544
+ }
545
+ this.listflag=true
546
+ //tag
547
+ var temp=['f_plan_month','f_no_checkplan','f_residential_area','f_plan_name','f_checker_name','f_user_number']
548
+ var newtemp=[]
549
+ for (var i=0;i<temp.length;i++){
550
+ for (var j=0;j<this.nameForSql.length;j++){
551
+ //tag
552
+ if(temp[i]==this.nameForSql[j]){
553
+ newtemp.push(this.nameForSql[j])
554
+ }
555
+ }
556
+ }
557
+ if((newtemp.includes('f_user_number')&&newtemp.length==2)||(!newtemp.includes('f_user_number')&&newtemp.length==1)){
558
+ return
559
+ }
560
+ var temp=JSON.parse(JSON.stringify(this.model.rows))
561
+
562
+ //遍历查询结果 为指定列增加样式
563
+ for (var i=0;i<newtemp.length-1;i++){
564
+ if(newtemp[i]=='f_user_number'){
565
+ return;
566
+ }
567
+ //tag
568
+ var ss=''
569
+ for (var j=0;j<temp.length;j++){
570
+ if(j>0&&i>0){
571
+ var flag=false
572
+ for(var t=i-1;t>-1;t--){
573
+ //tag
574
+ //tag
575
+ //tag
576
+ //tag
577
+ if(temp[j-1][newtemp[t]]!=temp[j][newtemp[t]]&&(temp[j][newtemp[t]] !=null && temp[j][newtemp[t]].indexOf('*&') )==-1){
578
+ flag=true
579
+ break
580
+ }
581
+ }
582
+ //tag
583
+ if(flag){
584
+ ss=temp[j][newtemp[i]]
585
+ continue
586
+ }
587
+ }
588
+ if(temp[j][newtemp[i]]==ss){
589
+ temp[j][newtemp[i]]=temp[j][newtemp[i]]+'*&'
590
+ }else {
591
+ ss=temp[j][newtemp[i]]
592
+ }
593
+ }
594
+ }
595
+ //tag
596
+ this.model.rows=JSON.parse(JSON.stringify(temp))
597
+ }
598
+ },
599
+ computed:{
600
+ exportParameter(){
601
+ // excel 导出条件拼接
602
+ return {
603
+ condition: this.$refs.paged.model.condition,
604
+ groupName: this.groupNameForSql
605
+ }
606
+ }
607
+ }
608
+ }
609
+ </script>
610
+
611
+ <style scoped>
612
+
613
+ .td-0{
614
+ border: 1px solid #000000;
615
+ }
616
+
617
+ .td-1{
618
+ border: none;
619
+ border-top: 1px solid #000000;
620
+ border-left: 1px solid #000000;
621
+ border-right: 1px solid #000000;
622
+ }
623
+
624
+ .td-2{
625
+ border: none;
626
+ border-left: 1px solid #000000;
627
+ border-right: 1px solid #000000;
628
+ }
629
+ .td-4{
630
+ border: none;
631
+ border-top: 1px solid #000000;
632
+ border-left: 1px solid #000000;
633
+ border-right: 1px solid #000000;
634
+ border-bottom: 1px solid #000000;
635
+ }
636
+ .td-3{
637
+ border: none;
638
+ border-left: 1px solid #000000;
639
+ border-right: 1px solid #000000;
640
+ border-bottom: 1px solid #000000;
641
+ }
642
+ </style>