| | |
| | | </button> |
| | | </view> |
| | | <view class="dialog-actions"> |
| | | <button class="btn-blue" @click="confirmTool">确定</button> |
| | | <button class="btn-disabled" @click="showToolDialog = false">取消</button> |
| | | <div style="display: flex; align-items: center;"> |
| | | <button class="btn-blue" @click="prevPage" :disabled="pageIndex === 1">上一页</button> |
| | | <span style="margin: 0 12px;">第{{ pageIndex }}页 / 共{{ totalPages }}页</span> |
| | | <button class="btn-blue" @click="nextPage" :disabled="pageIndex === totalPages">下一页</button> |
| | | </div> |
| | | <div> |
| | | <button class="btn-blue" @click="confirmTool">确定</button> |
| | | <button class="btn-disabled" @click="showToolDialog = false">取消</button> |
| | | </div> |
| | | </view> |
| | | </view> |
| | | </view> |
| | |
| | | export default { |
| | | data() { |
| | | return { |
| | | toolList: [ |
| | | // 示例数据,实际应从后端接口获取 |
| | | { no: 'T22050338', name: 'm1.5合金长刀', model: 'xxx' }, |
| | | { no: 'T22050337', name: 'm0.546合金长刀', model: 'yyy' } |
| | | ], |
| | | machineNo: '',//机台编码 |
| | | workOrderNo: '',//工单号 |
| | | pageIndex: 1, |
| | | pageSize: 18, |
| | | total: 0, |
| | | toolList: [], |
| | | selectedToolNo: '', |
| | | toolName: '', |
| | | toolModel: '', |
| | |
| | | ] |
| | | }; |
| | | }, |
| | | computed: { |
| | | totalPages() { |
| | | return Math.ceil(this.total / this.pageSize) || 1; |
| | | } |
| | | }, |
| | | methods: { |
| | | async fetchTools(searchKey) { |
| | | // 传递对象,而不是字符串 |
| | | const res = await this.$post({ |
| | | url: '/MesOrderSta/QueryTools', |
| | | data:searchKey |
| | | }); |
| | | if (res.status === 0) { |
| | | this.filteredTools = res.data.tbBillList.map(t => ({ |
| | | no: t.cutterId || t.no, |
| | | name: t.cutterName || t.name, |
| | | model: t.cutterModel || t.model |
| | | })); |
| | | } else { |
| | | this.$showMessage(res.message || '查询失败'); |
| | | } |
| | | }, |
| | | async fetchTools(searchKey) { |
| | | const res = await this.$post({ |
| | | url: '/MesCutterLedger/QueryTools', |
| | | data: JSON.stringify({ |
| | | searchKey, |
| | | pageIndex: this.pageIndex, |
| | | pageSize: this.pageSize |
| | | }), |
| | | headers: { 'Content-Type': 'application/json' } |
| | | }); |
| | | if (res.status === 0) { |
| | | this.filteredTools = res.data.tbBillList.map(t => ({ |
| | | no: t.cutterId || t.no, |
| | | name: t.cutterName || t.name, |
| | | model: t.cutterModel || t.model |
| | | })); |
| | | this.total = res.data.total || 0; // 假设后端返回总数 |
| | | } else { |
| | | this.$showMessage(res.message || '查询失败'); |
| | | } |
| | | }, |
| | | //翻页 |
| | | async prevPage() { |
| | | if (this.pageIndex > 1) { |
| | | this.pageIndex--; |
| | | await this.fetchTools(this.searchKey); |
| | | } |
| | | }, |
| | | async nextPage() { |
| | | if (this.pageIndex < this.totalPages) { |
| | | this.pageIndex++; |
| | | await this.fetchTools(this.searchKey); |
| | | } |
| | | }, |
| | | async searchTool() { |
| | | this.pageIndex = 1; // 搜索时重置到第一页 |
| | | await this.fetchTools(this.searchKey); |
| | | }, |
| | | selectTool(tool) { |
| | |
| | | confirmTool() { |
| | | this.showToolDialog = false; |
| | | }, |
| | | handleUpTool() { |
| | | // 上刀提交逻辑,调用后端接口 |
| | | this.$showMessage('上刀提交成功(示例)'); |
| | | }, |
| | | handleDownTool() { |
| | | // 下刀提交逻辑,调用后端接口 |
| | | this.$showMessage('下刀提交成功(示例)'); |
| | | }, |
| | | async handleUpTool() { |
| | | if (!this.workOrderNo) { |
| | | this.$showMessage('工单号不能为空'); |
| | | return; |
| | | } |
| | | if (!this.machineNo) { |
| | | this.$showMessage('机台号不能为空'); |
| | | return; |
| | | } |
| | | if (!this.selectedToolNo) { |
| | | this.$showMessage('刀具编号不能为空'); |
| | | return; |
| | | } |
| | | if (!this.useLimitInput) { |
| | | this.$showMessage('使用上限不能为空'); |
| | | return; |
| | | } |
| | | const useLimit = Number(this.useLimitInput); |
| | | if (isNaN(useLimit) || useLimit <= 0) { |
| | | this.$showMessage('请输入有效的使用上限'); |
| | | return; |
| | | } |
| | | const payload = { |
| | | workOrderNo: this.workOrderNo, // 工单号 |
| | | machineNo: this.machineNo, // 机台编号 |
| | | toolNo: this.selectedToolNo, // 刀具编号 |
| | | type: '上刀', // 上刀 |
| | | useLimit: this.useLimitInput ? Number(this.useLimitInput) : null // 使用上限 |
| | | }; |
| | | const res = await this.$post({ |
| | | url: '/MesCutterLedger/SubmitToolAction', |
| | | data: JSON.stringify(payload), |
| | | headers: { 'Content-Type': 'application/json' } |
| | | }); |
| | | if (res.status === 0) { |
| | | this.$showMessage('上刀提交成功'); |
| | | } else { |
| | | this.$showMessage(res.message || '上刀提交失败'); |
| | | } |
| | | }, |
| | | async handleDownTool() { |
| | | if (!this.workOrderNo) { |
| | | this.$showMessage('工单号不能为空'); |
| | | return; |
| | | } |
| | | if (!this.machineNo) { |
| | | this.$showMessage('机台号不能为空'); |
| | | return; |
| | | } |
| | | if (!this.selectedToolNo) { |
| | | this.$showMessage('刀具编号不能为空'); |
| | | return; |
| | | } |
| | | if (!this.useLimitInput) { |
| | | this.$showMessage('使用上限不能为空'); |
| | | return; |
| | | } |
| | | const useLimit = Number(this.useLimitInput); |
| | | if (isNaN(useLimit) || useLimit <= 0) { |
| | | this.$showMessage('请输入有效的使用上限'); |
| | | return; |
| | | } |
| | | const payload = { |
| | | workOrderNo: this.workOrderNo, |
| | | machineNo: this.machineNo, |
| | | toolNo: this.selectedToolNo, |
| | | type: '下刀', // 下刀 |
| | | useLimit: this.useLimitInput ? Number(this.useLimitInput) : null |
| | | }; |
| | | const res = await this.$post({ |
| | | url: '/MesCutterLedger/SubmitToolAction', |
| | | data: JSON.stringify(payload), |
| | | headers: { 'Content-Type': 'application/json' } |
| | | }); |
| | | if (res.status === 0) { |
| | | this.$showMessage('下刀提交成功'); |
| | | } else { |
| | | this.$showMessage(res.message || '下刀提交失败'); |
| | | } |
| | | }, |
| | | cancel() { |
| | | this.selectedToolNo = ''; |
| | | this.toolName = ''; |
| | | this.toolModel = ''; |
| | | }, |
| | | setUseLimit() { |
| | | // 保存使用上限逻辑,实际应调用后端接口 |
| | | this.$showMessage('使用上限已保存(示例)'); |
| | | } |
| | | async fetchFormData() { |
| | | // 确保工单号和机台号不为空 |
| | | if (!this.workOrderNo || !this.machineNo) { |
| | | console.warn('工单号或机台号为空,跳过获取表单数据'); |
| | | return; |
| | | } |
| | | |
| | | const payload = { |
| | | workOrderNo: this.workOrderNo.trim(), |
| | | machineNo: this.machineNo.trim() |
| | | }; |
| | | |
| | | try { |
| | | const res = await this.$post({ |
| | | url: '/MesCutterLedger/GetFormData', |
| | | data: JSON.stringify(payload), |
| | | headers: { 'Content-Type': 'application/json' } |
| | | }); |
| | | |
| | | if (res.status === 0) { |
| | | // 将后端返回的数据映射到前端表格结构 |
| | | this.toolRecords = res.data.map(item => ({ |
| | | id: item.CUTTER_ID, // 使用刀具编号作为ID |
| | | no: item.CUTTER_ID, |
| | | name: item.CUTTER_NAME, |
| | | upTime: item.UP_TIME ? this.formatDateTime(item.UP_TIME) : '', |
| | | upCount: item.UP_COUNT || 0, |
| | | downTime: item.DOWN_TIME ? this.formatDateTime(item.DOWN_TIME) : '', |
| | | downCount: item.DOWN_COUNT || 0, |
| | | useCount: item.USE_COUNT || 0, |
| | | useLimit: item.USE_LIMIT || 0, |
| | | lifePercent: item.LIFE_PERCENT ? `${item.LIFE_PERCENT}%` : '0%', |
| | | lifeWarn: item.LIFE_WARN ? `${item.LIFE_WARN}%` : '90%', |
| | | warnStatus: this.getWarnStatus(item.LIFE_PERCENT, item.LIFE_WARN) |
| | | })); |
| | | } else { |
| | | this.$showMessage(res.message || '获取表单数据失败'); |
| | | } |
| | | } catch (error) { |
| | | console.error('获取表单数据错误:', error); |
| | | this.$showMessage('获取数据失败,请检查网络连接'); |
| | | } |
| | | }, |
| | | // 添加辅助方法 |
| | | formatDateTime(dateTimeStr) { |
| | | if (!dateTimeStr) return ''; |
| | | // 根据后端返回的时间格式进行调整 |
| | | const date = new Date(dateTimeStr); |
| | | return `${date.getMonth() + 1}-${date.getDate()} ${date.getHours()}:${date.getMinutes().toString().padStart(2, '0')}`; |
| | | } |
| | | }, |
| | | mounted() { |
| | | // 页面加载时拉取全部刀具 |
| | | this.fetchTools(''); |
| | | } |
| | | mounted() { |
| | | this.fetchTools(''); |
| | | this.machineNo = uni.getStorageSync('machineNo') || ''; |
| | | this.workOrderNo = uni.getStorageSync('daa001') || ''; |
| | | |
| | | // 添加调试信息 |
| | | console.log('机台号:', this.machineNo); |
| | | console.log('工单号:', this.workOrderNo); |
| | | |
| | | if (this.machineNo && this.workOrderNo) { |
| | | this.fetchFormData(); |
| | | } else { |
| | | console.warn('机台号或工单号为空,无法获取表单数据'); |
| | | } |
| | | } |
| | | }; |
| | | </script> |
| | | |
| | |
| | | display: flex; |
| | | flex-wrap: wrap; |
| | | margin: 1vh 0; |
| | | max-height: 40vh; |
| | | overflow-y: auto; |
| | | } |
| | | |
| | | .tool-btn { |
| | | margin: 5px 10px 5px 0; |
| | | padding: 8px 16px; |
| | | background: #f5f5f5; |
| | | border: 1px solid #ccc; |
| | | border-radius: 4px; |
| | | cursor: pointer; |
| | | } |
| | | .tool-btn { |
| | | margin: 5px 10px 5px 0; |
| | | padding: 8px 16px; |
| | | background: #f5f5f5; |
| | | border: 1px solid #ccc; |
| | | border-radius: 4px; |
| | | cursor: pointer; |
| | | background: #e0e0e0; |
| | | color: #888; |
| | | } |
| | | |
| | | .dialog-actions { |
| | | display: flex; |