czg_team/cashier_admin_app
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

打印机

Browse Source
This commit is contained in:
duan
2024-09-26 18:20:48 +08:00
parent 35811b80a5
commit 5d4f2c591a
10 changed files with 377 additions and 2425 deletions
Download Patch File Download Diff File Expand all files Collapse all files

298
pagePrinter/add-printer/add-printer.vue
View File

@@ -1,68 +1,179 @@
<template>
<view class="page-gray color-333 u-font-28">
<view class="block">
<picker-item title="打印机类型" v-model="brands.selIndex" rangeKey="name" :list="brands.list"></picker-item>
<view class="u-p-b-24 u-m-b-24 border-bottom">
<view class="title">设备尺寸</view>
<view class="u-m-t-16">
<radio-group class="u-flex u-flex-wrap" @change="sizeChange">
<label class="radio u-m-r-60" v-for="(item,index) in deciveSize.list" :key="index">
<radio :value="''+index" :checked="index === deciveSize.selIndex" class="scale7" />
<text>{{item.label}}</text>
</label>
</radio-group>
</view>
</view>
<picker-item title="打印机品牌" v-model="form.contentType" :modelValue="form.contentType"
:list="brandt.list"></picker-item>
<picker-item title="小票打印" v-model="form.subType" :modelValue="form.subType"
:list="receipt.list"></picker-item>
<view class="u-p-b-14 u-m-b-24 border-bottom">
<view class="title">名称</view>
<view class="title">打印机名称</view>
<view class="">
<uni-easyinput :inputBorder="false" :padding-none="true" v-model="form.form"
<uni-easyinput :inputBorder="false" :padding-none="true" v-model="form.name"
placeholder="设置打印机名称"></uni-easyinput>
</view>
</view>
<view class="u-p-b-14 u-m-b-24 border-bottom">
<view class="title">设备号</view>
<view class="title">打印机编号</view>
<view class="">
<uni-easyinput :inputBorder="false" :padding-none="true" v-model="form.form"
placeholder="输入设备号"></uni-easyinput>
<uni-easyinput :inputBorder="false" :padding-none="true" v-model="form.address"
placeholder="设置打印机名称"></uni-easyinput>
</view>
</view>
<picker-item title="打印份数" v-model="printerNums.selIndex" rangeKey="label"
:list="printerNums.list"></picker-item>
<picker-item title="出品模式" v-model="form.config.model" rangeKey="name" rangeValue="value"
:list="models"></picker-item>
<picker-item title="打印类型" v-model="form.subType" rangeKey="name" rangeValue="value"
:list="subTypes"></picker-item>
<picker-item title="尾部留空"
v-model="form.config.feet" rangeKey="name" rangeValue="value"
:list="feets"></picker-item>
<view class="u-p-b-24 u-flex u-row-between u-m-b-24 border-bottom">
<view class="title">自动切刀</view>
<view class="u-p-b-14 u-m-b-24 border-bottom">
<view class="title">打印机密钥</view>
<view class="">
<my-switch v-model="form.config.autoCut"></my-switch>
</view>
</view>
<view class="u-p-b-24 u-flex u-row-between u-m-b-24 border-bottom">
<view class="title">状态</view>
<view class="">
<my-switch v-model="form.config.autoCut"></my-switch>
</view>
</view>
<view class="u-p-b-24 u-flex u-row-between u-m-b-24 border-bottom">
<view class="title">排序</view>
<view class="">
<uni-number-box v-model="form.sort" ></uni-number-box>
<uni-easyinput :inputBorder="false" :padding-none="true" v-model="form.port"
placeholder="设置打印机名称"></uni-easyinput>
</view>
</view>
<view class="u-p-b-24 u-m-b-24 border-bottom">
<view class="title">小票尺寸</view>
<view class="u-m-t-16">
<radio-group class="u-flex u-flex-wrap" @change="sizeChange($event,'receiptSize')">
<label class="radio u-m-r-60">
<radio value="58mm" :checked="form.receiptSize == '58mm'" class="scale7" />
<text>58mm</text>
</label>
<label class="radio u-m-r-60">
<radio value="80mm" :checked="form.receiptSize == '80mm'" class="scale7" />
<text>80mm</text>
</label>
</radio-group>
</view>
</view>
<view class="u-p-b-24 u-m-b-24 border-bottom">
<view class="title">分类打印</view>
<view class="u-m-t-16">
<radio-group class="u-flex u-flex-wrap" @change="sizeChange($event,'classifyPrint')">
<label class="radio u-m-r-60">
<radio value="0" :checked="form.classifyPrint == '0'" class="scale7" />
<text>打印所有</text>
</label>
<label class="radio u-m-r-60">
<radio value="1" :checked="form.classifyPrint == '1'" class="scale7" />
<text>部分分类</text>
</label>
<label class="radio u-m-r-60">
<radio value="2" :checked="form.classifyPrint == '2'" class="scale7" />
<text>部分商品</text>
</label>
</radio-group>
</view>
</view>
<view class="u-p-b-24 u-m-b-24 border-bottom">
<view class="title">桌台打印</view>
<view class="u-m-t-16">
<radio-group class="u-flex u-flex-wrap" @change="sizeChange($event,'tablePrint')">
<label class="radio u-m-r-60">
<radio value="0" :checked="form.tablePrint == '0'" class="scale7" />
<text>打印所有</text>
</label>
<label class="radio u-m-r-60">
<radio value="1" :checked="form.tablePrint == '1'" class="scale7" />
<text>打印部分桌台</text>
</label>
</radio-group>
</view>
</view>
<view class="u-p-b-24 u-m-b-24 border-bottom">
<view class="title">打印数量</view>
<view class="u-m-t-16">
<radio-group class="u-flex u-flex-wrap" @change="sizeChange($event,'printQty')">
<label class="radio u-m-r-60">
<radio value="c1m1^2" :checked="form.printQty == 'c1m1^2'" class="scale7" />
<text>顾客联+商家联「2张」</text>
</label>
<label class="radio u-m-r-60">
<radio value="m1^1" :checked="form.printQty == 'm1^1'" class="scale7" />
<text>只打印商家联「1张」</text>
</label>
<label class="radio u-m-r-60">
<radio value="c1^1" :checked="form.printQty == 'c1^1'" class="scale7" />
<text>只打印顾客联「1张」</text>
</label>
<label class="radio u-m-r-60">
<radio value="c2m1^3" :checked="form.printQty == 'c2m1^3'" class="scale7" />
<text>2张顾客联+1张商家联「3张」</text>
</label>
</radio-group>
</view>
</view>
<view class="u-p-b-24 u-m-b-24 border-bottom">
<view class="title">打印方式</view>
<view class="u-m-t-16">
<radio-group class="u-flex u-flex-wrap" @change="sizeChange($event,'printMethod')">
<label class="radio u-m-r-60">
<radio value="1" :checked="form.printMethod == '1'" class="scale7" />
<text>普通</text>
</label>
<label class="radio u-m-r-60">
<radio value="2" :checked="form.printMethod == '2'" class="scale7" />
<text>单个菜</text>
</label>
</radio-group>
</view>
</view>
<view class="u-p-b-24 u-m-b-24 border-bottom">
<view class="title">打印类型</view>
<view class="u-m-t-16" style="display: flex;">
<up-checkbox-group v-model="form.printType">
<up-checkbox :customStyle="{marginBottom: '8px'}" label="确认退款单" name="1"
style="margin-right: 40rpx;font-size: 28rpx;">
</up-checkbox>
<up-checkbox :customStyle="{marginBottom: '8px'}" label="交班单" name="2"
style="margin-right: 40rpx;font-size: 28rpx;">
</up-checkbox>
<up-checkbox :customStyle="{marginBottom: '8px'}" label="排队取号" name="3"
style="margin-right: 40rpx;font-size: 28rpx;">
</up-checkbox>
</up-checkbox-group>
</view>
</view>
<view class="u-p-b-24 u-m-b-24 border-bottom">
<view class="title">打印单据</view>
<view class="u-m-t-16">
<radio-group class="u-flex u-flex-wrap" @change="sizeChange($event,'printReceipt')">
<label class="radio u-m-r-60">
<radio value="0" class="scale7" />
<text>全部打印</text>
</label>
<label class="radio u-m-r-60">
<radio value="1" :checked="form.printReceipt == '1'" class="scale7" />
<text>仅厨房</text>
</label><label class="radio u-m-r-60">
<radio value="2" :checked="form.printReceipt == '2'" class="scale7" />
<text>仅前台</text>
</label>
</radio-group>
</view>
</view>
<view class="u-p-b-24 u-flex u-row-between u-m-b-24 border-bottom">
<view class="title">打印机状态</view>
<view class="">
<!-- <my-switch v-model="form.status"></my-switch> -->
<my-switch v-model="form.status"></my-switch>
</view>
</view>
<!-- <view class="u-p-b-24 u-flex u-row-between u-m-b-24 border-bottom">
<view class="title">排序</view>
<view class="">
<uni-number-box v-model="form.sort"></uni-number-box>
</view>
</view> -->
<!-- <view class="u-p-b-24 u-m-b-24 border-bottom">
<view class="title font-bold">商品分类</view>
<view class="u-m-t-16 u-flex u-row-between " @click="categoryShow">
<view class="color-333" v-if="form.sort">{{form.sort}}</view>
<view class="color-999" v-else>请选择</view>
<uni-icons type="right" color="#999" size="16"></uni-icons>
</view>
</view>
</view> -->
</view>
<view style="height: 60rpx;"></view>
@@ -71,8 +182,8 @@
<my-button shape="circle" @click="save">保存</my-button>
</view>
</view>
<!-- 选择分类 -->
<choose-category v-model="chooseCategoryShow"></choose-category>
</view>
@@ -84,7 +195,9 @@
import {
devices,
models,
subTypes
subTypes,
brand,
receipts
} from '@/pagePrinter/devices.js'
import {
onLoad,
@@ -102,13 +215,24 @@
import myRadioGroup from './components/my-radio-group.vue';
import * as Api from '@/http/yskApi/devices.js'
import chooseCategory from './components/choose-category.vue';
//选择分类
let chooseCategoryShow=ref(false)
function categoryShow(){
chooseCategoryShow.value=true
}
//选择分类
let chooseCategoryShow = ref(false)
function categoryShow() {
chooseCategoryShow.value = true
}
// brand
const brandt = reactive({
list: brand,
selIndex: '',
})
// 小票
const receipt = reactive({
list: receipts,
selIndex: '',
})
let userId = ref(null)
//品牌
const brands = reactive({
list: devices,
@@ -129,8 +253,8 @@
selIndex: 1
})
function sizeChange(e) {
deciveSize.selIndex = e.detail.value
function sizeChange(e, name) {
form[name] = e.detail.value
}
//打印份数
@@ -144,39 +268,52 @@
selIndex: 0
})
//尾部留空
const feets = ref([0,1,2,3,4,5,8].map(v=>{
return v+'行'
const feets = ref([0, 1, 2, 3, 4, 5, 8].map(v => {
return v + '行'
}))
const form = reactive({
id: '',
contentType: '',
config: {
width: '80mm', // 设备尺寸
printerNum: 1, //打印份数
categoryList: '', // 商品分类
model: 'normal', // 出品模式,
feet: '0',
autoCut: 0
},
name: '',
subType: 'kitchen', // 打印类型
let form = reactive({
sort: "0",
status: 0,
sort: ''
connectionType: "network",
printType: [],
name: ''
})
function save() {
async function save() {
if (userId.value) {
delete form.createdAt
delete form.updatedAt
const res = await Api.tbPrintMachine({
...form
}, 'put')
} else {
const res = await Api.tbPrintMachine({
...form
})
}
go.to('/pagePrinter/index/index')
}
watch(() => form.config.model, (newval) => {
console.log(newval);
})
// watch(() => form.config.model, (newval) => {
// console.log(newval);
// })
const option = reactive({})
onLoad((opt) => {
console.log(opt);
Object.assign(option, opt)
// const option = reactive({})
async function getdetails() {
const res = await Api.printerd(userId.value)
form = Object.assign(form, res)
form.printType = JSON.parse(res.printType)
}
onLoad((options) => {
if (options.id) {
// 有id是编辑，获取详情
userId.value = options.id
getdetails()
} else {
userId.value = null
}
// Object.assign(option, opt)
})
onBeforeUnmount(() => {
@@ -205,7 +342,8 @@
display: flex;
align-items: center;
}
.fixed_b{
.fixed_b {
left: 30rpx;
right: 30rpx;
bottom: calc(env(safe-area-inset-bottom) + 10rpx);