| | |
| | | </div> |
| | | <div class="search-item"> |
| | | <el-button type="primary" |
| | | @click="handleQuery">搜索</el-button> |
| | | @click="handleQuery">搜索 |
| | | </el-button> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | :tableLoading="tableLoading" |
| | | @pagination="pagination"> |
| | | <template #completionStatus="{ row }"> |
| | | <el-progress :percentage="toProgressPercentage(row?.completionStatus)" :color="progressColor(toProgressPercentage(row?.completionStatus))" :status="toProgressPercentage(row?.completionStatus) >= 100 ? 'success' : ''" /> |
| | | <el-progress :percentage="toProgressPercentage(row?.completionStatus)" |
| | | :color="progressColor(toProgressPercentage(row?.completionStatus))" |
| | | :status="toProgressPercentage(row?.completionStatus) >= 100 ? 'success' : ''"/> |
| | | </template> |
| | | </PIMTable> |
| | | </div> |
| | |
| | | margin-bottom: 40px;"> |
| | | <el-button type="primary" |
| | | style="margin-top: 20px;" |
| | | @click="printTransferCard">打印流转卡</el-button> |
| | | @click="printTransferCard">打印流转卡 |
| | | </el-button> |
| | | </div> |
| | | </el-dialog> |
| | | <el-dialog v-model="reportDialogVisible" |
| | |
| | | </template> |
| | | </el-dialog> |
| | | <FilesDia ref="workOrderFilesRef" /> |
| | | <CopperPrintingForm |
| | | v-if="copperPrintingFormVisible" |
| | | v-model:isShow="copperPrintingFormVisible" |
| | | :isEdit="true" |
| | | :row="currentReportRowData" |
| | | @refreshData="getList"/> |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | import QRCode from "qrcode"; |
| | | import { getCurrentInstance, reactive, toRefs } from "vue"; |
| | | import FilesDia from "./components/filesDia.vue"; |
| | | |
| | | const { proxy } = getCurrentInstance(); |
| | | const { priority_type } = proxy.useDict("priority_type"); |
| | | |
| | | const CopperPrintingForm = defineAsyncComponent(() => import("./components/CopperPrintingForm.vue")); |
| | | const tableColumn = ref([ |
| | | { |
| | | label: "优先级", |
| | |
| | | name: "编辑", |
| | | clickFun: row => { |
| | | handleEdit(row); |
| | | handleEdit(row); |
| | | }, |
| | | }, |
| | | { |
| | |
| | | const qrCodeUrl = ref(""); |
| | | const qrRowData = ref(null); |
| | | const editDialogVisible = ref(false); |
| | | const copperPrintingFormVisible = ref(false); |
| | | const transferCardVisible = ref(false); |
| | | const transferCardData = ref([]); |
| | | const transferCardQrUrl = ref(""); |
| | |
| | | |
| | | const showReportDialog = row => { |
| | | currentReportRowData.value = row; |
| | | if (row.processName === '印铜') { |
| | | copperPrintingFormVisible.value = true |
| | | return |
| | | } |
| | | reportForm.planQuantity = row.planQuantity; |
| | | reportForm.quantity = row.quantity !== undefined && row.quantity !== null ? row.quantity : null; |
| | | reportForm.productProcessRouteItemId = row.productProcessRouteItemId; |
| | |
| | | <style scoped lang="scss"> |
| | | .search_form { |
| | | margin-bottom: 20px; |
| | | |
| | | .search-row { |
| | | display: flex; |
| | | gap: 20px; |
| | | align-items: center; |
| | | |
| | | .search-item { |
| | | display: flex; |
| | | align-items: center; |
| | |
| | | display: flex; |
| | | gap: 20px; |
| | | height: 350px; |
| | | |
| | | .transfer-card-info { |
| | | flex: 1; |
| | | overflow: auto; |
| | | |
| | | .info-group { |
| | | width: 50%; |
| | | float: left; |
| | | } |
| | | |
| | | .info-item { |
| | | display: flex; |
| | | margin-bottom: 15px; |
| | | |
| | | .info-label { |
| | | width: 120px; |
| | | font-weight: bold; |
| | | margin-right: 20px; |
| | | } |
| | | |
| | | .info-value { |
| | | flex: 1; |
| | | } |
| | | } |
| | | } |
| | | |
| | | .transfer-card-qr { |
| | | width: 240px; |
| | | display: flex; |
| | |
| | | } |
| | | .transfer-card-info { |
| | | flex: 1; |
| | | |
| | | .info-group { |
| | | width: 100%; |
| | | float: none; |
| | | margin-bottom: 20px; |
| | | } |
| | | |
| | | .info-item { |
| | | display: flex; |
| | | margin-bottom: 10px; |
| | | |
| | | .info-label { |
| | | width: 100px; |
| | | font-weight: bold; |
| | | margin-right: 15px; |
| | | white-space: nowrap; |
| | | } |
| | | |
| | | .info-value { |
| | | flex: 1; |
| | | word-break: break-word; |