vue-mes
查看 | 历史 | 提交 | 提交对比
懒羊羊
2024-01-09 24a64475ee9582f0f09f899b7800a4f7101eaa30
提交 | 用户 | 时间
94f7fb 1 <template>
YY 2   <div class="app-container">
21530e 3     <el-card class="box-card">
c96526 4     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="100px">
H 5       <el-form-item label="总成序列号" prop="sfcCode">
ed2060 6         <el-input
c96526 7           v-model="queryParams.sfcCode"
H 8           placeholder="请输入总成序列号"
ed2060 9           clearable
YY 10           @keyup.enter.native="handleQuery"
11         />
12       </el-form-item>
c96526 13       <el-form-item label="工单编号" prop="workOrderNo">
ed2060 14         <el-input
c96526 15           v-model="queryParams.workOrderNo"
H 16           placeholder="请输入工单编号"
17           clearable
18           @keyup.enter.native="handleQuery"
19         />
20       </el-form-item>
21       <el-form-item label="工序编号" prop="processesCode">
22         <el-input
23           v-model="queryParams.processesCode"
24           placeholder="请输入工序编号"
ed2060 25           clearable
YY 26           @keyup.enter.native="handleQuery"
27         />
28       </el-form-item>
21530e 29       <el-form-item style="float: right">
94f7fb 30         <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
c96526 31         <el-button type="warning" icon="el-icon-copy-document" size="mini" @click="advancedQuery">高级查询</el-button>
94f7fb 32         <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
YY 33       </el-form-item>
34     </el-form>
c96526 35       <el-form :model="queryParams" ref="queryParams" size="small" :inline="true" v-show="advancedShowSearch" label-width="100px">
H 36         <el-form-item label="参数集编码" prop="parameterSetCode">
37           <el-input
38             v-model="queryParams.parameterSetCode"
39             placeholder="请输入参数集编码"
40             clearable
41             @keyup.enter.native="handleQuery"
42           />
43         </el-form-item>
44         <el-form-item label="参数编码" prop="paramCode">
45           <el-input
46             v-model="queryParams.paramCode"
47             placeholder="请输入参数编码"
48             clearable
49             @keyup.enter.native="handleQuery"
50           />
51         </el-form-item>
52         <el-form-item label="参数类型" prop="type">
53           <el-input
54             v-model="queryParams.type"
55             placeholder="请输入参数类型"
56             clearable
57             @keyup.enter.native="handleQuery"
58           />
59         </el-form-item>
60         <el-form-item label="采集时间" prop="collectionTime">
61           <el-date-picker clearable
62                           v-model="queryParams.collectionTime"
63                           type="date"
64                           value-format="yyyy-MM-dd"
65                           placeholder="请选择采集时间">
66           </el-date-picker>
67         </el-form-item>
68       </el-form>
21530e 69     </el-card>
H 70     <el-card style="margin-top: 10px" class="box-card">
94f7fb 71     <el-row :gutter="10" class="mb8">
YY 72       <el-col :span="1.5">
73         <el-button
74           type="primary"
75           plain
76           icon="el-icon-plus"
77           size="mini"
78           @click="handleAdd"
79           v-hasPermi="['main:paramCollection:add']"
80         >新增</el-button>
81       </el-col>
82       <el-col :span="1.5">
83         <el-button
84           type="success"
85           plain
86           icon="el-icon-edit"
87           size="mini"
88           :disabled="single"
89           @click="handleUpdate"
90           v-hasPermi="['main:paramCollection:edit']"
91         >修改</el-button>
92       </el-col>
93       <el-col :span="1.5">
94         <el-button
95           type="danger"
96           plain
97           icon="el-icon-delete"
98           size="mini"
99           :disabled="multiple"
100           @click="handleDelete"
101           v-hasPermi="['main:paramCollection:remove']"
102         >删除</el-button>
103       </el-col>
104       <el-col :span="1.5">
105         <el-button
106           type="warning"
107           plain
108           icon="el-icon-download"
109           size="mini"
110           @click="handleExport"
111           v-hasPermi="['main:paramCollection:export']"
112         >导出</el-button>
113       </el-col>
114       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
115     </el-row>
116
21530e 117     <el-table v-loading="loading" border :data="paramCollectionList" @selection-change="handleSelectionChange" v-if="paramCollectionList.length > 0">
94f7fb 118       <el-table-column type="selection" width="55" align="center" />
YY 119       <el-table-column label="工单编号" align="center" prop="workOrderNo">
120       </el-table-column>
ed2060 121       <el-table-column label="总成序列号" align="center" width="100" prop="sfcCode">
94f7fb 122       </el-table-column>
YY 123       <el-table-column label="产品编号" align="center" prop="productCode">
124       </el-table-column>
125       <el-table-column label="产线编号" align="center" prop="productionLine">
126       </el-table-column>
c96526 127       <el-table-column label="工序编号" align="center" prop="processesCode">
94f7fb 128       </el-table-column>
YY 129       <el-table-column label="设备编号" align="center" prop="equipmentNo">
130       </el-table-column>
131       <el-table-column label="参数编码" align="center" prop="paramCode">
132       </el-table-column>
133       <el-table-column label="参数值" align="center" prop="paramValue">
134       </el-table-column>
135       <el-table-column label="参数上限" align="center" prop="paramUpper">
136       </el-table-column>
137       <el-table-column label="参数下限" align="center" prop="paramLower">
138       </el-table-column>
139       <el-table-column label="标准值" align="center" prop="paramStandard">
140       </el-table-column>
141       <el-table-column label="采集时间" align="center" prop="collectionTime" width="180">
142         <template slot-scope="scope">
143           <span>{{ parseTime(scope.row.collectionTime, '{y}-{m}-{d}') }}</span>
144         </template>
145       </el-table-column>
146       <el-table-column label="状态" align="center" prop="state">
147       </el-table-column>
148       <el-table-column label="参数名称" align="center" prop="paramName">
149       </el-table-column>
150       <el-table-column label="单位" align="center" prop="unit">
151       </el-table-column>
c96526 152       <el-table-column label="参数类型" align="center" prop="type">
94f7fb 153       </el-table-column>
c96526 154       <el-table-column fixed="right" label="操作" width="200" align="center" class-name="small-padding fixed-width">
94f7fb 155         <template slot-scope="scope">
YY 156           <el-button
157             size="mini"
c96526 158             type="success"
H 159             style="width: 72px"
94f7fb 160             icon="el-icon-edit"
YY 161             @click="handleUpdate(scope.row)"
162             v-hasPermi="['main:paramCollection:edit']"
163           >修改</el-button>
164           <el-button
165             size="mini"
c96526 166             type="danger"
H 167             style="width: 72px"
94f7fb 168             icon="el-icon-delete"
YY 169             @click="handleDelete(scope.row)"
170             v-hasPermi="['main:paramCollection:remove']"
171           >删除</el-button>
172         </template>
173       </el-table-column>
174     </el-table>
21530e 175       <el-empty v-else>
H 176         <span slot="description">暂无数据</span>
177       </el-empty>
178     </el-card>
94f7fb 179
YY 180     <pagination
181       v-show="total>0"
182       :total="total"
183       :page.sync="queryParams.pageNum"
184       :limit.sync="queryParams.pageSize"
185       @pagination="getList"
186     />
187
188     <!-- 添加或修改设备产品过程参数采集对话框 -->
c96526 189     <el-dialog v-dialogpop-up :title="title" :visible.sync="open" width="600px" append-to-body>
H 190       <el-form ref="form" :model="form" :rules="rules" label-width="100px">
94f7fb 191         <el-form-item label="工单编号" prop="workOrderNo">
c96526 192           <el-input v-model="form.workOrderNo"  placeholder="请输入工单编号" />
94f7fb 193         </el-form-item>
YY 194         <el-form-item label="总成序列号" prop="sfcCode">
c96526 195           <el-input v-model="form.sfcCode"  placeholder="请输入总成序列号" />
94f7fb 196         </el-form-item>
YY 197         <el-form-item label="产品编号" prop="productCode">
c96526 198           <el-input v-model="form.productCode"  placeholder="请输入产品编号" />
94f7fb 199         </el-form-item>
YY 200         <el-form-item label="产线编号" prop="productionLine">
c96526 201           <el-input v-model="form.productionLine"  placeholder="请输入产线编号" />
94f7fb 202         </el-form-item>
c96526 203         <el-form-item label="工序编号" prop="processesCode">
H 204           <el-input v-model="form.processesCode"  placeholder="请输入工序编号" />
94f7fb 205         </el-form-item>
YY 206         <el-form-item label="设备编号" prop="equipmentNo">
c96526 207           <el-input v-model="form.equipmentNo"  placeholder="请输入设备编号" />
94f7fb 208         </el-form-item>
YY 209         <el-form-item label="参数编码" prop="paramCode">
c96526 210           <el-input v-model="form.paramCode"  placeholder="请输入参数编码" />
94f7fb 211         </el-form-item>
YY 212         <el-form-item label="参数值" prop="paramValue">
c96526 213           <el-input v-model="form.paramValue"  placeholder="请输入参数值" />
94f7fb 214         </el-form-item>
YY 215         <el-form-item label="参数上限" prop="paramUpper">
c96526 216           <el-input v-model="form.paramUpper"  placeholder="请输入参数上限" />
94f7fb 217         </el-form-item>
YY 218         <el-form-item label="参数下限" prop="paramLower">
c96526 219           <el-input v-model="form.paramLower"  placeholder="请输入参数下限" />
94f7fb 220         </el-form-item>
YY 221         <el-form-item label="标准值" prop="paramStandard">
c96526 222           <el-input v-model="form.paramStandard"  placeholder="请输入标准值" />
94f7fb 223         </el-form-item>
YY 224         <el-form-item label="采集时间" prop="collectionTime">
225           <el-date-picker clearable
226             v-model="form.collectionTime"
227             type="date"
228             value-format="yyyy-MM-dd"
229             placeholder="请选择采集时间">
230           </el-date-picker>
231         </el-form-item>
232         <el-form-item label="状态" prop="state">
233           <el-input v-model="form.state" placeholder="请输入状态" />
234         </el-form-item>
235         <el-form-item label="参数名称" prop="paramName">
236           <el-input v-model="form.paramName" placeholder="请输入参数名称" />
237         </el-form-item>
238         <el-form-item label="单位" prop="unit">
239           <el-input v-model="form.unit" placeholder="请输入单位" />
240         </el-form-item>
c96526 241         <el-form-item label="参数类型" prop="type">
94f7fb 242           <el-select v-model="form.type" placeholder="请选择类型">
YY 243           </el-select>
244         </el-form-item>
245       </el-form>
246       <div slot="footer" class="dialog-footer">
247         <el-button type="primary" @click="submitForm">确 定</el-button>
248         <el-button @click="cancel">取 消</el-button>
249       </div>
250     </el-dialog>
251   </div>
252 </template>
253
254 <script>
255 import { listParamCollection, getParamCollection, delParamCollection, addParamCollection, updateParamCollection } from "@/api/main/da/paramCollection/paramCollection";
256
257 export default {
258   name: "ParamCollection",
259   data() {
260     return {
261       // 遮罩层
262       loading: true,
263       // 选中数组
264       ids: [],
265       // 非单个禁用
266       single: true,
267       // 非多个禁用
268       multiple: true,
269       // 显示搜索条件
270       showSearch: true,
271       // 总条数
272       total: 0,
273       // 设备产品过程参数采集表格数据
274       paramCollectionList: [],
c96526 275       advancedShowSearch: false,
94f7fb 276       // 弹出层标题
YY 277       title: "",
278       // 是否显示弹出层
279       open: false,
280       // 查询参数
281       queryParams: {
282         pageNum: 1,
283         pageSize: 10,
284         workOrderNo: null,
285         sfcCode: null,
286         productCode: null,
287         productionLine: null,
288         locationCode: null,
289         equipmentNo: null,
290         paramCode: null,
291       },
292       // 表单参数
293       form: {},
294       // 表单校验
295       rules: {
296         id: [
297           { required: true, message: "主键id不能为空", trigger: "blur" }
298         ],
299         workOrderNo: [
300           { required: true, message: "工单编号不能为空", trigger: "blur" }
301         ],
302         sfcCode: [
303           { required: true, message: "总成序列号不能为空", trigger: "blur" }
304         ],
305         productCode: [
306           { required: true, message: "产品编号不能为空", trigger: "blur" }
307         ],
308         productionLine: [
309           { required: true, message: "产线编号不能为空", trigger: "blur" }
310         ],
311         locationCode: [
312           { required: true, message: "工位编号不能为空", trigger: "blur" }
313         ],
314         paramCode: [
315           { required: true, message: "参数编码不能为空", trigger: "blur" }
316         ],
317         paramValue: [
318           { required: true, message: "参数值不能为空", trigger: "blur" }
319         ],
320       }
321     };
322   },
323   created() {
324     this.getList();
325   },
326   methods: {
c96526 327     advancedQuery(){
H 328       this.advancedShowSearch = (this.advancedShowSearch) ? this.advancedShowSearch = false : this.advancedShowSearch = true;
329     },
94f7fb 330     /** 查询设备产品过程参数采集列表 */
YY 331     getList() {
332       this.loading = true;
333       listParamCollection(this.queryParams).then(response => {
334         this.paramCollectionList = response.rows;
335         this.total = response.total;
336         this.loading = false;
337       });
338     },
339     // 取消按钮
340     cancel() {
341       this.open = false;
342       this.reset();
343     },
344     // 表单重置
345     reset() {
346       this.form = {
347         id: null,
348         workOrderNo: null,
349         sfcCode: null,
350         productCode: null,
351         productionLine: null,
352         locationCode: null,
353         equipmentNo: null,
354         paramCode: null,
355         paramValue: null,
356         paramUpper: null,
357         paramLower: null,
358         paramStandard: null,
359         collectionTime: null,
360         spareField1: null,
361         spareField2: null,
362         createUser: null,
363         createTime: null,
364         updateUser: null,
365         updateTime: null,
366         state: null,
367         paramName: null,
368         unit: null,
369         type: null
370       };
371       this.resetForm("form");
372     },
373     /** 搜索按钮操作 */
374     handleQuery() {
375       this.queryParams.pageNum = 1;
376       this.getList();
377     },
378     /** 重置按钮操作 */
379     resetQuery() {
380       this.resetForm("queryForm");
381       this.handleQuery();
382     },
383     // 多选框选中数据
384     handleSelectionChange(selection) {
385       this.ids = selection.map(item => item.id)
386       this.single = selection.length!==1
387       this.multiple = !selection.length
388     },
389     /** 新增按钮操作 */
390     handleAdd() {
391       this.reset();
392       this.open = true;
393       this.title = "添加设备产品过程参数采集";
394     },
395     /** 修改按钮操作 */
396     handleUpdate(row) {
397       this.reset();
398       const id = row.id || this.ids
399       getParamCollection(id).then(response => {
400         this.form = response.data;
401         this.open = true;
402         this.title = "修改设备产品过程参数采集";
403       });
404     },
405     /** 提交按钮 */
406     submitForm() {
407       this.$refs["form"].validate(valid => {
408         if (valid) {
409           if (this.form.id != null) {
410             updateParamCollection(this.form).then(response => {
411               this.$modal.msgSuccess("修改成功");
412               this.open = false;
413               this.getList();
414             });
415           } else {
416             addParamCollection(this.form).then(response => {
417               this.$modal.msgSuccess("新增成功");
418               this.open = false;
419               this.getList();
420             });
421           }
422         }
423       });
424     },
425     /** 删除按钮操作 */
426     handleDelete(row) {
427       const ids = row.id || this.ids;
428       this.$modal.confirm('是否确认删除设备产品过程参数采集编号为"' + ids + '"的数据项？').then(function() {
429         return delParamCollection(ids);
430       }).then(() => {
431         this.getList();
432         this.$modal.msgSuccess("删除成功");
433       }).catch(() => {});
434     },
435     /** 导出按钮操作 */
436     handleExport() {
437       this.download('main/paramCollection/export', {
438         ...this.queryParams
439       }, `paramCollection_${new Date().getTime()}.xlsx`)
440     }
441   }
442 };
443 </script>