Browse Source

重新封装一个扫描组件

hella_online_20240829
niexiting 3 months ago
parent
commit
27e2899161
  1. 124
      src/mycomponents/scan/winScanPackage.vue
  2. 21
      src/pages.json

124
src/mycomponents/scan/winScanPackage.vue

@ -0,0 +1,124 @@
<template>
<view>
<uni-popup ref="popup" @change="change" :mask-click="false">
<view class="popup_box">
<view class="pop_title uni-flex space-between">
<view class="" style="font-size: 35rpx;">
扫描{{title}}
</view>
<view class="">
<image class="fr icons_scan_close" src="/static/icons/icons_scan_close.svg"
@click="closeScanPopup()"></image>
</view>
</view>
<view class="">
<view class="">
<win-com-scan ref="comscan" :placeholder="title" @getResult="getScanResult" :headerType="headerType"
:isShowHistory="isShowHistory" :clearResult="true"></win-com-scan>
</view>
</view>
</view>
</uni-popup>
<!-- 模拟扫描功能 -->
<win-com-scan v-show="false" ref="comscansimulate" @getResult="getScanResult" :headerType="headerType" :isShowHistory="false" :clearResult="true"></win-com-scan>
<comMessage ref="comMessage" @afterClose="getfocus"></comMessage>
</view>
</template>
<script>
import winComScan from '@/mycomponents/scan/winComScan.vue'
export default {
name: 'winScanPack',
components: {
winComScan,
},
props: {
title: {
type: String,
default: '箱标签'
},
isShowHistory: {
type: Boolean,
default: true
},
headerType:{
type: String,
default: 'HPQ'
}
},
data() {
return {
show: false,
}
},
created() {
},
methods: {
simulateScan(item){
this.$refs.comscansimulate.setItemCodeSimulate(item.copyContent)
this.$refs.comscansimulate.clickScanMsg();
},
openScanPopup() {
setTimeout(res => {
this.$refs.popup.open('bottom')
}, 200)
},
closeScanPopup() {
this.$refs.popup.close();
this.$emit("close", '');
},
scanClick() {
if(this.$refs.comscan){
this.$refs.comscan.clickScanMsg();
}
},
cancelClick() {
if(this.$refs.comscan){
this.$refs.comscan.clearScanValue();
}
},
getScanResult(result) {
if (result.success) {
this.$emit("getResult", result);
} else {
this.showMessage(result.message)
}
},
getfocus() {
if (this.$refs.comscan != undefined) {
this.$refs.comscan.getfocus();
}
},
losefocus() {
if (this.$refs.comscan != undefined) {
this.$refs.comscan.losefocus();
}
},
showMessage(message) {
this.$refs.comMessage.showMessage(message);
},
change(e) {
this.show = e.show
},
}
}
</script>
<style lang="scss">
.scroll-view {
overflow-y: scroll;
height: auto;
max-height: 300rpx;
}
</style>

21
src/pages.json

@ -2079,6 +2079,27 @@
"navigationBarTitleText": "标签成品标签",
"enablePullDownRefresh": false
}
},
{
"path": "pages/material/materialDowngrade",
"style": {
"navigationBarTitleText": "物料降级",
"enablePullDownRefresh": false
}
},
{
"path": "pages/fg/receiptByPlan",
"style": {
"navigationBarTitleText": "按计划报工",
"enablePullDownRefresh": false
}
},
{
"path": "pages/fg/receiptNoPlan",
"style": {
"navigationBarTitleText": "无计划报工",
"enablePullDownRefresh": false
}
}
],
"globalStyle": {

Loading…
Cancel
Save