safecheck-client 3.0.34-86 → 3.0.34-88

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,161 +1,279 @@
1
- <template>
2
- <div class="panel panel-default auto repair-info-content">
3
- <div class="panel-body">
4
- <div class="panel panel-default well" v-for="(idx,row) in model">
5
- <div class="bg-info" v-if="idx == 0">
6
- <div class="row form-group">
7
- <div class="col-xs-12 col-sm-12 col-md-12">
8
- <div class="row">
9
- <div class="row app-row">
10
- <div class="col-xs-3">
11
- <img style="width: 70px;height: 70px" src="./touxiang.png">
12
- </div>
13
- <div class="col-xs-8" style="font-size: 25px;margin-top: 20px;">
14
- <p>{{ model[0].f_user_name }}</p>
15
- </div>
16
- </div>
17
- <div class="row app-row" style="margin-top: 10px;">
18
- <div class="col-xs-3">
19
- <label class="font text-left">用户编号</label>
20
- </div>
21
- <div class="col-xs-8" >
22
- <p>{{ model[0].f_userinfo_code }}</p>
23
- </div>
24
- </div>
25
- <div class="row app-row">
26
- <div class="col-xs-3">
27
- <label class="font text-left">用户电话</label>
28
- </div>
29
- <div class="col-xs-8" >
30
- <p>{{ model[0].f_user_phone }}</p>
31
- </div>
32
- </div>
33
- <div class="row app-row">
34
- <div class="col-xs-3">
35
- <label class="font text-left">用户地址</label>
36
- </div>
37
- <div class="col-xs-8" >
38
- <p>{{ model[0].f_address }}</p>
39
- </div>
40
- </div>
41
- </div>
42
- </div>
43
- </div>
44
- </div>
45
- <div class="bg-info" @click="viewDetails(row)">
46
- <div class="row form-group">
47
- <div class="col-xs-12 col-sm-12 col-md-12">
48
- <div class="row app-row">
49
- <div class="col-xs-3">
50
- <label class="font text-left">安检时间</label>
51
- </div>
52
- <div class="col-xs-8" >
53
- <p>{{ row.f_offsite_time }}</p>
54
- </div>
55
- </div>
56
- <div class="row app-row">
57
- <div class="col-xs-3">
58
- <label class="font text-left">安检员</label>
59
- </div>
60
- <div class="col-xs-8" >
61
- <p>{{ row.f_checker_name }}</p>
62
- </div>
63
- </div>
64
- <div class="row app-row">
65
- <div class="col-xs-3">
66
- <label class="font text-left">安检状态</label>
67
- </div>
68
- <div class="col-xs-8" >
69
- <p>{{ row.f_entry_status }}</p>
70
- </div>
71
- </div>
72
- <div class="row app-row">
73
- <div class="col-xs-3">
74
- <label class="font text-left">安检结果</label>
75
- </div>
76
- <div class="col-xs-8" >
77
- <p>{{ row.f_defect_content.includes('正常') ? '正常' : '有隐患' }}</p>
78
- </div>
79
- </div>
80
- <div class="row app-row">
81
- <div class="col-xs-3">
82
- <label class="font text-left">整改内容</label>
83
- </div>
84
- <div class="col-xs-8" >
85
- <p>{{ row.f_defect_text }}</p>
86
- </div>
87
- </div>
88
- </div>
89
- </div>
90
- </div>
91
- </div>
92
- </div>
93
- </div>
94
- </template>
95
-
96
- <script>
97
- import {HttpResetClass} from 'vue-client'
98
-
99
- export default {
100
- title: '查询用户',
101
- data() {
102
- return {
103
- model: [],
104
- f_safecheck_code: ''
105
- }
106
- },
107
- methods: {
108
- viewDetails(row){
109
- let pardate = {
110
- _this:this,
111
- title:'安检信息',
112
- safe:false
113
- }
114
- this.$dispatch('gotoson',pardate)
115
- this.$goto('view-details-examples', {item: row, role: 'view'}, 'self')
116
- },
117
- getmodel() {
118
- let http = new HttpResetClass()
119
- http.load('POST', `rs/sql/tel_singleTable_OrderBy`, {
120
- data: {
121
- items: "tcp.*,CASE WHEN CHARINDEX( '\"result\":\"正常\"', f_defect_content ) > 0 THEN '无隐患' ELSE replace(replace(replace( replace( RIGHT ( f_defect_content, len( f_defect_content ) - 26 ), substring('{}',2,1), '' ), substring('{}',1,1), '' ),']',''),'\"','') END as f_defect_text",
122
- tablename: 't_check_paper tcp left join t_qr_code tqr on tcp.f_userinfo_code = tqr.f_userinfo_id',
123
- condition: `tqr.f_safecheck_code = '${this.f_safecheck_code}'`,
124
- orderitem: 'tcp.f_offsite_time desc'
125
- }
126
- },{resolveMsg: null,rejectMsg: null}).then((res) => {
127
- this.model = res.data
128
- })
129
- },
130
- },
131
- ready() {
132
- console.log(window.location.href)
133
- let url = window.location.href
134
- if (url.includes('id')){
135
- const urlObj = new URL(url);
136
- this.f_safecheck_code = urlObj.searchParams.get('id')
137
- this.getmodel()
138
- }else {
139
- console.log(window.location.href)
140
- console.log('非法数据')
141
- this.getmodel()
142
- }
143
- }
144
- }
145
- </script>
146
- <style scoped>
147
- .panel-default {
148
- }
149
-
150
- .well {
151
- background-color: #ffffff;
152
- }
153
-
154
- .bg-info {
155
- background-color: #ffffff;
156
- }
157
-
158
- .form-group {
159
- margin-top: 10px;
160
- }
161
- </style>
1
+ <template>
2
+ <div class="panel panel-default auto repair-info-content work-badge">
3
+ <div class="panel-body" style="margin-top: 20px;">
4
+ <div class="bg-info">
5
+ <div class="row form-group">
6
+ <div class="col-xs-12 col-sm-12 col-md-12">
7
+ <div class="row" style="padding: 10px;">
8
+ <div class="row app-row">
9
+ <div class="col-xs-3">
10
+ <img style="width: 60px;" src="./touxiang.png">
11
+ </div>
12
+ <div class="col-xs-8" style="font-size: 20px;margin-top: 20px;">
13
+ <p>{{ model[0].f_user_name }}</p>
14
+ </div>
15
+ </div>
16
+ <div class="row app-row" style="margin-top: 10px;">
17
+ <div class="col-xs-3">
18
+ <label class="font text-left lable">用户编号</label>
19
+ </div>
20
+ <div class="col-xs-8" >
21
+ <p>{{ model[0].f_userinfo_code }}</p>
22
+ </div>
23
+ </div>
24
+ <div class="row app-row">
25
+ <div class="col-xs-3">
26
+ <label class="font text-left lable">用户电话</label>
27
+ </div>
28
+ <div class="col-xs-8" >
29
+ <p>{{ model[0].f_user_phone }}</p>
30
+ </div>
31
+ </div>
32
+ <div class="row app-row">
33
+ <div class="col-xs-3">
34
+ <label class="font text-left lable">用户地址</label>
35
+ </div>
36
+ <div class="col-xs-8" >
37
+ <p>{{ model[0].f_address }}</p>
38
+ </div>
39
+ </div>
40
+ <div class="row app-row">
41
+ <div class="col-xs-3">
42
+ <label class="font text-left lable">用户状态</label>
43
+ </div>
44
+ <div class="col-xs-8" >
45
+ <p>{{ model[0].f_user_state }}</p>
46
+ </div>
47
+ </div>
48
+ <div class="row app-row">
49
+ <div class="col-xs-3">
50
+ <label class="font text-left lable">气表状态</label>
51
+ </div>
52
+ <div class="col-xs-8" >
53
+ <p>{{ model[0].f_table_state }}</p>
54
+ </div>
55
+ </div>
56
+ <div class="row app-row">
57
+ <div class="col-xs-3">
58
+ <label class="font text-left lable">用气性质</label>
59
+ </div>
60
+ <div class="col-xs-8" >
61
+ <p>{{ model[0].f_gasproperties }}</p>
62
+ </div>
63
+ </div>
64
+ <div class="row app-row">
65
+ <div class="col-xs-3">
66
+ <label class="font text-left lable">表号</label>
67
+ </div>
68
+ <div class="col-xs-8" >
69
+ <p>{{ model[0].f_meternumber }}</p>
70
+ </div>
71
+ </div>
72
+ <div class="row app-row">
73
+ <div class="col-xs-3">
74
+ <label class="font text-left lable">气表品牌</label>
75
+ </div>
76
+ <div class="col-xs-8" >
77
+ <p>{{ model[0].f_meter_brand }}</p>
78
+ </div>
79
+ </div>
80
+ <div class="row app-row">
81
+ <div class="col-xs-3">
82
+ <label class="font text-left lable">气价名称</label>
83
+ </div>
84
+ <div class="col-xs-8" >
85
+ <p>{{ model[0].f_price_name }}</p>
86
+ </div>
87
+ </div>
88
+ <div class="row app-row">
89
+ <div class="col-xs-3">
90
+ <label class="font text-left lable">上报时间</label>
91
+ </div>
92
+ <div class="col-xs-8" >
93
+ <p>{{ model[0].f_upload_date }}</p>
94
+ </div>
95
+ </div>
96
+ </div>
97
+ </div>
98
+ </div>
99
+ </div>
100
+ <div class="row" style="text-align: center;background-color: #ffffff;">
101
+ <label class="font text-left" style="padding: 15px;" @click="showView=0" :style="{'color':showView == 0?'#003fffcf':'#a8a4a4'}">安检记录</label>
102
+ <label class="font text-left" style="padding: 15px;" @click="showView=1" :style="{'color':showView == 1?'#003fffcf':'#a8a4a4'}">物联网表上报情况</label>
103
+ </div>
104
+ <div style="margin-top: 10px" v-if="showView === 0" class="panel panel-default well" v-for="(idx,row) in model">
105
+ <div class="bg-info" @click="viewDetails(row)">
106
+ <div class="row form-group">
107
+ <div class="col-xs-12 col-sm-12 col-md-12">
108
+ <div class="row app-row">
109
+ <div class="col-xs-3">
110
+ <label class="font text-left lable">安检时间</label>
111
+ </div>
112
+ <div class="col-xs-8" >
113
+ <p>{{ row.f_offsite_time }}</p>
114
+ </div>
115
+ </div>
116
+ <div class="row app-row">
117
+ <div class="col-xs-3">
118
+ <label class="font text-left lable">安检人</label>
119
+ </div>
120
+ <div class="col-xs-8" >
121
+ <p>{{ row.f_checker_name }}</p>
122
+ </div>
123
+ </div>
124
+ <div class="row app-row">
125
+ <div class="col-xs-3">
126
+ <label class="font text-left lable">安检状态</label>
127
+ </div>
128
+ <div class="col-xs-8" >
129
+ <p>{{ row.f_entry_status }}</p>
130
+ </div>
131
+ </div>
132
+ <div class="row app-row">
133
+ <div class="col-xs-3">
134
+ <label class="font text-left lable">安检结果</label>
135
+ </div>
136
+ <div class="col-xs-8" >
137
+ <p>{{ row.f_defect_content.includes('正常') ? '正常' : '有隐患' }}</p>
138
+ </div>
139
+ </div>
140
+ <div class="row app-row">
141
+ <div class="col-xs-3">
142
+ <label class="font text-left lable">整改内容</label>
143
+ </div>
144
+ <div class="col-xs-8" >
145
+ <p>{{ row.f_defect_text || '无' }}</p>
146
+ </div>
147
+ </div>
148
+ </div>
149
+ </div>
150
+ </div>
151
+ </div>
152
+ <div style="margin-top: 10px" v-if="showView === 1" class="panel panel-default well" v-for="(idx,row) in model">
153
+ <div class="bg-info" @click="viewDetails(row)">
154
+ <div class="row form-group">
155
+ <div class="col-xs-12 col-sm-12 col-md-12">
156
+ <div class="row app-row">
157
+ <div class="col-xs-3">
158
+ <label class="font text-left lable">安检时间</label>
159
+ </div>
160
+ <div class="col-xs-8" >
161
+ <p>{{ row.f_offsite_time }}</p>
162
+ </div>
163
+ </div>
164
+ <div class="row app-row">
165
+ <div class="col-xs-3">
166
+ <label class="font text-left lable">安检人</label>
167
+ </div>
168
+ <div class="col-xs-8" >
169
+ <p>{{ row.f_checker_name }}</p>
170
+ </div>
171
+ </div>
172
+ <div class="row app-row">
173
+ <div class="col-xs-3">
174
+ <label class="font text-left lable">安检状态</label>
175
+ </div>
176
+ <div class="col-xs-8" >
177
+ <p>{{ row.f_entry_status }}</p>
178
+ </div>
179
+ </div>
180
+ <div class="row app-row">
181
+ <div class="col-xs-3">
182
+ <label class="font text-left lable">安检结果</label>
183
+ </div>
184
+ <div class="col-xs-8" >
185
+ <p>{{ row.f_defect_content.includes('正常') ? '正常' : '有隐患' }}</p>
186
+ </div>
187
+ </div>
188
+ <div class="row app-row">
189
+ <div class="col-xs-3">
190
+ <label class="font text-left lable">整改内容</label>
191
+ </div>
192
+ <div class="col-xs-8" >
193
+ <p>{{ row.f_defect_text || '无' }}</p>
194
+ </div>
195
+ </div>
196
+ </div>
197
+ </div>
198
+ </div>
199
+ </div>
200
+ </div>
201
+ </div>
202
+ </template>
203
+
204
+ <script>
205
+ import {HttpResetClass} from 'vue-client'
206
+
207
+ export default {
208
+ title: '查询用户',
209
+ data() {
210
+ return {
211
+ model: [],
212
+ showView:0,
213
+ f_safecheck_code: ''
214
+ }
215
+ },
216
+ methods: {
217
+ viewDetails(row){
218
+ let pardate = {
219
+ _this:this,
220
+ title:'安检信息',
221
+ safe:false
222
+ }
223
+ this.$dispatch('gotoson',pardate)
224
+ this.$goto('view-details-examples', {item: row, role: 'view'}, 'self')
225
+ },
226
+ getmodel() {
227
+ let http = new HttpResetClass()
228
+ http.load('POST', `rs/sql/tel_singleTable_OrderBy`, {
229
+ data: {
230
+ items: "tcp.*,CASE WHEN CHARINDEX( '\"result\":\"正常\"', f_defect_content ) > 0 THEN '无隐患' ELSE replace(replace(replace( replace( RIGHT ( f_defect_content, len( f_defect_content ) - 26 ), substring('{}',2,1), '' ), substring('{}',1,1), '' ),']',''),'\"','') END as f_defect_text",
231
+ tablename: 't_check_paper tcp left join t_qr_code tqr on tcp.f_userinfo_code = tqr.f_userinfo_id',
232
+ condition: `tqr.f_safecheck_code = '${this.f_safecheck_code}'`,
233
+ orderitem: 'tcp.f_offsite_time desc'
234
+ }
235
+ },{resolveMsg: null,rejectMsg: null}).then((res) => {
236
+ this.model = res.data
237
+ })
238
+ },
239
+ },
240
+ ready() {
241
+ console.log(window.location.href)
242
+ let url = window.location.href
243
+ if (url.includes('id')){
244
+ const urlObj = new URL(url);
245
+ this.f_safecheck_code = urlObj.searchParams.get('id')
246
+ this.getmodel()
247
+ }else {
248
+ console.log(window.location.href)
249
+ console.log('非法数据')
250
+ this.getmodel()
251
+ }
252
+ }
253
+ }
254
+ </script>
255
+ <style scoped>
256
+ .panel-default {
257
+ }
258
+
259
+ .well {
260
+ background-color: #ffffff;
261
+ }
262
+
263
+ .bg-info {
264
+ background-color: #ffffff;
265
+ }
266
+
267
+ .form-group {
268
+ margin-top: 10px;
269
+ }
270
+
271
+ .work-badge{
272
+ background-image: url('./410.png');
273
+
274
+ }
275
+
276
+ .lable{
277
+ color: #a8a4a4;
278
+ }
279
+ </style>