春风项目四线(合箱线、总装线)
查看 | 历史 | 提交 | 提交对比
jiang
2024-01-24 852cb4e84d21d214d2b1d61fe006746bb694f258
提交 | 用户 | 时间
ff985a 1 <template>
懒 2   <div class="app-container">
3     <el-card class="box-card" >
4       <el-row>
96c77f 5         <el-divider><span style="font-size: 30px">发动机返修标记系统</span></el-divider>
ff985a 6       </el-row>
懒 7       <el-row style="margin-top: 10px">
8         <el-form :model="queryParams.sfcCode" ref="queryForm" :inline="true" label-width="68px" >
9           <el-form-item label-width="120" label="发动机号:" prop="orderNo">
10             <el-input
11               v-model="queryParams.sfcCode"
12               placeholder="请输入发动机号"
13               clearable
14               @keyup.enter.native="handleQuery"
15             />
16           </el-form-item>
17           <el-form-item style="margin-left: 20px">
18             <el-button type="primary" icon="el-icon-refresh" @click="handleQuery">查询</el-button>
19             <el-button type="primary" icon="el-icon-scissors" @click="repairProgressHandleQuery">返修进度</el-button>
20           </el-form-item>
21         </el-form>
22       </el-row>
23     </el-card>
96c77f 24     <el-row>
ff985a 25       <el-col :span="20">
懒 26         <el-card style="margin-top: 10px; height: 490px;" class="box-card">
27           <el-table border ref="multipleTable" :data="passingStationCollectionList"  @selection-change="handleSelectionChange">
28             <el-table-column type="selection" width="55" align="center" />
29             <el-table-column label="工单编号" width="120" align="center" prop="workOrderNo">
30             </el-table-column>
31             <el-table-column label="总成序列号" width="150" align="center" prop="sfcCode">
32             </el-table-column>
33             <el-table-column label="产品编号" align="center" prop="productCode">
34             </el-table-column>
35             <el-table-column label="产线编号" align="center" prop="productionLine">
36             </el-table-column>
37             <el-table-column label="工位编号" align="center" prop="locationCode">
38             </el-table-column>
39             <el-table-column label="入站时间" align="center" prop="inboundTime" width="100">
40               <template slot-scope="scope">
96c77f 41                 <span>{{ parseTime(scope.row.inboundTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
ff985a 42               </template>
懒 43             </el-table-column>
44             <el-table-column label="出站时间" align="center" prop="outboundTime" width="100">
45               <template slot-scope="scope">
96c77f 46                 <span>{{ parseTime(scope.row.outboundTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
ff985a 47               </template>
懒 48             </el-table-column>
49             <el-table-column label="是否合格" align="center" prop="outRsSign">
50             </el-table-column>
51             <el-table-column label="NG原因" align="center" prop="outMsgSign">
52             </el-table-column>
53             <el-table-column label="采集时间" align="center" prop="collectionTime" width="180">
54               <template slot-scope="scope">
96c77f 55                 <span>{{ parseTime(scope.row.collectionTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
ff985a 56               </template>
懒 57             </el-table-column>
58             <el-table-column label="节拍时间" align="center" prop="beatTime">
59             </el-table-column>
60           </el-table>
61         </el-card>
62       </el-col>
63       <el-col :span="4">
64         <el-card style="margin-top: 10px; min-height: 490px" class="box-card">
96c77f 65           <el-button type="success" icon="el-icon-s-grid" @click="selectAll" style="margin-left: 10px; width: 100px;margin-top: 10px">选择所有</el-button>
懒 66           <el-button type="success" icon="el-icon-close" @click="clearAll" style="width: 100px;margin-top: 10px">取消选择</el-button>
67           <el-button type="success" icon="el-icon-document-remove" @click="selectUnqualified" style="width: 100px;margin-top: 10px">选择不合格</el-button>
68           <el-button type="success" icon="el-icon-s-flag" @click="markComplete" style="width: 100px;margin-top: 10px">标记完成</el-button>
69           <el-button type="success" icon="el-icon-files" @click="repairRecord" style="width: 100px;margin-top: 10px">返修记录</el-button>
70           <el-button type="success" icon="el-icon-date" @click="operationLog" style="width: 100px;margin-top: 10px">操作日志</el-button>
ff985a 71
懒 72         </el-card>
73       </el-col>
74     </el-row>
75
76     <el-dialog v-dialogpop-up :visible.sync="open" width="700px" append-to-body>
77       <span slot="title">
78         <i class="el-icon-s-order"></i>
79         返修进度
80       </span>
81       <el-table border :data="repairRecordList">
82         <el-table-column label="发动机号" width="150" align="center" prop="boxCode" />
83         <el-table-column label="工位号" align="center" prop="processesCode" />
84         <el-table-column label="返修结果" align="center" prop="repairResults" />
85         <el-table-column label="原结果" align="center" prop="originalResult" />
86         <el-table-column label="返修时间" align="center" width="160" prop="repairTime" />
87       </el-table>
88       <div slot="footer" class="dialog-footer">
89         <el-button @click="cancel">取 消</el-button>
90       </div>
91     </el-dialog>
92
93
94   </div>
95 </template>
96
97 <script>
98 import {
99   listPassingStationCollection,
100   insertRepairRecordByIds
101 } from "@/api/main/da/passingStationCollection/passingStationCollection";
102 import {listRepairRecord} from "@/api/main/rm/repairRecord/repairRecord";
103 export default {
104   name: "index",
105   dicts: ['sys_normal_disable'],
106   data(){
107     return{
108       // 返修记录表格数据
109       repairRecordList: [],
110       // 是否显示弹出层
111       open: false,
112       // 产品过站采集表格数据
113       passingStationCollectionList: [],
114       // 查询参数
115       queryParams: {
116         sfcCode: '',
117         outRsSign: '',
118       },
119       ids: [],
120       allSelected: false
121
122     }
123   },
124   mounted() {
125     this.getList()
126   },
127   methods:{
128     // 取消按钮
129     cancel() {
130       this.open = false;
131     },
132     selectAll(){
133       this.passingStationCollectionList.forEach(row => {
134         this.$refs.multipleTable.toggleRowSelection(row);
135       });
136     },
137     clearAll(){
138       this.$refs.multipleTable.clearSelection();
139     },
140     selectUnqualified(){
141       let outRsSign = this.passingStationCollectionList.filter(row => row.outRsSign === '合格')
142       outRsSign.forEach(row => {
143         this.$refs.multipleTable.toggleRowSelection(row);
144       })
145       this.$modal.msgSuccess('选择不合格');
146     },
147     markComplete(){
148       if(this.ids.length === 0){
149         this.$modal.msgSuccess('未选择');
150       }else {
151         this.$modal.msgSuccess('标记完成');
152         let queryParams = {
153           ids: this.ids
154         }
155         insertRepairRecordByIds(queryParams).then(response => {
156
157         });
158       }
159     },
160     repairRecord(){
161       this.$modal.msgSuccess('返修记录');
162     },
163     operationLog(){
164       this.$modal.msgSuccess('操作日志');
165     },
166     // 多选框选中数据
167     handleSelectionChange(selection) {
168       this.ids = selection.map(item => item.id)
169       this.single = selection.length!==1
170       this.multiple = !selection.length
171     },
172     repairProgressHandleQuery(){
173       this.open = true;
174       if(this.queryParams.engineNo === ''||this.queryParams.engineNo=== null){
175         this.$modal.msgSuccess('请输入发动机号');
176       }else {
177         /** 查询返修记录列表 */
178         let queryParams = {
179           boxCode: this.queryParams.engineNo
180         }
181         listRepairRecord(queryParams).then(response => {
182           this.repairRecordList = response.rows;
183         });
184       }
185     },
186     /** 搜索按钮操作 */
187     handleQuery() {
188       this.getList();
189     },
190     /** 查询产品过站采集列表 */
191     getList() {
192       listPassingStationCollection(this.queryParams).then(response => {
193         this.passingStationCollectionList = response.rows;
194         this.total = response.total;
195       });
196     },
197
198   },
199 }
200 </script>
201
202 <style scoped>
203 ::v-deep .el-form-item__label{
204   font-size: large;
205 }
206 ::v-deep .el-card__body{
207   padding: 15px 20px 0px 20px;
208 }
209 </style>