449 lines
16 KiB
Vue
449 lines
16 KiB
Vue
<template>
|
|
<div class="app-container">
|
|
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
|
<el-form-item :label="$t('traycodeFormat.barcodeFormat')" prop="barcodeFormat">
|
|
<el-input
|
|
v-model="queryParams.barcodeFormat"
|
|
:placeholder="$t('traycodeFormat.placeholder.barcodeFormat')"
|
|
clearable
|
|
@keyup.enter.native="handleQuery"
|
|
/>
|
|
</el-form-item>
|
|
<el-form-item :label="$t('traycodeFormat.serialRule')" prop="serialRule">
|
|
<el-input
|
|
v-model="queryParams.serialRule"
|
|
:placeholder="$t('traycodeFormat.placeholder.serialRule')"
|
|
clearable
|
|
@keyup.enter.native="handleQuery"
|
|
/>
|
|
</el-form-item>
|
|
<!-- <el-form-item :label="$t('traycodeFormat.serialExample')" prop="serialExample">
|
|
<el-input
|
|
v-model="queryParams.serialExample"
|
|
:placeholder="$t('traycodeFormat.placeholder.serialExample')"
|
|
clearable
|
|
@keyup.enter.native="handleQuery"
|
|
/>
|
|
</el-form-item> -->
|
|
<el-form-item :label="$t('traycodeFormat.remarks')" prop="remarks">
|
|
<el-input
|
|
v-model="queryParams.remarks"
|
|
:placeholder="$t('traycodeFormat.placeholder.remarks')"
|
|
clearable
|
|
@keyup.enter.native="handleQuery"
|
|
/>
|
|
</el-form-item>
|
|
<el-form-item :label="$t('traycodeFormat.minNum')" prop="minNum">
|
|
<el-input
|
|
v-model="queryParams.minNum"
|
|
:placeholder="$t('traycodeFormat.placeholder.minNum')"
|
|
clearable
|
|
@keyup.enter.native="handleQuery"
|
|
/>
|
|
</el-form-item>
|
|
<el-form-item :label="$t('traycodeFormat.maxNum')" prop="maxNum">
|
|
<el-input
|
|
v-model="queryParams.maxNum"
|
|
:placeholder="$t('traycodeFormat.placeholder.maxNum')"
|
|
clearable
|
|
@keyup.enter.native="handleQuery"
|
|
/>
|
|
</el-form-item>
|
|
<!-- <el-form-item :label="$t('traycodeFormat.spare1')" prop="spare1">
|
|
<el-input
|
|
v-model="queryParams.spare1"
|
|
:placeholder="$t('traycodeFormat.placeholder.spare1')"
|
|
clearable
|
|
@keyup.enter.native="handleQuery"
|
|
/>
|
|
</el-form-item> -->
|
|
<!-- <el-form-item :label="$t('traycodeFormat.spare2')" prop="spare2">
|
|
<el-input
|
|
v-model="queryParams.spare2"
|
|
:placeholder="$t('traycodeFormat.placeholder.spare2')"
|
|
clearable
|
|
@keyup.enter.native="handleQuery"
|
|
/>
|
|
</el-form-item> -->
|
|
<!-- <el-form-item :label="$t('traycodeFormat.spare3')" prop="spare3">
|
|
<el-input
|
|
v-model="queryParams.spare3"
|
|
:placeholder="$t('traycodeFormat.placeholder.spare3')"
|
|
clearable
|
|
@keyup.enter.native="handleQuery"
|
|
/>
|
|
</el-form-item> -->
|
|
<el-form-item>
|
|
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">{{ $t('traycodeFormat.search') }}</el-button>
|
|
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">{{ $t('traycodeFormat.reset') }}</el-button>
|
|
</el-form-item>
|
|
</el-form>
|
|
|
|
<el-row :gutter="10" class="mb8">
|
|
<el-col :span="1.5">
|
|
<el-button
|
|
type="primary"
|
|
plain
|
|
icon="el-icon-plus"
|
|
size="mini"
|
|
@click="handleAdd"
|
|
v-hasPermi="['bas:traycodeFormat:add']"
|
|
>{{ $t('traycodeFormat.add') }}</el-button>
|
|
</el-col>
|
|
<el-col :span="1.5">
|
|
<el-button
|
|
type="success"
|
|
plain
|
|
icon="el-icon-edit"
|
|
size="mini"
|
|
:disabled="single"
|
|
@click="handleUpdate"
|
|
v-hasPermi="['bas:traycodeFormat:edit']"
|
|
>{{ $t('traycodeFormat.edit') }}</el-button>
|
|
</el-col>
|
|
<el-col :span="1.5">
|
|
<el-button
|
|
type="danger"
|
|
plain
|
|
icon="el-icon-delete"
|
|
size="mini"
|
|
:disabled="multiple"
|
|
@click="handleDelete"
|
|
v-hasPermi="['bas:traycodeFormat:remove']"
|
|
>{{ $t('traycodeFormat.delete') }}</el-button>
|
|
</el-col>
|
|
<el-col :span="1.5">
|
|
<el-button
|
|
type="warning"
|
|
plain
|
|
icon="el-icon-download"
|
|
size="mini"
|
|
@click="handleExport"
|
|
v-hasPermi="['bas:traycodeFormat:export']"
|
|
>{{ $t('traycodeFormat.export') }}</el-button>
|
|
</el-col>
|
|
<el-col :span="1.5">
|
|
<el-button
|
|
type="primary"
|
|
plain
|
|
icon="el-icon-printer"
|
|
size="mini"
|
|
:disabled="single"
|
|
@click="handlePrint"
|
|
v-hasPermi="['bas:traycodeFormat:createPrintData']"
|
|
>{{ $t('traycodeFormat.createPrintData') }}</el-button>
|
|
</el-col>
|
|
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
|
</el-row>
|
|
|
|
<el-table v-loading="loading" :data="traycodeFormatList" @selection-change="handleSelectionChange">
|
|
<el-table-column type="selection" width="55" align="center" />
|
|
<el-table-column :label="$t('traycodeFormat.id')" align="center" prop="id" />
|
|
<el-table-column :label="$t('traycodeFormat.barcodeFormat')" align="center" prop="barcodeFormat" />
|
|
<el-table-column :label="$t('traycodeFormat.serialRule')" align="center" prop="serialRule" />
|
|
<el-table-column :label="$t('traycodeFormat.serialExample')" align="center" prop="serialExample" />
|
|
<el-table-column :label="$t('traycodeFormat.remarks')" align="center" prop="remarks" />
|
|
<el-table-column :label="$t('traycodeFormat.minNum')" align="center" prop="minNum" />
|
|
<el-table-column :label="$t('traycodeFormat.maxNum')" align="center" prop="maxNum" />
|
|
<el-table-column :label="$t('traycodeFormat.spare1')" align="center" prop="spare1" />
|
|
<!-- <el-table-column :label="$t('traycodeFormat.spare2')" align="center" prop="spare2" /> -->
|
|
<!-- <el-table-column :label="$t('traycodeFormat.spare3')" align="center" prop="spare3" /> -->
|
|
<el-table-column :label="$t('traycodeFormat.operation')" align="center" class-name="small-padding fixed-width">
|
|
<template slot-scope="scope">
|
|
<el-button
|
|
size="mini"
|
|
type="text"
|
|
icon="el-icon-edit"
|
|
@click="handleUpdate(scope.row)"
|
|
v-hasPermi="['bas:traycodeFormat:edit']"
|
|
>{{ $t('traycodeFormat.edit') }}</el-button>
|
|
<el-button
|
|
size="mini"
|
|
type="text"
|
|
icon="el-icon-delete"
|
|
@click="handleDelete(scope.row)"
|
|
v-hasPermi="['bas:traycodeFormat:remove']"
|
|
>{{ $t('traycodeFormat.delete') }}</el-button>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
|
|
<pagination
|
|
v-show="total>0"
|
|
:total="total"
|
|
:page.sync="queryParams.pageNum"
|
|
:limit.sync="queryParams.pageSize"
|
|
@pagination="getList"
|
|
/>
|
|
|
|
<!-- 添加或修改条码生成规则对话框 -->
|
|
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
|
|
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
|
<el-form-item :label="$t('traycodeFormat.barcodeFormat')" prop="barcodeFormat">
|
|
<el-input v-model="form.barcodeFormat" :placeholder="$t('traycodeFormat.placeholder.barcodeFormat')" />
|
|
</el-form-item>
|
|
<el-form-item :label="$t('traycodeFormat.serialRule')" prop="serialRule">
|
|
<el-input v-model="form.serialRule" :placeholder="$t('traycodeFormat.placeholder.serialRule')" />
|
|
</el-form-item>
|
|
<el-form-item :label="$t('traycodeFormat.serialExample')" prop="serialExample">
|
|
<el-input v-model="form.serialExample" :placeholder="$t('traycodeFormat.placeholder.serialExample')" />
|
|
</el-form-item>
|
|
<el-form-item :label="$t('traycodeFormat.remarks')" prop="remarks">
|
|
<el-input v-model="form.remarks" :placeholder="$t('traycodeFormat.placeholder.remarks')" />
|
|
</el-form-item>
|
|
<el-form-item :label="$t('traycodeFormat.minNum')" prop="minNum">
|
|
<el-input v-model="form.minNum" :placeholder="$t('traycodeFormat.placeholder.minNum')" />
|
|
</el-form-item>
|
|
<el-form-item :label="$t('traycodeFormat.maxNum')" prop="maxNum">
|
|
<el-input v-model="form.maxNum" :placeholder="$t('traycodeFormat.placeholder.maxNum')" />
|
|
</el-form-item>
|
|
<el-form-item :label="$t('traycodeFormat.spare1')" prop="spare1">
|
|
<el-input v-model="form.spare1" :placeholder="$t('traycodeFormat.placeholder.spare1')" />
|
|
</el-form-item>
|
|
<!-- <el-form-item :label="$t('traycodeFormat.spare2')" prop="spare2">
|
|
<el-input v-model="form.spare2" :placeholder="$t('traycodeFormat.placeholder.spare2')" />
|
|
</el-form-item> -->
|
|
<!-- <el-form-item :label="$t('traycodeFormat.spare3')" prop="spare3">
|
|
<el-input v-model="form.spare3" :placeholder="$t('traycodeFormat.placeholder.spare3')" />
|
|
</el-form-item> -->
|
|
</el-form>
|
|
<div slot="footer" class="dialog-footer">
|
|
<el-button type="primary" @click="submitForm">{{ $t('traycodeFormat.confirm') }}</el-button>
|
|
<el-button @click="cancel">{{ $t('traycodeFormat.cancel') }}</el-button>
|
|
</div>
|
|
</el-dialog>
|
|
<!-- 打印条码数量输入对话框 -->
|
|
<el-dialog :title="$t('traycodeFormat.printTitle')" :visible.sync="printDialogVisible" width="400px" append-to-body>
|
|
<el-form ref="printForm" :model="printForm" label-width="100px">
|
|
<el-form-item :label="$t('traycodeFormat.printCount')" prop="printCount">
|
|
<el-input-number v-model="printForm.printCount" :min="1" :max="maxPrintCount" :placeholder="$t('traycodeFormat.placeholder.printCount')" />
|
|
</el-form-item>
|
|
</el-form>
|
|
<div slot="footer" class="dialog-footer">
|
|
<el-button type="primary" @click="submitPrint">{{ $t('traycodeFormat.confirm') }}</el-button>
|
|
<el-button @click="cancelPrint">{{ $t('traycodeFormat.cancel') }}</el-button>
|
|
</div>
|
|
</el-dialog>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import { listTraycodeFormat, getTraycodeFormat, delTraycodeFormat, addTraycodeFormat, updateTraycodeFormat } from "@/api/bas/traycodeFormat"
|
|
import {getLodop} from "@/plugins/LodopFuncs.js"
|
|
export default {
|
|
name: "TraycodeFormat",
|
|
data() {
|
|
return {
|
|
// 遮罩层
|
|
loading: true,
|
|
// 选中数组
|
|
ids: [],
|
|
// 非单个禁用
|
|
single: true,
|
|
// 非多个禁用
|
|
multiple: true,
|
|
// 显示搜索条件
|
|
showSearch: true,
|
|
// 总条数
|
|
total: 0,
|
|
// 条码生成规则表格数据
|
|
traycodeFormatList: [],
|
|
// 弹出层标题
|
|
title: "",
|
|
// 是否显示弹出层
|
|
open: false,
|
|
// 查询参数
|
|
queryParams: {
|
|
pageNum: 1,
|
|
pageSize: 10,
|
|
barcodeFormat: null,
|
|
serialRule: null,
|
|
serialExample: null,
|
|
remarks: null,
|
|
minNum: null,
|
|
maxNum: null,
|
|
spare1: null,
|
|
spare2: null,
|
|
spare3: null
|
|
},
|
|
// 表单参数
|
|
form: {},
|
|
// 表单校验
|
|
rules: {
|
|
barcodeFormat: [
|
|
{ required: true, message: this.$t('traycodeFormat.placeholder.barcodeFormat'), trigger: "blur" }
|
|
],
|
|
remarks: [
|
|
{ required: true, message: this.$t('traycodeFormat.placeholder.remarks'), trigger: "blur" }
|
|
],
|
|
minNum: [
|
|
{ required: true, message: this.$t('traycodeFormat.placeholder.minNum'), trigger: "blur" }
|
|
],
|
|
maxNum: [
|
|
{ required: true, message: this.$t('traycodeFormat.placeholder.maxNum'), trigger: "blur" }
|
|
]
|
|
},
|
|
// 打印对话框显示状态
|
|
printDialogVisible: false,
|
|
// 打印表单参数
|
|
printForm: {
|
|
printCount: 1,
|
|
},
|
|
selectData:{
|
|
|
|
},
|
|
// 最大可打印数量
|
|
maxPrintCount: 1000,
|
|
// 当前选中的条码规则
|
|
currentRule: null,
|
|
|
|
}
|
|
},
|
|
created() {
|
|
this.getList()
|
|
},
|
|
methods: {
|
|
/** 查询条码生成规则列表 */
|
|
getList() {
|
|
this.loading = true
|
|
listTraycodeFormat(this.queryParams).then(response => {
|
|
this.traycodeFormatList = response.rows
|
|
this.total = response.total
|
|
this.loading = false
|
|
})
|
|
},
|
|
// 取消按钮
|
|
cancel() {
|
|
this.open = false
|
|
this.reset()
|
|
},
|
|
// 表单重置
|
|
reset() {
|
|
this.form = {
|
|
id: null,
|
|
barcodeFormat: null,
|
|
serialRule: null,
|
|
serialExample: null,
|
|
remarks: null,
|
|
minNum: null,
|
|
maxNum: null,
|
|
createTime: null,
|
|
updateTime: null,
|
|
spare1: null,
|
|
spare2: null,
|
|
spare3: null
|
|
}
|
|
this.resetForm("form")
|
|
},
|
|
/** 搜索按钮操作 */
|
|
handleQuery() {
|
|
this.queryParams.pageNum = 1
|
|
this.getList()
|
|
},
|
|
/** 重置按钮操作 */
|
|
resetQuery() {
|
|
this.resetForm("queryForm")
|
|
this.handleQuery()
|
|
},
|
|
// 多选框选中数据
|
|
handleSelectionChange(selection) {
|
|
this.ids = selection.map(item => item.id)
|
|
this.single = selection.length!==1
|
|
this.multiple = !selection.length
|
|
this.selectData = selection
|
|
},
|
|
/** 新增按钮操作 */
|
|
handleAdd() {
|
|
this.reset()
|
|
this.open = true
|
|
this.title = this.$t('traycodeFormat.addTitle')
|
|
},
|
|
/** 修改按钮操作 */
|
|
handleUpdate(row) {
|
|
this.reset()
|
|
const id = row.id || this.ids
|
|
getTraycodeFormat(id).then(response => {
|
|
this.form = response.data
|
|
this.open = true
|
|
this.title = this.$t('traycodeFormat.editTitle')
|
|
})
|
|
},
|
|
/** 提交按钮 */
|
|
submitForm() {
|
|
this.$refs["form"].validate(valid => {
|
|
if (valid) {
|
|
if (this.form.id != null) {
|
|
updateTraycodeFormat(this.form).then(response => {
|
|
this.$modal.msgSuccess(this.$t('traycodeFormat.editSuccess'))
|
|
this.open = false
|
|
this.getList()
|
|
})
|
|
} else {
|
|
addTraycodeFormat(this.form).then(response => {
|
|
this.$modal.msgSuccess(this.$t('traycodeFormat.addSuccess'))
|
|
this.open = false
|
|
this.getList()
|
|
})
|
|
}
|
|
}
|
|
})
|
|
},
|
|
/** 删除按钮操作 */
|
|
handleDelete(row) {
|
|
const ids = row.id || this.ids
|
|
this.$modal.confirm(this.$t('traycodeFormat.deleteConfirm', { id: ids })).then(function() {
|
|
return delTraycodeFormat(ids)
|
|
}).then(() => {
|
|
this.getList()
|
|
this.$modal.msgSuccess(this.$t('traycodeFormat.deleteSuccess'))
|
|
}).catch(() => {})
|
|
},
|
|
/** 导出按钮操作 */
|
|
handleExport() {
|
|
this.download('bas/traycodeFormat/export', {
|
|
...this.queryParams
|
|
}, `traycodeFormat_${new Date().getTime()}.xlsx`)
|
|
},
|
|
/** 打印按钮操作 */
|
|
handlePrint(row) {
|
|
this.printDialogVisible = true;
|
|
},
|
|
// 取消打印
|
|
cancelPrint() {
|
|
this.printDialogVisible = false;
|
|
this.printForm.printCount = 0;
|
|
},
|
|
// 提交打印
|
|
submitPrint() {
|
|
|
|
var printData = {
|
|
id: this.selectData[0].id,
|
|
serialRule: Number(this.selectData[0].serialRule) + Number(this.printForm.printCount),
|
|
};
|
|
|
|
if (Number(this.printForm.printCount)+Number(this.selectData[0].serialRule)-1>this.selectData[0].maxNum){
|
|
this.$modal.msgError(this.$t('traycodeFormat.printCountError'))
|
|
return
|
|
}
|
|
updateTraycodeFormat(printData).then(response => {
|
|
this.$modal.msgSuccess(this.$t('traycodeFormat.editSuccess'))
|
|
this.printDialogVisible = false;
|
|
this.getList()
|
|
})
|
|
},
|
|
|
|
}
|
|
}
|
|
</script>
|
|
<style scoped>
|
|
.el-form-item >>> .el-form-item__label {
|
|
white-space: nowrap;
|
|
width: auto;
|
|
min-width: fit-content;
|
|
}
|
|
/* 统一表单控件宽度 */
|
|
.el-select,
|
|
.el-input {
|
|
width: 100%;
|
|
}
|
|
</style> |