Browse Source

预览尺寸和纸张尺寸不一致问题

master
han\hanst 5 months ago
parent
commit
8212ca75e6
  1. 148
      src/components/print/PrintService.vue
  2. 19
      src/views/modules/labelSetting/com_add_update_label.vue
  3. 6
      src/views/modules/labelSetting/components/PropertyPanel.vue
  4. 6
      src/views/modules/labelSetting/label_setting.vue

148
src/components/print/PrintService.vue

@ -48,6 +48,49 @@
<el-button @click="printDialogVisible = false">取消</el-button>
</div>
</el-dialog>
<!-- 打印机选择对话框 -->
<el-dialog
title="服务器打印设置"
:visible.sync="printerSelectionVisible"
width="350px"
:close-on-click-modal="false"
class="printer-selection-dialog"
>
<div class="printer-selection-content">
<div class="form-item">
<label class="form-label">选择打印机:</label>
<el-select
v-model="selectedPrinter"
placeholder="请选择打印机"
style="width: 100%;"
>
<el-option
v-for="printer in availablePrinters"
:key="printer.printerName"
:label="`${printer.printerName} (${printer.ipAddress})`"
:value="printer.printerName"
/>
</el-select>
</div>
<div class="form-item">
<label class="form-label">打印份数:</label>
<el-input
v-model.number="printCopies"
:min="1"
:max="1"
size="mini"
style="width: 100%;"
/>
</div>
</div>
<div slot="footer" class="dialog-footer">
<el-button @click="printerSelectionVisible = false">取消</el-button>
<el-button type="primary" @click="confirmPrint" :disabled="!selectedPrinter">开始打印</el-button>
</div>
</el-dialog>
</div>
</template>
@ -90,7 +133,11 @@ export default {
},
data() {
return {
printLoading: false
printLoading: false,
printerSelectionVisible: false,
availablePrinters: [],
selectedPrinter: '',
printCopies: 1
}
},
computed: {
@ -174,64 +221,23 @@ export default {
* 显示打印机选择对话框
*/
showPrinterSelectionDialog(printers) {
const h = this.$createElement
let selectedPrinter = printers.length > 0 ? printers[0].printerName : ''
let copies = 1
this.$msgbox({
title: '服务器打印设置',
message: h('div', [
h('div', { style: 'margin-bottom: 15px;' }, [
h('label', { style: 'display: block; margin-bottom: 5px; font-weight: bold;' }, '选择打印机:'),
h('el-select', {
props: {
value: selectedPrinter,
placeholder: '请选择打印机',
style: 'width: 100%;'
this.availablePrinters = printers
this.selectedPrinter = printers.length > 0 ? printers[0].printerName : ''
this.printCopies = 1
this.printerSelectionVisible = true
},
on: {
input: (val) => { selectedPrinter = val }
}
}, printers.map(printer =>
h('el-option', {
props: {
key: printer.printerName,
label: `${printer.printerName} (${printer.ipAddress})`,
value: printer.printerName
}
})
))
]),
h('div', { style: 'margin-bottom: 15px;' }, [
h('label', { style: 'display: block; margin-bottom: 5px; font-weight: bold;' }, '打印份数:'),
h('el-input-number', {
props: {
value: copies,
min: 1,
max: 1,
size: 'mini',
style: 'width: 100%;',
disabled: true
},
on: {
input: (val) => { copies = val }
}
}),
h('div', {
style: 'margin-top: 5px; font-size: 12px; color: #909399;'
}, 'RFID标签只能打印1份,每张标签需要独立的TID读取和EPC写入过程')
])
]),
showCancelButton: true,
confirmButtonText: '开始打印',
cancelButtonText: '取消'
}).then(() => {
if (!selectedPrinter) {
/**
* 确认打印
*/
confirmPrint() {
if (!this.selectedPrinter) {
this.$message.warning('请选择打印机')
return
}
this.printViaServer(selectedPrinter, copies)
})
this.printerSelectionVisible = false
this.printViaServer(this.selectedPrinter, this.printCopies)
},
/**
@ -481,6 +487,30 @@ export default {
padding-top: 10px;
}
/* 打印机选择对话框样式 */
.printer-selection-content {
padding: 10px 0;
}
.form-item {
margin-bottom: 20px;
}
.form-label {
display: block;
margin-bottom: 8px;
font-weight: 600;
color: #303133;
font-size: 14px;
}
.form-hint {
margin-top: 6px;
font-size: 12px;
color: #909399;
line-height: 1.4;
}
/* 响应式设计 */
@media (max-width: 600px) {
.print-method {
@ -501,5 +531,13 @@ export default {
.method-content p {
font-size: 12px;
}
.printer-selection-content {
padding: 5px 0;
}
.form-label {
font-size: 13px;
}
}
</style>

19
src/views/modules/labelSetting/com_add_update_label.vue

@ -22,6 +22,14 @@
</el-select >
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item class="customer-item" label='RFID标签'>
<el-select v-model="pageData.rfidFlag" >
<el-option label="是" value="Y"></el-option>
<el-option label="否" value="N"></el-option>
</el-select>
</el-form-item>
</el-col>
<!-- <el-col :span="12">
<el-form-item class="customer-item" :label=labels.printDirection>
<el-select v-model="pageData.printDirection" >
@ -30,11 +38,11 @@
</el-select>
</el-form-item>
</el-col>-->
<el-col :span="12">
<!-- <el-col :span="12">
<el-form-item class="customer-item" :label=labels.labelName>
<el-input v-model="pageData.labelName" ></el-input>
</el-form-item>
</el-col>
</el-col>-->
<el-col :span="12">
<el-form-item class="customer-item" :label=labels.labelClass>
<el-select v-model="pageData.labelClass" >
@ -95,6 +103,7 @@ export default {
remark: '',
addFlag: false,
printDirection : '横向打印',
rfidFlag:''
},
labelNoReadOnly: false,
dataListLoading: false,
@ -191,7 +200,7 @@ export default {
//
let labelNo = this.pageData.labelNo.trim();
let labelType = this.pageData.labelType.trim();
let labelName = this.pageData.labelName.trim();
let rfidFlag = this.pageData.rfidFlag.trim();
if(labelNo == null || labelNo === ''){
this.$message.success("标签编号不能为空!");
return false;
@ -200,8 +209,8 @@ export default {
this.$message.success("标签类型不能为空!");
return false;
}
if(labelName == null || labelName === ''){
this.$message.success("报表文件名不能为空!");
if(rfidFlag == null || rfidFlag === ''){
this.$message.success("请选择是否RFID标签!");
return false;
}
//

6
src/views/modules/labelSetting/components/PropertyPanel.vue

@ -1,12 +1,10 @@
<template>
<div class="property-panel">
<!-- 空状态 -->
<div v-if="!selectedElement" class="empty-state">
<div class="empty-hint">属性预览区域</div>
</div>
<!-- 属性配置 -->
<div v-else class="property-content">
<div class="property-content">
<!-- 属性标题 -->
<div class="property-header">
<h3>属性配置</h3>

6
src/views/modules/labelSetting/label_setting.vue

@ -61,13 +61,13 @@
fixed="left"
header-align="center"
align="center"
width="280"
width="160"
:label=labels.operationLabel>
<template slot-scope="scope">
<a class="customer-a" v-if="!authEdit" @click="editLabelSettingModal(scope.row)">{{ labels.editLabel }}</a>
<a class="customer-a" v-if="!authDelete" @click="deleteLabelSettingConfirm(scope.row)">{{ labels.deleteLabel }}</a>
<a class="customer-a" v-if="!authEdit" @click="labelParameterModal(scope.row)">{{ labels.printParameterLabel }}</a>
<a class="customer-a" v-if="!authEdit" @click="labelContentModal(scope.row)">{{ labels.printContentLabel }}</a>
<!-- <a class="customer-a" v-if="!authEdit" @click="labelParameterModal(scope.row)">{{ labels.printParameterLabel }}</a>
<a class="customer-a" v-if="!authEdit" @click="labelContentModal(scope.row)">{{ labels.printContentLabel }}</a>-->
<a class="customer-a" v-if="!authEdit" @click="labelDrawModal(scope.row)">{{ labels.printDrawLabel }}</a>
</template>
</el-table-column>

Loading…
Cancel
Save