Skip to content

P
pda-ui
Commit e28d2875 authored by 张海景's avatar 张海景
Browse files
Options

update:修改打印配置页面

parent 14c1d6a2
Hide whitespace changes
Inline Side-by-side
Showing with 149 additions and 60 deletions
src/views/system/printerConfig/index.vue
View file @ e28d2875
......@@ -82,12 +82,19 @@
</el-col>
<el-col :span="6">
<el-form-item label="启用状态" prop="enableFlag">
<el-input
<el-select
v-model="queryParams.enableFlag"
placeholder="请输入启用状态"
placeholder="启用状态"
clearable
@keyup.enter.native="handleQuery"
/>
style="width: 240px"
>
<el-option
v-for="dict in dict.type.sys_yes_no"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
......@@ -160,16 +167,43 @@
<el-table v-loading="loading" :data="printerConfigList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="打印机ID" align="center" prop="printerId" />
<el-table-column label="打印机类型" align="center" prop="printerType" />
<el-table-column label="打印机类型" align="center" prop="printerType">
<template slot-scope="scope">
<dict-tag
:options="dict.type.printer_type"
:value="scope.row.printerType"
/>
</template>
</el-table-column>
<el-table-column label="打印机名称" align="center" prop="printerName" />
<el-table-column label="品牌" align="center" prop="brand" />
<el-table-column label="品牌" align="center" prop="printerPlace" />
<el-table-column label="型号" align="center" prop="printerModel" />
<el-table-column label="连接类型" align="center" prop="connectionType" />
<el-table-column label="连接类型" align="center" prop="connectionType">
<template slot-scope="scope">
<dict-tag
:options="dict.type.printer_link_type"
:value="scope.row.connectionType"
/>
</template>
</el-table-column>
<el-table-column label="图片URL" align="center" prop="printerUrl" />
<el-table-column label="启用状态" align="center" prop="enableFlag" />
<el-table-column label="打印机状态" align="center" prop="status" />
<el-table-column label="启用状态" align="center" prop="enableFlag">
<template slot-scope="scope">
<dict-tag
:options="dict.type.sys_yes_no"
:value="scope.row.enableFlag"
/>
</template>
</el-table-column>
<el-table-column label="打印机状态" align="center" prop="status">
<template slot-scope="scope">
<dict-tag
:options="dict.type.printer_status"
:value="scope.row.status"
/>
</template>
</el-table-column>
<el-table-column label="备注" align="center" prop="remark" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
......@@ -200,56 +234,95 @@
/>
<!-- 添加或修改打印机配置对话框 -->
<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="打印机类型" prop="printerType">
<el-select v-model="form.printerType" placeholder="请选择打印机类型">
<el-option label="请选择字典生成" value="" />
</el-select>
</el-form-item>
<el-form-item label="打印机名称" prop="printerName">
<el-input v-model="form.printerName" placeholder="请输入打印机名称" />
</el-form-item>
<el-form-item label="品牌" prop="brand">
<el-input v-model="form.brand" placeholder="请输入品牌" />
</el-form-item>
<el-form-item label="品牌" prop="printerPlace">
<el-input v-model="form.printerPlace" placeholder="请输入品牌" />
</el-form-item>
<el-form-item label="型号" prop="printerModel">
<el-input v-model="form.printerModel" placeholder="请输入型号" />
</el-form-item>
<el-form-item label="连接类型" prop="connectionType">
<el-select v-model="form.connectionType" placeholder="请选择连接类型">
<el-option label="请选择字典生成" value="" />
</el-select>
</el-form-item>
<el-form-item label="图片URL" prop="printerUrl">
<el-input v-model="form.printerUrl" placeholder="请输入图片URL" />
</el-form-item>
<el-form-item label="启用状态" prop="enableFlag">
<el-input v-model="form.enableFlag" placeholder="请输入启用状态" />
</el-form-item>
<el-form-item label="打印机状态">
<el-radio-group v-model="form.status">
<el-radio label="1">请选择字典生成</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form-item>
<el-form-item label="预留字段1" prop="attr1">
<el-input v-model="form.attr1" placeholder="请输入预留字段1" />
</el-form-item>
<el-form-item label="预留字段2" prop="attr2">
<el-input v-model="form.attr2" placeholder="请输入预留字段2" />
</el-form-item>
<el-form-item label="预留字段3" prop="attr3">
<el-input v-model="form.attr3" placeholder="请输入预留字段3" />
</el-form-item>
<el-form-item label="预留字段4" prop="attr4">
<el-input v-model="form.attr4" placeholder="请输入预留字段4" />
</el-form-item>
<el-dialog :title="title" :visible.sync="open" width="800px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="100px">
<el-row>
<el-col :span="12">
<el-form-item label="打印机类型" prop="printerType">
<el-select style="width:100%;" v-model="form.printerType" placeholder="请选择打印机类型">
<el-option
v-for="dict in dict.type.printer_type"
:key="dict.value"
:label="dict.label"
:value="dict.label"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="打印机名称" prop="printerName">
<el-input v-model="form.printerName" placeholder="请输入打印机名称" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="品牌" prop="brand">
<el-input v-model="form.brand" placeholder="请输入品牌" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="品牌" prop="printerPlace">
<el-input v-model="form.printerPlace" placeholder="请输入品牌" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="型号" prop="printerModel">
<el-input v-model="form.printerModel" placeholder="请输入型号" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="连接类型" prop="connectionType">
<el-select style="width:100%;" v-model="form.connectionType" placeholder="请选择连接类型">
<el-option
v-for="dict in dict.type.printer_link_type"
:key="dict.value"
:label="dict.label"
:value="dict.label"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="图片URL" prop="printerUrl">
<el-input v-model="form.printerUrl" placeholder="请输入图片URL" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="启用状态" prop="enableFlag">
<el-select
v-model="form.enableFlag"
placeholder="请选择启用状态"
clearable
style="width: 100%;"
>
<el-option
v-for="dict in dict.type.sys_yes_no"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="打印机状态" prop="status">
<el-select
v-model="form.status"
placeholder="请选择打印机状态"
clearable
style="width: 100%;"
>
<el-option
v-for="dict in dict.type.printer_status"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button>
......@@ -268,6 +341,7 @@ export default {
"printer_type",
"printer_link_type",
"printer_status",
"sys_yes_no"
],
data() {
return {
......@@ -324,7 +398,22 @@ export default {
// 表单重置
reset() {
this.form = {
printerId: null, printerType: null, printerName: null, brand: null, printerPlace: null, printerModel: null, connectionType: null, printerUrl: null, enableFlag: null, status: "0", remark: null, attr1: null, attr2: null, attr3: null, attr4: null, createBy: null, createTime: null, updateBy: null, updateTime: null };
printerId: null,
printerType: null,
printerName: null,
brand: null,
printerPlace: null,
printerModel: null,
connectionType: null,
printerUrl: null,
enableFlag: null,
status: null,
remark: null,
createBy: null,
createTime: null,
updateBy: null,
updateTime: null
};
this.resetForm("form");
},
/** 搜索按钮操作 */
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment