xuan
36c0f9a3a0
- 在 FabricOutScanBar 组件中添加手机扫码图标和事件处理 - 更新工作台页面的扫码逻辑以支持手机扫码回退 - 在销售拣货详情页添加手机扫码按钮和处理方法 - 重构扫码设置页面以支持扫码方式选择 - 添加手机扫码配置和判断逻辑到扫码配置模块 - 扩展扫码混入模块以支持手机扫码模式和设备检测 - 在多个业务页面中集成手机扫码功能和界面元素 - 更新扫码配置存储和读取逻辑以兼容新配置结构
53 lines
1.3 KiB
Vue
53 lines
1.3 KiB
Vue
<template>
|
|
<view>
|
|
<view v-if="canScan" class="flex-white-plr26 ptb20 bdb_f5 fabric-out-scanRow">
|
|
<text class="mr26">条码资料</text>
|
|
<input
|
|
type="text"
|
|
:value="value"
|
|
class="fabric-out-scanInput"
|
|
placeholder="扫描条码"
|
|
@input="$emit('input', $event.detail.value)"
|
|
@confirm="$emit('scan')"
|
|
/>
|
|
<u-icon
|
|
v-if="showPhoneScan"
|
|
class="fabric-out-phoneScanIcon"
|
|
name="scan"
|
|
size="44"
|
|
color="#2979ff"
|
|
@click="$emit('phone-scan')"
|
|
/>
|
|
<checkbox-group @change="$emit('delete-mode-change', $event)">
|
|
<label class="fabric-out-delCheck">
|
|
<checkbox :checked="deleteMode" />删除
|
|
</label>
|
|
</checkbox-group>
|
|
</view>
|
|
<view v-else class="fabric-out-scanTip">{{ disabledTip }}</view>
|
|
<view v-if="message" class="fabric-out-msgTip">{{ message }}</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
props: {
|
|
canScan: { type: Boolean, default: false },
|
|
value: { type: String, default: '' },
|
|
deleteMode: { type: Boolean, default: false },
|
|
message: { type: String, default: '' },
|
|
disabledTip: { type: String, default: '当前状态不可扫码' },
|
|
showPhoneScan: { type: Boolean, default: false },
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
@import '@/pages/storefabric/storeFabricBusinessOutPage.scss';
|
|
|
|
.fabric-out-phoneScanIcon {
|
|
margin-left: 16rpx;
|
|
flex-shrink: 0;
|
|
}
|
|
</style>
|