4 changed files with 761 additions and 4 deletions
-
20src/api/rack/closedLoop.js
-
97src/views/modules/rack/execution-control.vue
-
220src/views/modules/rack/external-device-config.vue
-
428src/views/modules/rack/package-label-management.vue
@ -0,0 +1,220 @@ |
|||
<template> |
|||
<div class="mod-config"> |
|||
<el-card> |
|||
<div slot="header" class="card-title-row"> |
|||
<span>外采设备配置</span> |
|||
<el-button plain class="add-btn" @click="openDialog()">新增设备</el-button> |
|||
</div> |
|||
<el-form :inline="true" label-position="top" class="query-form"> |
|||
<el-form-item label="设备编码"> |
|||
<el-input v-model.trim="searchData.deviceCode" clearable placeholder="例如 PLC-L01-01" style="width: 180px" /> |
|||
</el-form-item> |
|||
<el-form-item label="设备名称"> |
|||
<el-input v-model.trim="searchData.deviceName" clearable placeholder="模糊查询" style="width: 180px" /> |
|||
</el-form-item> |
|||
<el-form-item label="线体"> |
|||
<el-input v-model.trim="searchData.lineId" clearable placeholder="例如 LINE-01" style="width: 140px" /> |
|||
</el-form-item> |
|||
<el-form-item label="状态"> |
|||
<el-select v-model="searchData.status" clearable placeholder="全部" style="width: 120px"> |
|||
<el-option label="启用" value="启用" /> |
|||
<el-option label="停用" value="停用" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label=" "> |
|||
<el-button plain class="search-btn" :loading="loading" @click="loadList">查询</el-button> |
|||
<el-button plain class="reset-btn" @click="resetQuery">重置</el-button> |
|||
</el-form-item> |
|||
</el-form> |
|||
|
|||
<el-table class="data-table" :data="dataList" border stripe style="width:100%" v-loading="loading" :height="tableHeight"> |
|||
<el-table-column type="index" width="50" /> |
|||
<el-table-column prop="deviceCode" label="设备编码" width="160" /> |
|||
<el-table-column prop="deviceName" label="设备名称" width="170" /> |
|||
<el-table-column prop="deviceType" label="设备类型" width="90" /> |
|||
<el-table-column prop="sourceType" label="数据源" width="90" /> |
|||
<el-table-column prop="lineId" label="线体" width="100" /> |
|||
<el-table-column prop="stationId" label="站点ID" width="140" /> |
|||
<el-table-column prop="stepCode" label="工序编码" width="130" /> |
|||
<el-table-column label="地址" min-width="160"> |
|||
<template slot-scope="scope">{{ `${scope.row.ip || '-'}:${scope.row.port || '-'}` }}</template> |
|||
</el-table-column> |
|||
<el-table-column prop="unitId" label="UnitId" width="90" /> |
|||
<el-table-column prop="status" label="状态" width="90" /> |
|||
<el-table-column label="最近心跳" min-width="170"> |
|||
<template slot-scope="scope">{{ formatDateTime(scope.row.lastHeartbeatTime) }}</template> |
|||
</el-table-column> |
|||
<el-table-column label="操作" width="160" fixed="right"> |
|||
<template slot-scope="scope"> |
|||
<a @click="openDialog(scope.row)">修改</a> |
|||
<a style="color:#F56C6C;margin-left:10px" @click="handleDelete(scope.row)">删除</a> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-card> |
|||
|
|||
<el-dialog |
|||
:title="form.deviceId ? '修改外采设备' : '新增外采设备'" |
|||
:visible.sync="dialogVisible" |
|||
width="760px" |
|||
:close-on-click-modal="false" |
|||
v-drag> |
|||
<el-form :model="form" label-position="top" class="device-form"> |
|||
<el-row :gutter="12"> |
|||
<el-col :span="8"><el-form-item label="设备编码" required><el-input v-model.trim="form.deviceCode" :disabled="!!form.deviceId" /></el-form-item></el-col> |
|||
<el-col :span="8"><el-form-item label="设备名称"><el-input v-model.trim="form.deviceName" /></el-form-item></el-col> |
|||
<el-col :span="8"><el-form-item label="设备类型"><el-input v-model.trim="form.deviceType" /></el-form-item></el-col> |
|||
</el-row> |
|||
<el-row :gutter="12"> |
|||
<el-col :span="8"><el-form-item label="数据源类型"><el-input v-model.trim="form.sourceType" /></el-form-item></el-col> |
|||
<el-col :span="8"><el-form-item label="线体"><el-input v-model.trim="form.lineId" placeholder="例如 LINE-01" /></el-form-item></el-col> |
|||
<el-col :span="8"><el-form-item label="状态"><el-select v-model="form.status" style="width:100%"><el-option label="启用" value="启用" /><el-option label="停用" value="停用" /></el-select></el-form-item></el-col> |
|||
</el-row> |
|||
<el-row :gutter="12"> |
|||
<el-col :span="8"><el-form-item label="站点ID"><el-input v-model.trim="form.stationId" placeholder="例如 PLC-POOL-001" /></el-form-item></el-col> |
|||
<el-col :span="8"><el-form-item label="工序编码" required><el-input v-model.trim="form.stepCode" placeholder="例如 POOL-001" /></el-form-item></el-col> |
|||
<el-col :span="8"><el-form-item label="UnitId"><el-input-number v-model="form.unitId" :min="1" :precision="0" style="width:100%" /></el-form-item></el-col> |
|||
</el-row> |
|||
<el-row :gutter="12"> |
|||
<el-col :span="12"><el-form-item label="IP"><el-input v-model.trim="form.ip" placeholder="例如 192.168.1.10" /></el-form-item></el-col> |
|||
<el-col :span="12"><el-form-item label="端口"><el-input-number v-model="form.port" :min="1" :precision="0" style="width:100%" /></el-form-item></el-col> |
|||
</el-row> |
|||
<el-form-item label="备注"><el-input v-model.trim="form.remark" type="textarea" :rows="3" /></el-form-item> |
|||
</el-form> |
|||
<span slot="footer" class="dialog-footer"> |
|||
<el-button plain class="reset-btn" @click="dialogVisible = false">取消</el-button> |
|||
<el-button plain class="add-btn" :loading="submitLoading" @click="submit">保存</el-button> |
|||
</span> |
|||
</el-dialog> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { |
|||
listExternalDevice, |
|||
saveExternalDevice, |
|||
updateExternalDevice, |
|||
deleteExternalDevice |
|||
} from '@/api/rack/closedLoop' |
|||
|
|||
const emptyForm = () => ({ |
|||
deviceId: null, |
|||
deviceCode: '', |
|||
deviceName: '', |
|||
deviceType: 'PLC', |
|||
sourceType: 'PLC', |
|||
lineId: '', |
|||
stationId: '', |
|||
stepCode: '', |
|||
ip: '', |
|||
port: 502, |
|||
unitId: 1, |
|||
status: '启用', |
|||
remark: '' |
|||
}) |
|||
|
|||
export default { |
|||
data () { |
|||
return { |
|||
tableHeight: window.innerHeight - 290, |
|||
loading: false, |
|||
submitLoading: false, |
|||
dialogVisible: false, |
|||
dataList: [], |
|||
searchData: { |
|||
deviceCode: '', |
|||
deviceName: '', |
|||
lineId: '', |
|||
status: '' |
|||
}, |
|||
form: emptyForm() |
|||
} |
|||
}, |
|||
mounted () { |
|||
this.loadList() |
|||
}, |
|||
methods: { |
|||
async loadList () { |
|||
this.loading = true |
|||
try { |
|||
const { data } = await listExternalDevice(this.searchData) |
|||
this.dataList = data.rows || [] |
|||
} finally { |
|||
this.loading = false |
|||
} |
|||
}, |
|||
resetQuery () { |
|||
this.searchData = { |
|||
deviceCode: '', |
|||
deviceName: '', |
|||
lineId: '', |
|||
status: '' |
|||
} |
|||
this.loadList() |
|||
}, |
|||
openDialog (row) { |
|||
this.form = row |
|||
? { |
|||
...emptyForm(), |
|||
...row |
|||
} |
|||
: emptyForm() |
|||
this.dialogVisible = true |
|||
}, |
|||
async submit () { |
|||
if (!this.form.deviceCode || !this.form.stepCode) { |
|||
this.$message.warning('请填写设备编码和工序编码') |
|||
return |
|||
} |
|||
this.submitLoading = true |
|||
try { |
|||
if (this.form.deviceId) { |
|||
await updateExternalDevice(this.form) |
|||
this.$message.success('修改成功') |
|||
} else { |
|||
await saveExternalDevice(this.form) |
|||
this.$message.success('新增成功') |
|||
} |
|||
this.dialogVisible = false |
|||
await this.loadList() |
|||
} finally { |
|||
this.submitLoading = false |
|||
} |
|||
}, |
|||
async handleDelete (row) { |
|||
try { |
|||
await this.$confirm(`确认删除外采设备：${row.deviceCode} 吗？`, '提示', { type: 'warning' }) |
|||
await deleteExternalDevice(row.deviceId) |
|||
this.$message.success('删除成功') |
|||
await this.loadList() |
|||
} catch (e) {} |
|||
}, |
|||
formatDateTime (value) { |
|||
if (!value) { |
|||
return '-' |
|||
} |
|||
const date = new Date(value) |
|||
if (Number.isNaN(date.getTime())) { |
|||
return value |
|||
} |
|||
const pad = n => String(n).padStart(2, '0') |
|||
return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())} ${pad(date.getHours())}:${pad(date.getMinutes())}:${pad(date.getSeconds())}` |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
.card-title-row { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
} |
|||
.query-form { |
|||
margin-bottom: 8px; |
|||
} |
|||
.dialog-footer { |
|||
display: inline-flex; |
|||
gap: 8px; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,428 @@ |
|||
<template> |
|||
<div class="mod-config"> |
|||
<el-card> |
|||
<div slot="header" class="card-title-row"> |
|||
<span>扫码包装与标签打印</span> |
|||
</div> |
|||
<el-tabs v-model="activeTab"> |
|||
<el-tab-pane label="包装作业" name="package"> |
|||
<el-form :inline="true" label-position="top" class="query-form"> |
|||
<el-form-item label="包装单号"> |
|||
<el-input v-model.trim="packageQuery.packageNo" clearable style="width: 180px" /> |
|||
</el-form-item> |
|||
<el-form-item label="任务单号"> |
|||
<el-input v-model.trim="packageQuery.jobCode" clearable style="width: 180px" /> |
|||
</el-form-item> |
|||
<el-form-item label="批次编码"> |
|||
<el-input v-model.trim="packageQuery.batchCode" clearable style="width: 180px" /> |
|||
</el-form-item> |
|||
<el-form-item label="状态"> |
|||
<el-select v-model="packageQuery.status" clearable style="width: 120px"> |
|||
<el-option label="待打印" value="待打印" /> |
|||
<el-option label="已打印" value="已打印" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label=" "> |
|||
<el-button plain class="search-btn" :loading="packageLoading" @click="loadPackageList">查询</el-button> |
|||
<el-button plain class="add-btn" @click="openPackageDialog()">新增包装单</el-button> |
|||
</el-form-item> |
|||
</el-form> |
|||
<el-table class="data-table" :data="packageList" border stripe style="width:100%" :height="tableHeight" v-loading="packageLoading"> |
|||
<el-table-column type="index" width="50" /> |
|||
<el-table-column prop="packageNo" label="包装单号" width="170" /> |
|||
<el-table-column prop="jobCode" label="任务单号" width="160" /> |
|||
<el-table-column prop="batchCode" label="批次编码" width="150" /> |
|||
<el-table-column prop="rackCode" label="挂具码" width="120" /> |
|||
<el-table-column prop="qty" label="数量" width="100" /> |
|||
<el-table-column prop="status" label="状态" width="100" /> |
|||
<el-table-column prop="labelTemplateCode" label="标签模板" width="140" /> |
|||
<el-table-column label="最近打印" min-width="170"> |
|||
<template slot-scope="scope">{{ formatDateTime(scope.row.lastPrintTime) }}</template> |
|||
</el-table-column> |
|||
<el-table-column label="操作" width="260" fixed="right"> |
|||
<template slot-scope="scope"> |
|||
<a @click="openPackageDialog(scope.row)">修改</a> |
|||
<a style="margin-left: 10px" @click="openPrintDialog(scope.row)">打印标签</a> |
|||
<a style="margin-left: 10px" @click="loadPrintLogs(scope.row.packageNo)">打印记录</a> |
|||
<a style="color:#F56C6C;margin-left:10px" @click="deletePackage(scope.row)">删除</a> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-tab-pane> |
|||
|
|||
<el-tab-pane label="标签模板" name="template"> |
|||
<el-form :inline="true" label-position="top" class="query-form"> |
|||
<el-form-item label="模板编码"> |
|||
<el-input v-model.trim="templateQuery.templateCode" clearable style="width: 180px" /> |
|||
</el-form-item> |
|||
<el-form-item label="模板名称"> |
|||
<el-input v-model.trim="templateQuery.templateName" clearable style="width: 180px" /> |
|||
</el-form-item> |
|||
<el-form-item label="状态"> |
|||
<el-select v-model="templateQuery.status" clearable style="width: 120px"> |
|||
<el-option label="启用" value="启用" /> |
|||
<el-option label="停用" value="停用" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label=" "> |
|||
<el-button plain class="search-btn" :loading="templateLoading" @click="loadTemplateList">查询</el-button> |
|||
<el-button plain class="add-btn" @click="openTemplateDialog()">新增模板</el-button> |
|||
</el-form-item> |
|||
</el-form> |
|||
<el-table class="data-table" :data="templateList" border stripe style="width:100%" :height="tableHeight" v-loading="templateLoading"> |
|||
<el-table-column type="index" width="50" /> |
|||
<el-table-column prop="templateCode" label="模板编码" width="160" /> |
|||
<el-table-column prop="templateName" label="模板名称" width="180" /> |
|||
<el-table-column prop="status" label="状态" width="90" /> |
|||
<el-table-column prop="templateContent" label="模板内容" min-width="320" show-overflow-tooltip /> |
|||
<el-table-column label="操作" width="160" fixed="right"> |
|||
<template slot-scope="scope"> |
|||
<a @click="openTemplateDialog(scope.row)">修改</a> |
|||
<a style="color:#F56C6C;margin-left:10px" @click="deleteTemplate(scope.row)">删除</a> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-tab-pane> |
|||
</el-tabs> |
|||
</el-card> |
|||
|
|||
<el-card style="margin-top: 12px;"> |
|||
<div slot="header" class="card-title-row"> |
|||
<span>标签打印日志</span> |
|||
<span class="sub-text">{{ printLogKeyword ? `当前筛选：${printLogKeyword}` : '默认显示最近记录' }}</span> |
|||
</div> |
|||
<el-table class="data-table" :data="printLogList" border stripe style="width:100%" max-height="260" v-loading="printLogLoading"> |
|||
<el-table-column type="index" width="50" /> |
|||
<el-table-column prop="printNo" label="打印流水号" width="190" /> |
|||
<el-table-column prop="packageNo" label="包装单号" width="170" /> |
|||
<el-table-column prop="templateCode" label="模板编码" width="130" /> |
|||
<el-table-column prop="printSeq" label="序号" width="80" /> |
|||
<el-table-column prop="printStatus" label="状态" width="90" /> |
|||
<el-table-column prop="operatorName" label="操作人" width="120" /> |
|||
<el-table-column label="打印时间" min-width="170"> |
|||
<template slot-scope="scope">{{ formatDateTime(scope.row.printTime) }}</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-card> |
|||
|
|||
<el-dialog |
|||
:title="packageForm.packageId ? '修改包装单' : '新增包装单'" |
|||
:visible.sync="packageDialogVisible" |
|||
width="720px" |
|||
:close-on-click-modal="false" |
|||
v-drag> |
|||
<el-form :model="packageForm" label-position="top"> |
|||
<el-row :gutter="12"> |
|||
<el-col :span="12"> |
|||
<el-form-item label="任务单号" required> |
|||
<el-select v-model="packageForm.jobCode" filterable clearable placeholder="请选择任务单号" style="width:100%"> |
|||
<el-option v-for="item in jobOptions" :key="item.jobCode" :label="`${item.jobCode} / ${item.status || '-'}`" :value="item.jobCode" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"><el-form-item label="批次编码"><el-input v-model.trim="packageForm.batchCode" /></el-form-item></el-col> |
|||
</el-row> |
|||
<el-row :gutter="12"> |
|||
<el-col :span="12"><el-form-item label="挂具码"><el-input v-model.trim="packageForm.rackCode" /></el-form-item></el-col> |
|||
<el-col :span="12"><el-form-item label="数量"><el-input-number v-model="packageForm.qty" :min="0" :precision="0" style="width:100%" /></el-form-item></el-col> |
|||
</el-row> |
|||
<el-form-item label="备注"><el-input v-model.trim="packageForm.remark" type="textarea" :rows="3" /></el-form-item> |
|||
</el-form> |
|||
<span slot="footer"> |
|||
<el-button plain class="reset-btn" @click="packageDialogVisible = false">取消</el-button> |
|||
<el-button plain class="add-btn" :loading="packageSubmitLoading" @click="submitPackage">保存</el-button> |
|||
</span> |
|||
</el-dialog> |
|||
|
|||
<el-dialog |
|||
:title="templateForm.templateId ? '修改标签模板' : '新增标签模板'" |
|||
:visible.sync="templateDialogVisible" |
|||
width="720px" |
|||
:close-on-click-modal="false" |
|||
v-drag> |
|||
<el-form :model="templateForm" label-position="top"> |
|||
<el-row :gutter="12"> |
|||
<el-col :span="8"><el-form-item label="模板编码" required><el-input v-model.trim="templateForm.templateCode" :disabled="!!templateForm.templateId" /></el-form-item></el-col> |
|||
<el-col :span="8"><el-form-item label="模板名称" required><el-input v-model.trim="templateForm.templateName" /></el-form-item></el-col> |
|||
<el-col :span="8"><el-form-item label="状态"><el-select v-model="templateForm.status" style="width:100%"><el-option label="启用" value="启用" /><el-option label="停用" value="停用" /></el-select></el-form-item></el-col> |
|||
</el-row> |
|||
<el-form-item label="模板内容" required> |
|||
<el-input |
|||
v-model.trim="templateForm.templateContent" |
|||
type="textarea" |
|||
:rows="6" |
|||
placeholder="支持占位符：{{packageNo}} {{jobCode}} {{batchCode}} {{rackCode}} {{qty}}" /> |
|||
</el-form-item> |
|||
<el-form-item label="备注"><el-input v-model.trim="templateForm.remark" /></el-form-item> |
|||
</el-form> |
|||
<span slot="footer"> |
|||
<el-button plain class="reset-btn" @click="templateDialogVisible = false">取消</el-button> |
|||
<el-button plain class="add-btn" :loading="templateSubmitLoading" @click="submitTemplate">保存</el-button> |
|||
</span> |
|||
</el-dialog> |
|||
|
|||
<el-dialog |
|||
title="标签打印" |
|||
:visible.sync="printDialogVisible" |
|||
width="520px" |
|||
:close-on-click-modal="false" |
|||
v-drag> |
|||
<el-form :model="printForm" label-position="top"> |
|||
<el-form-item label="包装单号"><el-input v-model="printForm.packageNo" disabled /></el-form-item> |
|||
<el-form-item label="标签模板" required> |
|||
<el-select v-model="printForm.templateCode" filterable style="width:100%"> |
|||
<el-option v-for="item in enabledTemplateList" :key="item.templateCode" :label="`${item.templateCode} / ${item.templateName}`" :value="item.templateCode" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="打印份数"><el-input-number v-model="printForm.copies" :min="1" :precision="0" style="width:100%" /></el-form-item> |
|||
</el-form> |
|||
<span slot="footer"> |
|||
<el-button plain class="reset-btn" @click="printDialogVisible = false">取消</el-button> |
|||
<el-button plain class="add-btn" :loading="printSubmitting" @click="submitPrint">执行打印</el-button> |
|||
</span> |
|||
</el-dialog> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { |
|||
listPackageOrder, |
|||
savePackageOrder, |
|||
updatePackageOrder, |
|||
deletePackageOrderByNo, |
|||
listLabelTemplate, |
|||
saveLabelTemplate, |
|||
updateLabelTemplate, |
|||
deleteLabelTemplateByCode, |
|||
printPackageLabel, |
|||
listLabelPrintLog, |
|||
listJob |
|||
} from '@/api/rack/closedLoop' |
|||
|
|||
const emptyPackageForm = () => ({ |
|||
packageId: null, |
|||
jobCode: '', |
|||
batchCode: '', |
|||
rackCode: '', |
|||
qty: 0, |
|||
remark: '' |
|||
}) |
|||
|
|||
const emptyTemplateForm = () => ({ |
|||
templateId: null, |
|||
templateCode: '', |
|||
templateName: '', |
|||
templateContent: '', |
|||
status: '启用', |
|||
remark: '' |
|||
}) |
|||
|
|||
export default { |
|||
data () { |
|||
return { |
|||
activeTab: 'package', |
|||
tableHeight: window.innerHeight - 330, |
|||
jobOptions: [], |
|||
packageLoading: false, |
|||
templateLoading: false, |
|||
printLogLoading: false, |
|||
packageSubmitLoading: false, |
|||
templateSubmitLoading: false, |
|||
printSubmitting: false, |
|||
packageDialogVisible: false, |
|||
templateDialogVisible: false, |
|||
printDialogVisible: false, |
|||
packageQuery: { packageNo: '', jobCode: '', batchCode: '', status: '' }, |
|||
templateQuery: { templateCode: '', templateName: '', status: '' }, |
|||
packageList: [], |
|||
templateList: [], |
|||
printLogList: [], |
|||
printLogKeyword: '', |
|||
packageForm: emptyPackageForm(), |
|||
templateForm: emptyTemplateForm(), |
|||
printForm: { |
|||
packageNo: '', |
|||
templateCode: '', |
|||
copies: 1 |
|||
} |
|||
} |
|||
}, |
|||
computed: { |
|||
enabledTemplateList () { |
|||
return (this.templateList || []).filter(item => item && item.status === '启用') |
|||
} |
|||
}, |
|||
mounted () { |
|||
this.bootstrap() |
|||
}, |
|||
methods: { |
|||
async bootstrap () { |
|||
await Promise.all([ |
|||
this.loadJobOptions(), |
|||
this.loadPackageList(), |
|||
this.loadTemplateList(), |
|||
this.loadPrintLogs('') |
|||
]) |
|||
}, |
|||
async loadJobOptions () { |
|||
const { data } = await listJob({}) |
|||
this.jobOptions = data.rows || [] |
|||
}, |
|||
async loadPackageList () { |
|||
this.packageLoading = true |
|||
try { |
|||
const { data } = await listPackageOrder(this.packageQuery) |
|||
this.packageList = data.rows || [] |
|||
} finally { |
|||
this.packageLoading = false |
|||
} |
|||
}, |
|||
async loadTemplateList () { |
|||
this.templateLoading = true |
|||
try { |
|||
const { data } = await listLabelTemplate(this.templateQuery) |
|||
this.templateList = data.rows || [] |
|||
} finally { |
|||
this.templateLoading = false |
|||
} |
|||
}, |
|||
async loadPrintLogs (packageNo) { |
|||
this.printLogLoading = true |
|||
try { |
|||
this.printLogKeyword = packageNo || '' |
|||
const { data } = await listLabelPrintLog(packageNo ? { packageNo } : {}) |
|||
this.printLogList = data.rows || [] |
|||
} finally { |
|||
this.printLogLoading = false |
|||
} |
|||
}, |
|||
openPackageDialog (row) { |
|||
this.packageForm = row |
|||
? { |
|||
...emptyPackageForm(), |
|||
...row |
|||
} |
|||
: emptyPackageForm() |
|||
this.packageDialogVisible = true |
|||
}, |
|||
openTemplateDialog (row) { |
|||
this.templateForm = row |
|||
? { |
|||
...emptyTemplateForm(), |
|||
...row |
|||
} |
|||
: emptyTemplateForm() |
|||
this.templateDialogVisible = true |
|||
}, |
|||
openPrintDialog (row) { |
|||
this.printForm = { |
|||
packageNo: row.packageNo, |
|||
templateCode: row.labelTemplateCode || ((this.enabledTemplateList[0] && this.enabledTemplateList[0].templateCode) || ''), |
|||
copies: 1 |
|||
} |
|||
this.printDialogVisible = true |
|||
}, |
|||
async submitPackage () { |
|||
if (!this.packageForm.jobCode) { |
|||
this.$message.warning('请先选择任务单号') |
|||
return |
|||
} |
|||
this.packageSubmitLoading = true |
|||
try { |
|||
if (this.packageForm.packageId) { |
|||
await updatePackageOrder(this.packageForm) |
|||
this.$message.success('修改成功') |
|||
} else { |
|||
await savePackageOrder(this.packageForm) |
|||
this.$message.success('新增成功') |
|||
} |
|||
this.packageDialogVisible = false |
|||
await this.loadPackageList() |
|||
} finally { |
|||
this.packageSubmitLoading = false |
|||
} |
|||
}, |
|||
async submitTemplate () { |
|||
if (!this.templateForm.templateCode || !this.templateForm.templateName || !this.templateForm.templateContent) { |
|||
this.$message.warning('请完整填写模板信息') |
|||
return |
|||
} |
|||
this.templateSubmitLoading = true |
|||
try { |
|||
if (this.templateForm.templateId) { |
|||
await updateLabelTemplate(this.templateForm) |
|||
this.$message.success('修改成功') |
|||
} else { |
|||
await saveLabelTemplate(this.templateForm) |
|||
this.$message.success('新增成功') |
|||
} |
|||
this.templateDialogVisible = false |
|||
await this.loadTemplateList() |
|||
} finally { |
|||
this.templateSubmitLoading = false |
|||
} |
|||
}, |
|||
async submitPrint () { |
|||
if (!this.printForm.packageNo || !this.printForm.templateCode) { |
|||
this.$message.warning('请选择打印模板') |
|||
return |
|||
} |
|||
this.printSubmitting = true |
|||
try { |
|||
const { data } = await printPackageLabel(this.printForm) |
|||
const result = data.result || {} |
|||
this.$message.success(`打印完成，份数：${result.copies || this.printForm.copies}`) |
|||
this.printDialogVisible = false |
|||
await Promise.all([ |
|||
this.loadPackageList(), |
|||
this.loadPrintLogs(this.printForm.packageNo) |
|||
]) |
|||
} finally { |
|||
this.printSubmitting = false |
|||
} |
|||
}, |
|||
async deletePackage (row) { |
|||
try { |
|||
await this.$confirm(`确认删除包装单：${row.packageNo} 吗？`, '提示', { type: 'warning' }) |
|||
await deletePackageOrderByNo(row.packageNo) |
|||
this.$message.success('删除成功') |
|||
await this.loadPackageList() |
|||
} catch (e) {} |
|||
}, |
|||
async deleteTemplate (row) { |
|||
try { |
|||
await this.$confirm(`确认删除模板：${row.templateCode} 吗？`, '提示', { type: 'warning' }) |
|||
await deleteLabelTemplateByCode(row.templateCode) |
|||
this.$message.success('删除成功') |
|||
await this.loadTemplateList() |
|||
} catch (e) {} |
|||
}, |
|||
formatDateTime (value) { |
|||
if (!value) { |
|||
return '-' |
|||
} |
|||
const date = new Date(value) |
|||
if (Number.isNaN(date.getTime())) { |
|||
return value |
|||
} |
|||
const pad = n => String(n).padStart(2, '0') |
|||
return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())} ${pad(date.getHours())}:${pad(date.getMinutes())}:${pad(date.getSeconds())}` |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
.card-title-row { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
} |
|||
.query-form { |
|||
margin-bottom: 8px; |
|||
} |
|||
.sub-text { |
|||
color: #909399; |
|||
font-size: 12px; |
|||
} |
|||
</style> |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue