Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Contribute to GitLab
Sign in
Toggle navigation
M
mes-ui
Project
Project
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
ximai
mes-ui
Commits
e3d070f5
Commit
e3d070f5
authored
Oct 24, 2024
by
沈翠玲
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
增加标签模板
parent
2f8eb6b0
Show whitespace changes
Inline
Side-by-side
Showing
4 changed files
with
944 additions
and
674 deletions
+944
-674
th_TH.json
src/i18n/lang/th_TH.json
+4
-1
zh_CN.json
src/i18n/lang/zh_CN.json
+4
-1
index.vue
src/views/mes/pro/proQrcodeRule/index.vue
+462
-318
index.vue
src/views/mes/pro/qrcodeRecord/index.vue
+474
-354
No files found.
src/i18n/lang/th_TH.json
View file @
e3d070f5
...
...
@@ -2962,5 +2962,8 @@
"委外加工商必选"
:
"ต้องเลือกผู้ประมวลผลเอาท์ซอร์ส"
,
"ERP数据同步"
:
"การซิงโครไนซ์ข้อมูล ERP"
,
"车间异常单编号"
:
"หมายเลขคําสั่งซื้อข้อยกเว้นร้านค้า"
,
"开始"
:
"เริ่ม"
"开始"
:
"เริ่ม"
,
"标签模板"
:
"เทมเพลตแท็ก"
,
"请选择标签模板"
:
"โปรดเลือกแม่แบบฉลาก"
,
"没有配置标签模版"
:
"ไม่มีการกำหนดค่าลายฉลุฉลาก"
}
\ No newline at end of file
src/i18n/lang/zh_CN.json
View file @
e3d070f5
...
...
@@ -2962,5 +2962,8 @@
"委外加工商必选"
:
"委外加工商必选"
,
"ERP数据同步"
:
"ERP数据同步"
,
"车间异常单编号"
:
"车间异常单编号"
,
"开始"
:
"开始"
"开始"
:
"开始"
,
"标签模板"
:
"标签模板"
,
"请选择标签模板"
:
"请选择标签模板"
,
"没有配置标签模版"
:
"没有配置标签模版"
}
src/views/mes/pro/proQrcodeRule/index.vue
View file @
e3d070f5
<
template
>
<div
class=
"app-container"
>
<el-form
:model=
"queryParams"
@
submit
.
native
.
prevent
ref=
"queryForm"
size=
"small"
:inline=
"true"
v-show=
"showSearch"
label-width=
"68px"
>
<el-form
:model=
"queryParams"
@
submit
.
native
.
prevent
ref=
"queryForm"
size=
"small"
:inline=
"true"
v-show=
"showSearch"
label-width=
"68px"
>
<el-form-item
:label=
"$t('产品编码')"
prop=
"itemCode"
>
<el-input
v-model=
"queryParams.itemCode"
clearable
@
keyup
.
enter
.
native=
"handleQuery"
/>
...
...
@@ -12,14 +19,21 @@
<el-form-item
:label=
"$t('产品名称')"
prop=
"itemName"
>
<el-input
v-model=
"queryParams.itemName"
clearable
@
keyup
.
enter
.
native=
"handleQuery"
/>
</el-form-item>
<el-form-item>
<el-button
type=
"primary"
icon=
"el-icon-search"
size=
"mini"
@
click=
"handleQuery"
>
{{
$t
(
'common.search'
)
}}
</el-button>
<el-button
icon=
"el-icon-refresh"
size=
"mini"
@
click=
"resetQuery"
>
{{
$t
(
'common.reset'
)
}}
</el-button>
<el-button
type=
"primary"
icon=
"el-icon-search"
size=
"mini"
@
click=
"handleQuery"
>
{{
$t
(
'common.search'
)
}}
</el-button
>
<el-button
icon=
"el-icon-refresh"
size=
"mini"
@
click=
"resetQuery"
>
{{
$t
(
'common.reset'
)
}}
</el-button>
</el-form-item>
</el-form>
...
...
@@ -32,7 +46,8 @@
size=
"mini"
@
click=
"handleAdd"
v-hasPermi=
"['pro:proQrcodeRule:add']"
>
{{
$t
(
'common.add'
)
}}
</el-button>
>
{{
$t
(
'common.add'
)
}}
</el-button
>
</el-col>
<el-col
:span=
"1.5"
>
<el-button
...
...
@@ -43,7 +58,8 @@
:disabled=
"single"
@
click=
"handleUpdate"
v-hasPermi=
"['pro:proQrcodeRule:edit']"
>
{{
$t
(
'common.edit'
)
}}
</el-button>
>
{{
$t
(
'common.edit'
)
}}
</el-button
>
</el-col>
<el-col
:span=
"1.5"
>
<el-button
...
...
@@ -54,7 +70,8 @@
:disabled=
"multiple"
@
click=
"handleDelete"
v-hasPermi=
"['pro:proQrcodeRule:remove']"
>
{{
$t
(
'common.del'
)
}}
</el-button>
>
{{
$t
(
'common.del'
)
}}
</el-button
>
</el-col>
<!--
<el-col
:span=
"1.5"
>
<el-button
...
...
@@ -66,23 +83,64 @@
v-hasPermi=
"['pro:proQrcodeRule:export']"
>
{{
$t
(
'common.export'
)
}}
</el-button>
</el-col>
-->
<right-toolbar
:showSearch
.
sync=
"showSearch"
@
queryTable=
"getList"
></right-toolbar>
<right-toolbar
:showSearch
.
sync=
"showSearch"
@
queryTable=
"getList"
></right-toolbar>
</el-row>
<el-table
v-loading=
"loading"
:data=
"proQrcodeRuleList"
@
selection-change=
"handleSelectionChange"
>
<el-table
v-loading=
"loading"
:data=
"proQrcodeRuleList"
@
selection-change=
"handleSelectionChange"
>
<el-table-column
type=
"selection"
width=
"55"
align=
"center"
/>
<el-table-column
:label=
"$t('产品编码')"
align=
"center"
prop=
"itemCode"
/>
<el-table-column
:label=
"$t('产品名称')"
align=
"center"
prop=
"itemName"
/>
<el-table-column
:label=
"$t('客户编码')"
align=
"center"
prop=
"clientCode"
/>
<el-table-column
:label=
"$t('客户名称')"
align=
"center"
prop=
"clientName"
/>
<el-table-column
:label=
"$t('客户编码')"
align=
"center"
prop=
"clientCode"
/>
<el-table-column
:label=
"$t('标签模板')"
align=
"center"
prop=
"templateName"
/>
<el-table-column
:label=
"$t('客户名称')"
align=
"center"
prop=
"clientName"
/>
<el-table-column
:label=
"$t('产品描述')"
align=
"center"
prop=
"itemDesc"
/>
<el-table-column
:label=
"$t('编码前缀')"
align=
"center"
prop=
"prefix"
/>
<el-table-column
:label=
"$t('编码流水长度')"
align=
"center"
prop=
"serialLen"
/>
<el-table-column
:label=
"$t('编码时间格式化')"
align=
"center"
prop=
"datePattern"
/>
<el-table-column
:label=
"$t('目前号段')"
align=
"center"
prop=
"currentSerial"
/>
<el-table-column
:label=
"$t('编码流水长度')"
align=
"center"
prop=
"serialLen"
/>
<el-table-column
:label=
"$t('编码时间格式化')"
align=
"center"
prop=
"datePattern"
/>
<el-table-column
:label=
"$t('目前号段')"
align=
"center"
prop=
"currentSerial"
/>
<el-table-column
:label=
"$t('创建人')"
align=
"center"
prop=
"createBy"
/>
<el-table-column
:label=
"$t('common.create_time')"
align=
"center"
prop=
"createTime"
/>
<el-table-column
:label=
"$t('common.option')"
align=
"center"
class-name=
"small-padding fixed-width"
width=
"110"
>
<el-table-column
:label=
"$t('common.create_time')"
align=
"center"
prop=
"createTime"
/>
<el-table-column
:label=
"$t('common.option')"
align=
"center"
class-name=
"small-padding fixed-width"
width=
"110"
>
<template
slot-scope=
"scope"
>
<el-button
size=
"mini"
...
...
@@ -90,20 +148,22 @@
icon=
"el-icon-edit"
@
click=
"handleUpdate(scope.row)"
v-hasPermi=
"['pro:proQrcodeRule:edit']"
>
{{
$t
(
'common.edit'
)
}}
</el-button>
>
{{
$t
(
'common.edit'
)
}}
</el-button
>
<el-button
size=
"mini"
type=
"text"
icon=
"el-icon-delete"
@
click=
"handleDelete(scope.row)"
v-hasPermi=
"['pro:proQrcodeRule:remove']"
>
{{
$t
(
'common.del'
)
}}
</el-button>
>
{{
$t
(
'common.del'
)
}}
</el-button
>
</
template
>
</el-table-column>
</el-table>
<pagination
v-show=
"total>
0"
v-show=
"total >
0"
:total=
"total"
:page
.
sync=
"queryParams.pageNum"
:limit
.
sync=
"queryParams.pageSize"
...
...
@@ -116,7 +176,7 @@
<el-row>
<el-col
:lg=
"12"
:md=
"12"
:sm=
"24"
:xs=
"24"
>
<el-form-item
:label=
"$t('产品编码')"
prop=
"itemCode"
>
<el-input
v-model=
"form.itemCode"
>
<el-input
v-model=
"form.itemCode"
>
<el-button
slot=
"append"
@
click=
"handleSelectProduct"
...
...
@@ -127,8 +187,7 @@
</el-col>
<el-col
:lg=
"12"
:md=
"12"
:sm=
"24"
:xs=
"24"
>
<el-form-item
:label=
"$t('产品名称')"
prop=
"itemName"
>
<el-input
v-model=
"form.itemName"
>
</el-input>
<el-input
v-model=
"form.itemName"
>
</el-input>
</el-form-item>
</el-col>
<el-col
:lg=
"12"
:md=
"12"
:sm=
"24"
:xs=
"24"
>
...
...
@@ -146,10 +205,25 @@
<el-input
v-model=
"form.serialLen"
/>
</el-form-item>
</el-col>
<el-col
:lg=
"12"
:md=
"12"
:sm=
"24"
:xs=
"24"
>
<el-form-item
:label=
"$t('标签模板')"
prop=
"templateName"
>
<el-input
v-model=
"form.templateName"
>
<el-button
slot=
"append"
@
click=
"visible = true"
icon=
"el-icon-search"
></el-button>
</el-input>
</el-form-item>
</el-col>
<el-col
:lg=
"12"
:md=
"12"
:sm=
"24"
:xs=
"24"
>
<el-form-item
:label=
"$t('客户编码')"
prop=
"clientCode"
>
<el-input
v-model=
"form.clientCode"
>
<el-button
slot=
"append"
@
click=
"handleSelectClient"
icon=
"el-icon-search"
></el-button>
<el-button
slot=
"append"
@
click=
"handleSelectClient"
icon=
"el-icon-search"
></el-button>
</el-input>
<ClientSelect
ref=
"clientSelect"
@
onSelected=
"onClientSelected"
>
</ClientSelect>
...
...
@@ -170,28 +244,58 @@
</el-row>
</el-form>
<div
slot=
"footer"
class=
"dialog-footer"
>
<el-button
type=
"primary"
@
click=
"submitForm"
>
{{ $t('common.confirm') }}
</el-button>
<el-button
type=
"primary"
@
click=
"submitForm"
>
{{
$t('common.confirm')
}}
</el-button>
<el-button
@
click=
"cancel"
>
{{ $t('common.cancel') }}
</el-button>
</div>
</el-dialog>
<!-- 标签模板对话框 -->
<el-dialog
:title=
"$t('标签模板')"
:visible
.
sync=
"visible"
width=
"960px"
append-to-body
>
<
template
Print
ref=
"templatePrintRef"
v-if=
"visible"
type=
"single"
reportType=
"qrcode"
:operation=
"false"
></templatePrint>
<div
slot=
"footer"
class=
"dialog-footer"
>
<el-button
type=
"primary"
@
click=
"handleSubmitPrint"
>
{{
$t
(
'common.confirm'
)
}}
</el-button>
<el-button
@
click=
"visible = false"
>
{{
$t
(
'common.cancel'
)
}}
</el-button>
</div>
</el-dialog>
<ItemSelect
ref=
"itemSelect"
@
onSelected=
"onItemSelected"
>
</ItemSelect>
</div>
</template>
</
template
>
<
script
>
import
{
listProQrcodeRule
,
getProQrcodeRule
,
delProQrcodeRule
,
addProQrcodeRule
,
updateProQrcodeRule
,
}
from
'@/api/mes/pro/proQrcodeRule'
import
ItemSelect
from
'@/components/itemSelect/single.vue'
import
ClientSelect
from
'@/components/clientSelect/single.vue'
import
templatePrint
from
'@/views/mes/report/index'
import
{
listProQrcodeRule
,
getProQrcodeRule
,
delProQrcodeRule
,
addProQrcodeRule
,
updateProQrcodeRule
}
from
"@/api/mes/pro/proQrcodeRule"
;
import
ItemSelect
from
"@/components/itemSelect/single.vue"
;
import
ClientSelect
from
"@/components/clientSelect/single.vue"
;
export
default
{
export
default
{
components
:
{
ItemSelect
,
ClientSelect
templatePrint
,
ClientSelect
,
},
name
:
"ProQrcodeRule"
,
name
:
'ProQrcodeRule'
,
data
()
{
return
{
// 遮罩层
...
...
@@ -209,7 +313,7 @@
// 产品二维码规则表格数据
proQrcodeRuleList
:
[],
// 弹出层标题
title
:
""
,
title
:
''
,
// 是否显示弹出层
open
:
false
,
// 查询参数
...
...
@@ -217,132 +321,172 @@
pageNum
:
1
,
pageSize
:
10
,
itemCode
:
null
,
itemName
:
null
},
itemName
:
null
,
},
// 表单参数
form
:
{},
visible
:
false
,
// 表单校验
rules
:
{
itemCode
:
[
{
required
:
true
,
message
:
this
.
$t
(
'产品编码不能为空'
),
trigger
:
"blur"
}
],
}
};
{
required
:
true
,
message
:
this
.
$t
(
'产品编码不能为空'
),
trigger
:
'blur'
,
},
],
},
}
},
created
()
{
this
.
getList
();
this
.
getList
()
},
methods
:
{
handleSubmitPrint
()
{
if
(
!
this
.
$refs
.
templatePrintRef
.
selectedItemId
)
{
this
.
$message
.
warning
(
this
.
$t
(
'请选择标签模板'
))
return
}
this
.
form
.
templateName
=
this
.
$refs
.
templatePrintRef
.
currentData
.
name
this
.
form
.
templateId
=
this
.
$refs
.
templatePrintRef
.
selectedItemId
this
.
form
.
templateCode
=
this
.
$refs
.
templatePrintRef
.
selectedItemId
+
''
this
.
form
.
templateType
=
this
.
$refs
.
templatePrintRef
.
currentData
.
reportType
this
.
visible
=
false
},
//物料选择弹出框
onItemSelected
(
obj
)
{
if
(
obj
!=
undefined
&&
obj
!=
null
)
{
this
.
form
.
itemCode
=
obj
.
itemCode
;
this
.
form
.
itemName
=
obj
.
itemName
;
this
.
form
.
itemId
=
obj
.
itemId
;
this
.
form
.
itemDesc
=
obj
.
itemDesc
;
this
.
form
.
itemCode
=
obj
.
itemCode
this
.
form
.
itemName
=
obj
.
itemName
this
.
form
.
itemId
=
obj
.
itemId
this
.
form
.
itemDesc
=
obj
.
itemDesc
}
},
handleSelectClient
()
{
this
.
$refs
.
clientSelect
.
showFlag
=
true
;
this
.
$refs
.
clientSelect
.
showFlag
=
true
},
onClientSelected
(
obj
)
{
if
(
obj
!=
undefined
&&
obj
!=
null
)
{
this
.
form
.
clientId
=
obj
.
clientId
;
this
.
form
.
clientCode
=
obj
.
clientCode
;
this
.
form
.
clientName
=
obj
.
clientName
;
this
.
form
.
clientId
=
obj
.
clientId
this
.
form
.
clientCode
=
obj
.
clientCode
this
.
form
.
clientName
=
obj
.
clientName
}
},
/** 查询产品二维码规则列表 */
getList
()
{
this
.
loading
=
true
;
listProQrcodeRule
(
this
.
queryParams
).
then
(
response
=>
{
this
.
proQrcodeRuleList
=
response
.
rows
;
this
.
total
=
response
.
total
;
this
.
loading
=
false
;
});
this
.
loading
=
true
listProQrcodeRule
(
this
.
queryParams
).
then
((
response
)
=>
{
this
.
proQrcodeRuleList
=
response
.
rows
this
.
total
=
response
.
total
this
.
loading
=
false
})
},
handleSelectProduct
()
{
this
.
$refs
.
itemSelect
.
showFlag
=
true
;
this
.
$refs
.
itemSelect
.
showFlag
=
true
},
// 取消按钮
cancel
()
{
this
.
open
=
false
;
this
.
reset
();
this
.
open
=
false
this
.
reset
()
},
// 表单重置
reset
()
{
this
.
form
=
{
ruleId
:
null
,
itemId
:
null
,
itemCode
:
null
,
prefix
:
null
,
datePattern
:
null
,
serialLen
:
null
,
itemDesc
:
null
,
clientCode
:
null
,
clientName
:
null
,
currentSerial
:
null
,
createBy
:
null
,
createTime
:
null
,
updateBy
:
null
,
updateTime
:
null
};
this
.
resetForm
(
"form"
);
ruleId
:
null
,
itemId
:
null
,
itemCode
:
null
,
prefix
:
null
,
datePattern
:
null
,
serialLen
:
null
,
itemDesc
:
null
,
clientCode
:
null
,
clientName
:
null
,
currentSerial
:
null
,
createBy
:
null
,
createTime
:
null
,
updateBy
:
null
,
updateTime
:
null
,
}
this
.
resetForm
(
'form'
)
},
/** 搜索按钮操作 */
handleQuery
()
{
this
.
queryParams
.
pageNum
=
1
;
this
.
getList
();
this
.
queryParams
.
pageNum
=
1
this
.
getList
()
},
/** 重置按钮操作 */
resetQuery
()
{
this
.
resetForm
(
"queryForm"
);
this
.
handleQuery
();
this
.
resetForm
(
'queryForm'
)
this
.
handleQuery
()
},
// 多选框选中数据
handleSelectionChange
(
selection
)
{
this
.
ids
=
selection
.
map
(
item
=>
item
.
ruleId
)
this
.
single
=
selection
.
length
!==
1
this
.
ids
=
selection
.
map
((
item
)
=>
item
.
ruleId
)
this
.
single
=
selection
.
length
!==
1
this
.
multiple
=
!
selection
.
length
},
/** 新增按钮操作 */
handleAdd
()
{
this
.
reset
();
this
.
open
=
true
;
this
.
title
=
this
.
$t
(
'添加产品二维码规则'
);
this
.
reset
()
this
.
open
=
true
this
.
title
=
this
.
$t
(
'添加产品二维码规则'
)
},
/** 修改按钮操作 */
handleUpdate
(
row
)
{
this
.
reset
();
this
.
reset
()
const
ruleId
=
row
.
ruleId
||
this
.
ids
getProQrcodeRule
(
ruleId
).
then
(
response
=>
{
this
.
form
=
response
.
data
;
getProQrcodeRule
(
ruleId
).
then
((
response
)
=>
{
this
.
form
=
response
.
data
this
.
form
[
'itemName'
]
=
row
[
'itemName'
]
this
.
open
=
true
;
this
.
title
=
this
.
$t
(
'修改产品二维码规则'
);
});
this
.
open
=
true
this
.
title
=
this
.
$t
(
'修改产品二维码规则'
)
})
},
/** 提交按钮 */
submitForm
()
{
this
.
$refs
[
"form"
].
validate
(
valid
=>
{
this
.
$refs
[
'form'
].
validate
((
valid
)
=>
{
if
(
valid
)
{
if
(
this
.
form
.
ruleId
!=
null
)
{
updateProQrcodeRule
(
this
.
form
).
then
(
response
=>
{
this
.
$modal
.
msgSuccess
(
this
.
$t
(
'common.edit_success'
));
this
.
open
=
false
;
this
.
getList
();
});
updateProQrcodeRule
(
this
.
form
).
then
((
response
)
=>
{
this
.
$modal
.
msgSuccess
(
this
.
$t
(
'common.edit_success'
))
this
.
open
=
false
this
.
getList
()
})
}
else
{
addProQrcodeRule
(
this
.
form
).
then
(
response
=>
{
this
.
$modal
.
msgSuccess
(
this
.
$t
(
'common.add_success'
));
this
.
open
=
false
;
this
.
getList
();
});
addProQrcodeRule
(
this
.
form
).
then
((
response
)
=>
{
this
.
$modal
.
msgSuccess
(
this
.
$t
(
'common.add_success'
))
this
.
open
=
false
this
.
getList
()
})
}
}
});
})
},
/** 删除按钮操作 */
handleDelete
(
row
)
{
const
ruleIds
=
row
.
ruleId
||
this
.
ids
;
this
.
$modal
.
confirm
(
this
.
$t
(
'common.confirm_del_data'
)).
then
(
function
()
{
return
delProQrcodeRule
(
ruleIds
);
}).
then
(()
=>
{
this
.
getList
();
this
.
$modal
.
msgSuccess
(
this
.
$t
(
'common.del_success'
));
}).
catch
(()
=>
{});
const
ruleIds
=
row
.
ruleId
||
this
.
ids
this
.
$modal
.
confirm
(
this
.
$t
(
'common.confirm_del_data'
))
.
then
(
function
()
{
return
delProQrcodeRule
(
ruleIds
)
})
.
then
(()
=>
{
this
.
getList
()
this
.
$modal
.
msgSuccess
(
this
.
$t
(
'common.del_success'
))
})
.
catch
(()
=>
{})
},
/** 导出按钮操作 */
handleExport
()
{
this
.
download
(
'pro/proQrcodeRule/export'
,
{
...
this
.
queryParams
},
`proQrcodeRule_
${
new
Date
().
getTime
()}
.xlsx`
)
}
}
};
</
script
>
this
.
download
(
'pro/proQrcodeRule/export'
,
{
...
this
.
queryParams
,
},
`proQrcodeRule_
${
new
Date
().
getTime
()}
.xlsx`
)
},
},
}
</
script
>
\ No newline at end of file
src/views/mes/pro/qrcodeRecord/index.vue
View file @
e3d070f5
<
template
>
<div
class=
"app-container"
>
<el-row
style=
"display: flex;
"
:gutter=
"16"
>
<el-col
:span=
"8"
>
<el-card
style=
"min-height: 700px;
"
>
<el-row
style=
"display: flex
"
:gutter=
"16"
>
<el-col
:span=
"8"
>
<el-card
style=
"min-height: 700px
"
>
<el-form
:model=
"queryWorkParams"
ref=
"queryWorkForm"
...
...
@@ -15,7 +15,6 @@
<el-form-item
:label=
"$t('工单编码')"
prop=
"workorderCode"
>
<el-input
v-model=
"queryWorkParams.workorderCode"
clearable
@
keyup
.
enter
.
native=
"handleQueryWorkorder"
/>
...
...
@@ -28,7 +27,10 @@
@
click=
"handleQueryWorkorder"
>
{{
$t
(
'common.search'
)
}}
</el-button
>
<el-button
icon=
"el-icon-refresh"
size=
"mini"
@
click=
"resetWorkQuery"
<el-button
icon=
"el-icon-refresh"
size=
"mini"
@
click=
"resetWorkQuery"
>
{{
$t
(
'common.reset'
)
}}
</el-button
>
</el-form-item>
...
...
@@ -45,20 +47,44 @@
<el-table-column
width=
"50"
align=
"center"
>
<template
v-slot=
"scope"
>
<!-- 可以手动的修改label的值,从而控制选择哪一项 -->
<el-radio
class=
"radio"
v-model=
"selectedItemId"
:label=
"scope.row.workorderCode"
>
{{
""
}}
</el-radio
<el-radio
class=
"radio"
v-model=
"selectedItemId"
:label=
"scope.row.workorderCode"
>
{{
''
}}
</el-radio
>
</
template
>
</el-table-column>
<el-table-column
:label=
"$t('生产单号')"
align=
"center"
prop=
"workorderCode"
/>
<el-table-column
:label=
"$t('客户名称')"
align=
"center"
prop=
"clientName"
/>
<el-table-column
:label=
"$t('产品名称')"
width=
"80"
align=
"center"
prop=
"productName"
/>
<el-table-column
:label=
"$t('生产单号')"
align=
"center"
prop=
"workorderCode"
/>
<el-table-column
:label=
"$t('客户名称')"
align=
"center"
prop=
"clientName"
/>
<el-table-column
:label=
"$t('产品名称')"
width=
"80"
align=
"center"
prop=
"productName"
/>
</el-table>
</el-card>
</el-col>
<el-col
:span=
"16"
>
<el-card>
<el-form
:model=
"queryParams"
@
submit
.
native
.
prevent
ref=
"queryForm"
size=
"small"
:inline=
"true"
v-show=
"showSearch"
label-width=
"68px"
>
<el-form
:model=
"queryParams"
@
submit
.
native
.
prevent
ref=
"queryForm"
size=
"small"
:inline=
"true"
v-show=
"showSearch"
label-width=
"68px"
>
<el-form-item
:label=
"$t('序列号')"
prop=
"qrcode"
>
<el-input
v-model=
"queryParams.qrcode"
...
...
@@ -67,8 +93,19 @@
/>
</el-form-item>
<el-form-item>
<el-button
type=
"primary"
icon=
"el-icon-search"
size=
"mini"
@
click=
"handleQuery"
>
{{ $t('common.search') }}
</el-button>
<el-button
icon=
"el-icon-refresh"
size=
"mini"
@
click=
"resetQuery"
>
{{ $t('common.reset') }}
</el-button>
<el-button
type=
"primary"
icon=
"el-icon-search"
size=
"mini"
@
click=
"handleQuery"
>
{{ $t('common.search') }}
</el-button
>
<el-button
icon=
"el-icon-refresh"
size=
"mini"
@
click=
"resetQuery"
>
{{ $t('common.reset') }}
</el-button
>
</el-form-item>
</el-form>
...
...
@@ -123,19 +160,51 @@
size=
"mini"
@
click=
"printQrCode"
v-hasPermi=
"['pro:qrcodeRecord:print']"
>
{{$t('打印')}}
</el-button>
>
{{ $t('打印') }}
</el-button
>
</el-col>
<right-toolbar
:showSearch
.
sync=
"showSearch"
@
queryTable=
"getList"
></right-toolbar>
<right-toolbar
:showSearch
.
sync=
"showSearch"
@
queryTable=
"getList"
></right-toolbar>
</el-row>
<el-table
v-loading=
"loading"
:data=
"qrcodeRecordList"
@
selection-change=
"handleSelectionChange"
>
<el-table
v-loading=
"loading"
:data=
"qrcodeRecordList"
@
selection-change=
"handleSelectionChange"
>
<el-table-column
type=
"selection"
width=
"55"
align=
"center"
/>
<el-table-column
:label=
"$t('序列号')"
align=
"center"
prop=
"qrcode"
/>
<el-table-column
:label=
"$t('工单号')"
align=
"center"
prop=
"workOrderNo"
/>
<el-table-column
:label=
"$t('产品编码')"
align=
"center"
prop=
"itemCode"
/>
<el-table-column
:label=
"$t('产品描述')"
align=
"center"
prop=
"itemDesc"
/>
<el-table-column
:label=
"$t('创建日期')"
align=
"center"
prop=
"createTime"
/>
<el-table-column
:label=
"$t('打印次数')"
align=
"center"
prop=
"printTime"
/>
<el-table-column
:label=
"$t('序列号')"
align=
"center"
prop=
"qrcode"
/>
<el-table-column
:label=
"$t('工单号')"
align=
"center"
prop=
"workOrderNo"
/>
<el-table-column
:label=
"$t('产品编码')"
align=
"center"
prop=
"itemCode"
/>
<el-table-column
:label=
"$t('产品描述')"
align=
"center"
prop=
"itemDesc"
/>
<el-table-column
:label=
"$t('创建日期')"
align=
"center"
prop=
"createTime"
/>
<el-table-column
:label=
"$t('打印次数')"
align=
"center"
prop=
"printTime"
/>
<!-- <el-table-column :label="$t('common.option')" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button
...
...
@@ -156,7 +225,7 @@
</el-table-column> -->
</el-table>
<pagination
v-show=
"total>
0"
v-show=
"total >
0"
:total=
"total"
:page
.
sync=
"queryParams.pageNum"
:limit
.
sync=
"queryParams.pageSize"
...
...
@@ -198,23 +267,29 @@
</el-form-item>
</el-form>
<div
slot=
"footer"
class=
"dialog-footer"
>
<el-button
type=
"primary"
@
click=
"submitForm"
>
{{ $t('common.confirm') }}
</el-button>
<el-button
type=
"primary"
@
click=
"submitForm"
>
{{
$t('common.confirm')
}}
</el-button>
<el-button
@
click=
"cancel"
>
{{ $t('common.cancel') }}
</el-button>
</div>
</el-dialog>
</div>
</template>
</template>
<
script
>
import
{
workorderList
}
from
'@/api/mes/pro/packageLablePrint'
import
{
listQrcodeRecord
,
getQrcodeRecord
,
delQrcodeRecord
,
addQrcodeRecord
,
updateQrcodeRecord
,
}
from
'@/api/mes/pro/qrcodeRecord'
import
{
postPrintPdf
}
from
'@/utils/ruoyi'
import
{
workorderList
}
from
"@/api/mes/pro/packageLablePrint"
;
import
{
listQrcodeRecord
,
getQrcodeRecord
,
delQrcodeRecord
,
addQrcodeRecord
,
updateQrcodeRecord
}
from
"@/api/mes/pro/qrcodeRecord"
;
import
{
postPrintPdf
}
from
"@/utils/ruoyi"
export
default
{
name
:
"QrcodeRecord"
,
export
default
{
name
:
'QrcodeRecord'
,
data
()
{
return
{
// 遮罩层
...
...
@@ -237,26 +312,40 @@ import {postPrintPdf} from "@/utils/ruoyi"
// 产品序列号打印记录表格数据
qrcodeRecordList
:
[],
// 弹出层标题
title
:
""
,
title
:
''
,
// 是否显示弹出层
open
:
false
,
queryWorkParams
:
{
pageNum
:
1
,
workorderCode
:
null
workorderCode
:
null
,
},
// 查询参数
queryParams
:
{
pageNum
:
1
,
pageSize
:
10
,
qrcode
:
null
,
itemCode
:
null
,
workOrderId
:
null
,
workOrderNo
:
null
,
printTime
:
null
,
qrcode
:
null
,
clientCode
:
null
,
clientName
:
null
,
itemDesc
:
null
,
},
qrcode
:
null
,
itemCode
:
null
,
workOrderId
:
null
,
workOrderNo
:
null
,
printTime
:
null
,
qrcode
:
null
,
clientCode
:
null
,
clientName
:
null
,
itemDesc
:
null
,
},
// 表单参数
form
:
{},
// 表单校验
rules
:
{
itemId
:
[
{
required
:
true
,
message
:
this
.
$t
(
'产品ID不能为空'
),
trigger
:
"blur"
}
],
}
};
{
required
:
true
,
message
:
this
.
$t
(
'产品ID不能为空'
),
trigger
:
'blur'
,
},
],
},
}
},
created
()
{
// this.getList();
...
...
@@ -277,36 +366,45 @@ import {postPrintPdf} from "@/utils/ruoyi"
qrcode
:
null
,
clientCode
:
null
,
clientName
:
null
,
itemDesc
:
null
}
itemDesc
:
null
,
}
this
.
getList
()
},
handlePrint
()
{},
handlePrint
()
{},
printQrCode
()
{
let
detail
=
[]
const
promise
=
[]
this
.
selectRow
.
forEach
((
s
,
i
)
=>
{
promise
.
push
(
updateQrcodeRecord
({...
s
,
...{
printTime
:
s
.
printTime
+
1
}}))
const
noTemplate
=
[]
this
.
selectRow
.
forEach
((
s
,
i
)
=>
{
let
detail
=
[]
if
(
s
.
templateName
)
{
promise
.
push
(
updateQrcodeRecord
({
...
s
,
...{
printTime
:
s
.
printTime
+
1
}
})
)
detail
.
push
({
"barcode"
:
s
.
qrcode
,
"showText"
:
''
,
"gp"
:
i
+
1
barcode
:
s
.
qrcode
,
showText
:
''
,
gp
:
i
+
1
,
})
detail
.
push
({
"barcode"
:
s
.
qrcode
,
"showText"
:
''
,
"gp"
:
i
+
1
barcode
:
s
.
qrcode
,
showText
:
''
,
gp
:
i
+
1
,
})
});
Promise
.
all
(
promise
).
then
(
res
=>
{
this
.
getList
();
postPrintPdf
(
s
.
templateName
,
{
detail
,
})
}
else
{
noTemplate
.
push
(
s
.
qrcode
)
}
})
if
(
noTemplate
.
length
>
0
)
{
this
.
$message
.
warning
(
noTemplate
.
join
(
','
)
+
this
.
$t
(
'没有配置标签模版'
))
}
if
(
promise
.
length
>
0
)
{
Promise
.
all
(
promise
).
then
((
res
)
=>
{
this
.
getList
()
})
postPrintPdf
(
"qrcode-50*50-2"
,
{
detail
}
);
},
/** 查询工单列表 */
getWorkList
()
{
...
...
@@ -314,115 +412,137 @@ import {postPrintPdf} from "@/utils/ruoyi"
this
.
$message
.
error
(
this
.
$t
(
'请输入查询条件'
))
return
}
this
.
workorderloading
=
true
;
this
.
workorderloading
=
true
workorderList
(
this
.
queryWorkParams
).
then
((
response
)
=>
{
console
.
log
(
response
,
'response'
)
this
.
workorderList
=
response
.
rows
;
this
.
workordertotal
=
response
.
total
;
this
.
workorderloading
=
false
;
this
.
workorderList
=
response
.
rows
this
.
workordertotal
=
response
.
total
this
.
workorderloading
=
false
this
.
produceForm
=
{}
this
.
selectedItemId
=
null
});
})
},
/** 查询产品序列号打印记录列表 */
getList
()
{
this
.
loading
=
true
;
listQrcodeRecord
(
this
.
queryParams
).
then
(
response
=>
{
this
.
qrcodeRecordList
=
response
.
rows
;
this
.
total
=
response
.
total
;
this
.
loading
=
false
;
});
this
.
loading
=
true
listQrcodeRecord
(
this
.
queryParams
).
then
((
response
)
=>
{
this
.
qrcodeRecordList
=
response
.
rows
this
.
total
=
response
.
total
this
.
loading
=
false
})
},
// 取消按钮
cancel
()
{
this
.
open
=
false
;
this
.
reset
();
this
.
open
=
false
this
.
reset
()
},
// 表单重置
reset
()
{
this
.
form
=
{
recordId
:
null
,
itemId
:
null
,
itemCode
:
null
,
workOrderId
:
null
,
workOrderNo
:
null
,
printTime
:
null
,
qrcode
:
null
,
clientCode
:
null
,
clientName
:
null
,
itemDesc
:
null
,
createBy
:
null
,
createTime
:
null
,
updateBy
:
null
,
updateTime
:
null
};
this
.
resetForm
(
"form"
);
recordId
:
null
,
itemId
:
null
,
itemCode
:
null
,
workOrderId
:
null
,
workOrderNo
:
null
,
printTime
:
null
,
qrcode
:
null
,
clientCode
:
null
,
clientName
:
null
,
itemDesc
:
null
,
createBy
:
null
,
createTime
:
null
,
updateBy
:
null
,
updateTime
:
null
,
}
this
.
resetForm
(
'form'
)
},
/** 搜索按钮操作 */
handleQuery
()
{
this
.
queryParams
.
pageNum
=
1
;
this
.
getList
();
this
.
queryParams
.
pageNum
=
1
this
.
getList
()
},
handleQueryWorkorder
()
{
this
.
queryParams
.
pageNum
=
1
;
this
.
getWorkList
();
this
.
queryParams
.
pageNum
=
1
this
.
getWorkList
()
},
/** 重置按钮操作 */
resetQuery
()
{
this
.
resetForm
(
"queryForm"
);
this
.
handleQuery
();
this
.
resetForm
(
'queryForm'
)
this
.
handleQuery
()
},
/** 重置按钮操作 */
resetWorkQuery
()
{
this
.
resetForm
(
"queryWorkForm"
);
this
.
handleQueryWorkorder
();
this
.
resetForm
(
'queryWorkForm'
)
this
.
handleQueryWorkorder
()
},
// 多选框选中数据
handleSelectionChange
(
selection
)
{
this
.
ids
=
selection
.
map
(
item
=>
item
.
recordId
)
this
.
selectRow
=
selection
;
this
.
single
=
selection
.
length
!==
1
this
.
ids
=
selection
.
map
((
item
)
=>
item
.
recordId
)
this
.
selectRow
=
selection
this
.
single
=
selection
.
length
!==
1
this
.
multiple
=
!
selection
.
length
},
/** 新增按钮操作 */
handleAdd
()
{
this
.
reset
();
this
.
open
=
true
;
this
.
title
=
this
.
$t
(
'添加产品序列号打印记录'
);
this
.
reset
()
this
.
open
=
true
this
.
title
=
this
.
$t
(
'添加产品序列号打印记录'
)
},
/** 修改按钮操作 */
handleUpdate
(
row
)
{
this
.
reset
();
this
.
reset
()
const
recordId
=
row
.
recordId
||
this
.
ids
getQrcodeRecord
(
recordId
).
then
(
response
=>
{
this
.
form
=
response
.
data
;
this
.
open
=
true
;
this
.
title
=
this
.
$t
(
'修改产品序列号打印记录'
);
});
getQrcodeRecord
(
recordId
).
then
((
response
)
=>
{
this
.
form
=
response
.
data
this
.
open
=
true
this
.
title
=
this
.
$t
(
'修改产品序列号打印记录'
)
})
},
/** 提交按钮 */
submitForm
()
{
this
.
$refs
[
"form"
].
validate
(
valid
=>
{
this
.
$refs
[
'form'
].
validate
((
valid
)
=>
{
if
(
valid
)
{
if
(
this
.
form
.
recordId
!=
null
)
{
updateQrcodeRecord
(
this
.
form
).
then
(
response
=>
{
this
.
$modal
.
msgSuccess
(
this
.
$t
(
'common.edit_success'
));
this
.
open
=
false
;
this
.
getList
();
});
updateQrcodeRecord
(
this
.
form
).
then
((
response
)
=>
{
this
.
$modal
.
msgSuccess
(
this
.
$t
(
'common.edit_success'
))
this
.
open
=
false
this
.
getList
()
})
}
else
{
addQrcodeRecord
(
this
.
form
).
then
(
response
=>
{
this
.
$modal
.
msgSuccess
(
this
.
$t
(
'common.add_success'
));
this
.
open
=
false
;
this
.
getList
();
});
addQrcodeRecord
(
this
.
form
).
then
((
response
)
=>
{
this
.
$modal
.
msgSuccess
(
this
.
$t
(
'common.add_success'
))
this
.
open
=
false
this
.
getList
()
})
}
}
});
})
},
/** 删除按钮操作 */
handleDelete
(
row
)
{
const
recordIds
=
row
.
recordId
||
this
.
ids
;
this
.
$modal
.
confirm
(
this
.
$t
(
'common.confirm_del_data'
)).
then
(
function
()
{
return
delQrcodeRecord
(
recordIds
);
}).
then
(()
=>
{
this
.
getList
();
this
.
$modal
.
msgSuccess
(
this
.
$t
(
'common.del_success'
));
}).
catch
(()
=>
{});
const
recordIds
=
row
.
recordId
||
this
.
ids
this
.
$modal
.
confirm
(
this
.
$t
(
'common.confirm_del_data'
))
.
then
(
function
()
{
return
delQrcodeRecord
(
recordIds
)
})
.
then
(()
=>
{
this
.
getList
()
this
.
$modal
.
msgSuccess
(
this
.
$t
(
'common.del_success'
))
})
.
catch
(()
=>
{})
},
/** 导出按钮操作 */
handleExport
()
{
this
.
download
(
'pro/qrcodeRecord/export'
,
{
...
this
.
queryParams
},
`qrcodeRecord_
${
new
Date
().
getTime
()}
.xlsx`
)
}
}
};
</
script
>
this
.
download
(
'pro/qrcodeRecord/export'
,
{
...
this
.
queryParams
,
},
`qrcodeRecord_
${
new
Date
().
getTime
()}
.xlsx`
)
},
},
}
</
script
>
\ No newline at end of file
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment