5a92a12b
 “wangming”
项目初始化
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
|
<template>
<div class="NCC-common-layout">
<div class="NCC-common-layout-center">
<el-row class="NCC-common-search-box" :gutter="16">
<el-form @submit.native.prevent>
<el-col :span="6">
<el-form-item label="故障代码">
<el-input v-model="query.code" placeholder="故障代码" clearable />
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="报警文本">
<el-input v-model="query.zwbjwb" placeholder="报警文本" clearable />
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="故障描述">
<el-input v-model="query.description" placeholder="故障描述" clearable />
</el-form-item>
</el-col>
<el-col :span="6">
|
|
d56bd957
“wangming”
修复问题，组建AI
|
22
23
|
<el-form-item label="关联产品">
<el-select v-model="query.sssb" placeholder="关联产品" clearable filterable style="width:100%">
|
|
5a92a12b
“wangming”
项目初始化
|
24
|
<el-option
|
|
d56bd957
“wangming”
修复问题，组建AI
|
25
|
v-for="item in cpglOptions"
|
|
5a92a12b
“wangming”
项目初始化
|
26
|
:key="item.id"
|
|
d56bd957
“wangming”
修复问题，组建AI
|
27
|
:label="(item.cpmc || '') + ' (' + (item.cpid || item.id) + ')'"
|
|
5a92a12b
“wangming”
项目初始化
|
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
|
:value="item.id"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="故障原因">
<el-input v-model="query.gzyy" placeholder="故障原因" clearable />
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="故障分类">
<el-select v-model="query.fl" placeholder="请选择故障分类" clearable filterable style="width:100%">
<el-option
v-for="item in flOptions"
:key="item.id"
:label="item.fullName"
:value="item.id"
/>
</el-select>
</el-form-item>
</el-col>
<template v-if="showAll">
<el-col :span="6">
<el-form-item label="发布时间">
<el-date-picker
v-model="query.fbsj"
type="daterange"
value-format="timestamp"
format="yyyy-MM-dd"
start-placeholder="开始日期"
end-placeholder="结束日期"
>
</el-date-picker>
</el-form-item>
</el-col>
<!-- 暂时隐藏规格筛选 -->
<!-- <el-col :span="6">
<el-form-item label="规格">
<el-input v-model="query.gg" placeholder="规格" clearable />
</el-form-item>
</el-col> -->
</template>
<el-col :span="6">
<el-form-item>
<el-button type="primary" icon="el-icon-search" @click="search()"
>查询</el-button
>
<el-button icon="el-icon-refresh-right" @click="reset()"
>重置</el-button
>
<el-button
type="text"
icon="el-icon-arrow-down"
@click="showAll = true"
v-if="!showAll"
>展开</el-button
>
<el-button
type="text"
icon="el-icon-arrow-up"
@click="showAll = false"
v-else
>收起</el-button
>
</el-form-item>
</el-col>
</el-form>
</el-row>
<div class="NCC-common-layout-main NCC-flex-main">
<div class="NCC-common-head">
<div>
<el-button
type="primary"
icon="el-icon-plus"
@click="addOrUpdateHandle()"
>新增</el-button
>
<el-button type="primary" plain icon="el-icon-download" @click="exportData()"
>导出</el-button
>
<el-button type="primary" plain icon="el-icon-upload2" @click="uploadForm()"
>导入</el-button
>
<el-button
type="text"
icon="el-icon-delete"
@click="handleBatchRemoveDel()"
>批量删除</el-button
>
</div>
<div class="NCC-common-head-right">
<el-tooltip effect="dark" content="刷新" placement="top">
<el-link
icon="icon-ym icon-ym-Refresh NCC-common-head-icon"
:underline="false"
@click="reset()"
/>
</el-tooltip>
<screenfull isContainer />
</div>
</div>
<NCC-table
v-loading="listLoading"
:data="list"
has-c
@selection-change="handleSelectionChange"
>
<el-table-column prop="sbmc" label="设备名称" align="left" />
|
|
d56bd957
“wangming”
修复问题，组建AI
|
138
|
<el-table-column label="关联产品" prop="sssb" align="left">
|
|
5a92a12b
“wangming”
项目初始化
|
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
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
|
<template slot-scope="scope">
{{ getDeviceName(scope.row.sssb) || scope.row.sbmc || '--' }}
</template>
</el-table-column>
<el-table-column prop="code" label="故障代码" align="left" />
<el-table-column prop="zwbjwb" label="报警文本" align="left" />
<el-table-column label="严重程度" prop="yzdcd" align="left">
<template slot-scope="scope">
<!-- 列表中“中等”统一显示为“一般” -->
<el-tag
v-if="scope.row.yzdcd === '轻微'"
type="info"
effect="dark"
size="small"
style="border-radius: 20px;"
>
轻微
</el-tag>
<el-tag
v-else-if="scope.row.yzdcd === '一般' || scope.row.yzdcd === '中等'"
type="warning"
effect="dark"
size="small"
style="border-radius: 20px;"
>
一般
</el-tag>
<el-tag
v-else-if="scope.row.yzdcd === '严重'"
type="danger"
effect="dark"
size="small"
style="border-radius: 20px;"
>
严重
</el-tag>
<span v-else>{{ scope.row.yzdcd || '-' }}</span>
</template>
</el-table-column>
<el-table-column
prop="fbsj"
label="发布时间"
align="left"
:formatter="ncc.tableDateFormat"
/>
<el-table-column label="操作" fixed="right" width="100">
<template slot-scope="scope">
<el-button type="text" @click="addOrUpdateHandle(scope.row.id)"
>编辑</el-button
>
<el-button
type="text"
@click="handleDel(scope.row.id)"
class="NCC-table-delBtn"
>删除</el-button
>
</template>
</el-table-column>
</NCC-table>
<pagination
:total="total"
:page.sync="listQuery.currentPage"
:limit.sync="listQuery.pageSize"
@pagination="initData"
/>
</div>
</div>
<NCC-Form v-if="formVisible" ref="NCCForm" @refresh="refresh" />
<ImportForm v-if="importFormVisible" ref="importForm" @refresh="reset()" />
</div>
</template>
<script>
import request from "@/utils/request";
import NCCForm from "./Form";
// 故障分类固定选项（与 Form 一致）
const GZCX_FL_OPTIONS = [
"机械故障", "电气故障", "液压故障", "气控故障", "操作不当", "维护不当", "意外事故", "安装相关", "其他原因"
].map((t) => ({ id: t, fullName: t }));
import ImportForm from "./ImportForm";
export default {
components: { NCCForm, ImportForm },
data() {
return {
showAll: false,
query: {
code: undefined,
description: undefined,
zwbjwb: undefined,
sssb: undefined,
gzyy: undefined,
fl: undefined,
fbsj: undefined,
},
list: [],
listLoading: true,
multipleSelection: [],
total: 0,
listQuery: {
currentPage: 1,
pageSize: 20,
sort: "asc",
sidx: "code",
},
formVisible: false,
importFormVisible: false,
columnList: [
{ prop: "code", label: "故障代码" },
{ prop: "keyword", label: "设备名称" },
{ prop: "sbmc", label: "设备名" },
|
|
d56bd957
“wangming”
修复问题，组建AI
|
249
|
{ prop: "sssb", label: "关联产品" },
|
|
5a92a12b
“wangming”
项目初始化
|
250
251
252
253
254
255
256
257
258
259
260
|
{ prop: "yzdcd", label: "严重程度" },
// 隐藏字段：故障核对、规格
// { prop: "gzhd", label: "故障核对" },
{ prop: "description", label: "故障描述" },
{ prop: "zwbjwb", label: "报警文本" },
{ prop: "wbjdm", label: "外部简单描述" },
{ prop: "fbsj", label: "发布时间" },
{ prop: "fl", label: "分类" },
// { prop: "gg", label: "规格" },
],
flOptions: GZCX_FL_OPTIONS,
|
|
d56bd957
“wangming”
修复问题，组建AI
|
261
|
cpglOptions: [], // 产品管理选项，用于关联产品
|
|
5a92a12b
“wangming”
项目初始化
|
262
263
264
265
|
};
},
computed: {},
created() {
|
|
d56bd957
“wangming”
修复问题，组建AI
|
266
|
this.getCpglOptions();
|
|
5a92a12b
“wangming”
项目初始化
|
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
|
this.initData();
},
methods: {
uploadForm() {
function findCategoryById(options, targetId) {
for (const item of options) {
if (item.id == targetId) {
return item;
}
if (item.children && item.children.length > 0) {
const found = findCategoryById(item.children, targetId);
if (found) return found;
}
}
return null;
}
this.importFormVisible = true;
this.$nextTick(() => {
//取到分类名称
var fl = this.query.fl;
var opt = this.flOptions;
var flm = findCategoryById(this.flOptions, this.query.fl);
if (flm) this.$refs.importForm.init(flm.id, flm.fullName);
else this.$refs.importForm.init();
});
},
|
|
d56bd957
“wangming”
修复问题，组建AI
|
295
|
getCpglOptions() {
|
|
5a92a12b
“wangming”
项目初始化
|
296
|
request({
|
|
d56bd957
“wangming”
修复问题，组建AI
|
297
|
url: '/api/Extend/Cpgl',
|
|
5a92a12b
“wangming”
项目初始化
|
298
299
300
|
method: 'GET',
data: { currentPage: 1, pageSize: 1000 }
}).then(res => {
|
|
d56bd957
“wangming”
修复问题，组建AI
|
301
|
this.cpglOptions = res.data.list || []
|
|
5a92a12b
“wangming”
项目初始化
|
302
|
}).catch(err => {
|
|
d56bd957
“wangming”
修复问题，组建AI
|
303
304
|
console.error('获取产品管理列表失败:', err)
this.cpglOptions = []
|
|
5a92a12b
“wangming”
项目初始化
|
305
306
307
308
|
})
},
getDeviceName(deviceId) {
if (!deviceId) return '';
|
|
d56bd957
“wangming”
修复问题，组建AI
|
309
310
|
const cp = this.cpglOptions.find(item => item.id === deviceId);
return cp ? (cp.cpmc || cp.cpid || '') : '';
|
|
5a92a12b
“wangming”
项目初始化
|
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
|
},
initData() {
this.listLoading = true;
let _query = {
...this.listQuery,
...this.query,
};
let query = {};
for (let key in _query) {
if (Array.isArray(_query[key])) {
query[key] = _query[key].join();
} else {
query[key] = _query[key];
}
}
request({
url: `/api/Extend/Gzcx`,
method: "GET",
data: query,
}).then((res) => {
this.list = res.data.list;
this.total = res.data.pagination.total;
this.listLoading = false;
});
},
handleDel(id) {
this.$confirm("此操作将永久删除该数据, 是否继续?", "提示", {
type: "warning",
})
.then(() => {
request({
url: `/api/Extend/Gzcx/${id}`,
method: "DELETE",
}).then((res) => {
this.$message({
type: "success",
message: res.msg,
onClose: () => {
this.initData();
},
});
});
})
.catch(() => {});
},
handleSelectionChange(val) {
const res = val.map((item) => item.id);
this.multipleSelection = res;
},
handleBatchRemoveDel() {
if (!this.multipleSelection.length) {
this.$message({
type: "error",
message: "请选择一条数据",
duration: 1500,
});
return;
}
const ids = this.multipleSelection;
this.$confirm("您确定要删除这些数据吗, 是否继续？", "提示", {
type: "warning",
})
.then(() => {
request({
url: `/api/Extend/Gzcx/batchRemove`,
method: "POST",
data: ids,
}).then((res) => {
this.$message({
type: "success",
message: res.msg,
onClose: () => {
this.initData();
},
});
});
})
.catch(() => {});
},
addOrUpdateHandle(id, isDetail) {
this.formVisible = true;
this.$nextTick(() => {
this.$refs.NCCForm.init(id, isDetail);
});
},
exportData() {
const ids = this.multipleSelection && this.multipleSelection.length > 0 ? this.multipleSelection : null;
const query = { ...this.listQuery, ...this.query };
if (ids && ids.length) query.ids = ids.join(",");
request({
url: "/api/Extend/Gzcx/Actions/Export",
method: "GET",
data: query,
}).then((res) => {
if (!res.data || !res.data.url) return;
window.location.href = this.define.comUrl + res.data.url;
this.$message.success("导出成功");
}).catch(() => {});
},
search() {
this.listQuery = {
currentPage: 1,
pageSize: 20,
sort: "desc",
sidx: "",
};
this.initData();
},
refresh(isrRefresh) {
this.formVisible = false;
if (isrRefresh) {
// 保持当前页码，只刷新数据
this.initData();
}
},
reset() {
for (let key in this.query) {
this.query[key] = undefined;
}
this.listQuery = {
currentPage: 1,
pageSize: 20,
sort: "desc",
sidx: "",
};
this.initData();
},
},
};
</script>
|
