fix: 李红攀：V2.0.063，其它入库、其它出库扫码功能
This commit is contained in:
149
src/pages-erp/stock-in/scan/components/recent-scan-list.vue
Normal file
149
src/pages-erp/stock-in/scan/components/recent-scan-list.vue
Normal file
@@ -0,0 +1,149 @@
|
||||
<template>
|
||||
<view class="recent-scan-list">
|
||||
<view v-if="records.length === 0" class="recent-scan-list__empty">
|
||||
暂无扫码记录，开始扫码入库
|
||||
</view>
|
||||
|
||||
<view
|
||||
v-for="(record, index) in records"
|
||||
:key="record.id || index"
|
||||
class="scan-card"
|
||||
:class="{ 'scan-card--latest': latestIndex === index }"
|
||||
>
|
||||
<view class="scan-card__header">
|
||||
<text class="scan-card__name">{{ record.productName || '-' }}</text>
|
||||
<text class="scan-card__delete" @tap="emit('delete', index)">删除</text>
|
||||
</view>
|
||||
|
||||
<view class="scan-card__meta">
|
||||
<text>条码：{{ record.productBarCode || '-' }}</text>
|
||||
<text>规格：{{ record.productSpec || '-' }}</text>
|
||||
</view>
|
||||
<view class="scan-card__meta">
|
||||
<text>仓库：{{ record.warehouseName || '-' }}</text>
|
||||
<text>单位：{{ record.productUnit || '-' }}</text>
|
||||
</view>
|
||||
<view class="scan-card__meta">
|
||||
<text>库位：{{ record.locationCode || '-' }}</text>
|
||||
<text>批次：{{ record.batchNo || '-' }}</text>
|
||||
</view>
|
||||
<view class="scan-card__footer">
|
||||
<view class="scan-card__count-control">
|
||||
<text class="scan-card__count-btn" @tap="emit('decrease', index)">-</text>
|
||||
<text class="scan-card__count">{{ record.scanCount }}</text>
|
||||
<text class="scan-card__count-btn" @tap="emit('increase', index)">+</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import type { ScanRecord } from '../index.vue'
|
||||
|
||||
defineProps<{
|
||||
records: ScanRecord[]
|
||||
latestIndex?: number
|
||||
}>()
|
||||
|
||||
const emit = defineEmits<{
|
||||
(event: 'delete', index: number): void
|
||||
(event: 'increase', index: number): void
|
||||
(event: 'decrease', index: number): void
|
||||
(event: 'clear'): void
|
||||
}>()
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.recent-scan-list {
|
||||
&__empty {
|
||||
padding: 48rpx;
|
||||
border-radius: 16rpx;
|
||||
background: #fff;
|
||||
color: #86909c;
|
||||
text-align: center;
|
||||
font-size: 26rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.scan-card {
|
||||
margin-bottom: 16rpx;
|
||||
padding: 24rpx;
|
||||
border: 2rpx solid transparent;
|
||||
border-radius: 16rpx;
|
||||
background: #fff;
|
||||
|
||||
&--latest {
|
||||
border-color: #1677ff;
|
||||
box-shadow: 0 8rpx 20rpx rgba(22, 119, 255, 0.12);
|
||||
}
|
||||
|
||||
&__header,
|
||||
&__meta,
|
||||
&__footer {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 16rpx;
|
||||
}
|
||||
|
||||
&__header {
|
||||
margin-bottom: 10rpx;
|
||||
}
|
||||
|
||||
&__name {
|
||||
color: #1f2329;
|
||||
font-size: 28rpx;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
&__delete {
|
||||
flex-shrink: 0;
|
||||
color: #f53f3f;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
&__meta {
|
||||
margin-top: 6rpx;
|
||||
color: #4e5969;
|
||||
font-size: 22rpx;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
&__footer {
|
||||
margin-top: 10rpx;
|
||||
padding-top: 10rpx;
|
||||
border-top: 2rpx solid #f2f3f5;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
&__count-control {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 16rpx;
|
||||
}
|
||||
|
||||
&__count-btn {
|
||||
width: 56rpx;
|
||||
height: 56rpx;
|
||||
line-height: 56rpx;
|
||||
text-align: center;
|
||||
border-radius: 12rpx;
|
||||
background: #f2f3f5;
|
||||
color: #1d2129;
|
||||
font-size: 32rpx;
|
||||
}
|
||||
|
||||
&__count {
|
||||
min-width: 72rpx;
|
||||
height: 56rpx;
|
||||
line-height: 56rpx;
|
||||
text-align: center;
|
||||
border-radius: 12rpx;
|
||||
background: #fff7e8;
|
||||
color: #1677ff;
|
||||
font-size: 28rpx;
|
||||
font-weight: 700;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
68
src/pages-erp/stock-in/scan/components/scan-context-bar.vue
Normal file
68
src/pages-erp/stock-in/scan/components/scan-context-bar.vue
Normal file
@@ -0,0 +1,68 @@
|
||||
<template>
|
||||
<view class="scan-context-bar">
|
||||
<view class="scan-context-bar__main">
|
||||
<view class="scan-context-bar__warehouse">
|
||||
<text class="scan-context-bar__label">仓库</text>
|
||||
<text class="scan-context-bar__value">{{ warehouseName || '未选择仓库' }}</text>
|
||||
</view>
|
||||
<view class="scan-context-bar__stats">
|
||||
<text>明细 {{ recordCount }} 条</text>
|
||||
<text>累计 {{ scannedCount }} 件</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
defineProps<{
|
||||
warehouseName?: string
|
||||
scannedCount: number
|
||||
recordCount: number
|
||||
}>()
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.scan-context-bar {
|
||||
padding: 20rpx 24rpx;
|
||||
border-radius: 16rpx;
|
||||
background: #fff;
|
||||
margin-bottom: 16rpx;
|
||||
box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.04);
|
||||
|
||||
&__main {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 16rpx;
|
||||
}
|
||||
|
||||
&__warehouse {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12rpx;
|
||||
min-width: 0;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
&__label {
|
||||
flex-shrink: 0;
|
||||
color: #86909c;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
&__value {
|
||||
color: #1f2329;
|
||||
font-size: 28rpx;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
&__stats {
|
||||
display: flex;
|
||||
gap: 20rpx;
|
||||
flex-shrink: 0;
|
||||
color: #1677ff;
|
||||
font-size: 24rpx;
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
43
src/pages-erp/stock-in/scan/components/scan-feedback-bar.vue
Normal file
43
src/pages-erp/stock-in/scan/components/scan-feedback-bar.vue
Normal file
@@ -0,0 +1,43 @@
|
||||
<template>
|
||||
<view v-if="message" class="feedback-bar" :class="`feedback-bar--${tone}`">
|
||||
{{ message }}
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
withDefaults(
|
||||
defineProps<{
|
||||
tone?: 'success' | 'error' | 'idle'
|
||||
message?: string
|
||||
}>(),
|
||||
{
|
||||
tone: 'idle',
|
||||
message: '',
|
||||
},
|
||||
)
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.feedback-bar {
|
||||
min-height: 76rpx;
|
||||
padding: 18rpx 24rpx;
|
||||
border-radius: 14rpx;
|
||||
font-size: 24rpx;
|
||||
line-height: 40rpx;
|
||||
|
||||
&--idle {
|
||||
background: #f2f3f5;
|
||||
color: #4e5969;
|
||||
}
|
||||
|
||||
&--success {
|
||||
background: #f6ffed;
|
||||
color: #389e0d;
|
||||
}
|
||||
|
||||
&--error {
|
||||
background: #fff2f0;
|
||||
color: #cf1322;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
File diff suppressed because it is too large
Load Diff
156
src/pages-erp/stock-out/scan/components/recent-scan-list.vue
Normal file
156
src/pages-erp/stock-out/scan/components/recent-scan-list.vue
Normal file
@@ -0,0 +1,156 @@
|
||||
<template>
|
||||
<view class="recent-scan-list">
|
||||
<view v-if="records.length === 0" class="recent-scan-list__empty">
|
||||
暂无扫码记录，开始扫码出库
|
||||
</view>
|
||||
|
||||
<view
|
||||
v-for="(record, index) in records"
|
||||
:key="record.id || index"
|
||||
class="scan-card"
|
||||
:class="{ 'scan-card--latest': latestIndex === index }"
|
||||
>
|
||||
<view class="scan-card__header">
|
||||
<text class="scan-card__name">{{ record.productName || '-' }}</text>
|
||||
<text class="scan-card__delete" @tap="emit('delete', index)">删除</text>
|
||||
</view>
|
||||
|
||||
<view class="scan-card__meta">
|
||||
<text>条码：{{ record.productBarCode || '-' }}</text>
|
||||
<text>规格：{{ record.productSpec || '-' }}</text>
|
||||
</view>
|
||||
<view class="scan-card__meta">
|
||||
<text>仓库：{{ record.warehouseName || '-' }}</text>
|
||||
<text>单位：{{ record.productUnit || '-' }}</text>
|
||||
</view>
|
||||
<view class="scan-card__meta">
|
||||
<text>库位：{{ record.locationCode || '-' }}</text>
|
||||
<text>库存：{{ record.stockCount ?? '-' }}</text>
|
||||
</view>
|
||||
<view class="scan-card__footer">
|
||||
<view class="scan-card__stock-hint" v-if="record.stockCount !== undefined">
|
||||
剩余 {{ Math.max((record.stockCount || 0) - record.scanCount, 0) }}
|
||||
</view>
|
||||
<view class="scan-card__count-control">
|
||||
<text class="scan-card__count-btn" @tap="emit('decrease', index)">-</text>
|
||||
<text class="scan-card__count">{{ record.scanCount }}</text>
|
||||
<text class="scan-card__count-btn" @tap="emit('increase', index)">+</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import type { ScanRecord } from '../index.vue'
|
||||
|
||||
defineProps<{
|
||||
records: ScanRecord[]
|
||||
latestIndex?: number
|
||||
}>()
|
||||
|
||||
const emit = defineEmits<{
|
||||
(event: 'delete', index: number): void
|
||||
(event: 'increase', index: number): void
|
||||
(event: 'decrease', index: number): void
|
||||
(event: 'clear'): void
|
||||
}>()
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.recent-scan-list {
|
||||
&__empty {
|
||||
padding: 48rpx;
|
||||
border-radius: 16rpx;
|
||||
background: #fff;
|
||||
color: #86909c;
|
||||
text-align: center;
|
||||
font-size: 26rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.scan-card {
|
||||
margin-bottom: 16rpx;
|
||||
padding: 24rpx;
|
||||
border: 2rpx solid transparent;
|
||||
border-radius: 16rpx;
|
||||
background: #fff;
|
||||
|
||||
&--latest {
|
||||
border-color: #fa8c16;
|
||||
box-shadow: 0 8rpx 20rpx rgba(250, 140, 22, 0.12);
|
||||
}
|
||||
|
||||
&__header,
|
||||
&__meta,
|
||||
&__footer {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 16rpx;
|
||||
}
|
||||
|
||||
&__header {
|
||||
margin-bottom: 10rpx;
|
||||
}
|
||||
|
||||
&__name {
|
||||
color: #1f2329;
|
||||
font-size: 28rpx;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
&__delete {
|
||||
flex-shrink: 0;
|
||||
color: #f53f3f;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
&__meta {
|
||||
margin-top: 6rpx;
|
||||
color: #4e5969;
|
||||
font-size: 22rpx;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
&__footer {
|
||||
margin-top: 10rpx;
|
||||
padding-top: 10rpx;
|
||||
border-top: 2rpx solid #f2f3f5;
|
||||
}
|
||||
|
||||
&__stock-hint {
|
||||
color: #86909c;
|
||||
font-size: 22rpx;
|
||||
}
|
||||
|
||||
&__count-control {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 16rpx;
|
||||
}
|
||||
|
||||
&__count-btn {
|
||||
width: 56rpx;
|
||||
height: 56rpx;
|
||||
line-height: 56rpx;
|
||||
text-align: center;
|
||||
border-radius: 12rpx;
|
||||
background: #f2f3f5;
|
||||
color: #1d2129;
|
||||
font-size: 32rpx;
|
||||
}
|
||||
|
||||
&__count {
|
||||
min-width: 72rpx;
|
||||
height: 56rpx;
|
||||
line-height: 56rpx;
|
||||
text-align: center;
|
||||
border-radius: 12rpx;
|
||||
background: #fff7e8;
|
||||
color: #fa8c16;
|
||||
font-size: 28rpx;
|
||||
font-weight: 700;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
68
src/pages-erp/stock-out/scan/components/scan-context-bar.vue
Normal file
68
src/pages-erp/stock-out/scan/components/scan-context-bar.vue
Normal file
@@ -0,0 +1,68 @@
|
||||
<template>
|
||||
<view class="scan-context-bar">
|
||||
<view class="scan-context-bar__main">
|
||||
<view class="scan-context-bar__warehouse">
|
||||
<text class="scan-context-bar__label">仓库</text>
|
||||
<text class="scan-context-bar__value">{{ warehouseName || '未选择仓库' }}</text>
|
||||
</view>
|
||||
<view class="scan-context-bar__stats">
|
||||
<text>明细 {{ recordCount }} 条</text>
|
||||
<text>累计 {{ scannedCount }} 件</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
defineProps<{
|
||||
warehouseName?: string
|
||||
scannedCount: number
|
||||
recordCount: number
|
||||
}>()
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.scan-context-bar {
|
||||
padding: 20rpx 24rpx;
|
||||
border-radius: 16rpx;
|
||||
background: #fff;
|
||||
margin-bottom: 16rpx;
|
||||
box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.04);
|
||||
|
||||
&__main {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 16rpx;
|
||||
}
|
||||
|
||||
&__warehouse {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12rpx;
|
||||
min-width: 0;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
&__label {
|
||||
flex-shrink: 0;
|
||||
color: #86909c;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
&__value {
|
||||
color: #1f2329;
|
||||
font-size: 28rpx;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
&__stats {
|
||||
display: flex;
|
||||
gap: 20rpx;
|
||||
flex-shrink: 0;
|
||||
color: #fa8c16;
|
||||
font-size: 24rpx;
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,43 @@
|
||||
<template>
|
||||
<view v-if="message" class="feedback-bar" :class="`feedback-bar--${tone}`">
|
||||
{{ message }}
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
withDefaults(
|
||||
defineProps<{
|
||||
tone?: 'success' | 'error' | 'idle'
|
||||
message?: string
|
||||
}>(),
|
||||
{
|
||||
tone: 'idle',
|
||||
message: '',
|
||||
},
|
||||
)
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.feedback-bar {
|
||||
min-height: 76rpx;
|
||||
padding: 18rpx 24rpx;
|
||||
border-radius: 14rpx;
|
||||
font-size: 24rpx;
|
||||
line-height: 40rpx;
|
||||
|
||||
&--idle {
|
||||
background: #f2f3f5;
|
||||
color: #4e5969;
|
||||
}
|
||||
|
||||
&--success {
|
||||
background: #f6ffed;
|
||||
color: #389e0d;
|
||||
}
|
||||
|
||||
&--error {
|
||||
background: #fff2f0;
|
||||
color: #cf1322;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user