fengyuan_yang
/
boying-pda
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

2025-10-28 

仓库盘点管理PDA功能
master
fengyuan_yang 3 months ago
parent
b8b57e4b26
commit
6dd3b3c715
3 changed files with 297 additions and 73 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 11
      src/api/warehouse/countingWIP.js
  2. 278
      src/views/modules/warehouse/countingDetail.vue
  3. 81
      src/views/modules/warehouse/countingList.vue

11
src/api/warehouse/countingWIP.js
View File

@ -66,3 +66,14 @@ export function countingWIPDelete(data) {
})
}
/**
* 查询盘点明细列表（物料清单）
*/
export function countingReportDetailList(data) {
return http({
url: http.adornUrl('/warehouse/countingReport/detailList'),
method: 'post',
data: http.adornData(data)
})
}

278
src/views/modules/warehouse/countingDetail.vue
View File

@ -36,25 +36,22 @@
<!-- 盘点单信息卡片 -->
<div class="material-info-card" v-if="reportId">
<div class="card-title">
<span class="title-label">盘点单号</span>
<span class="title-value">{{ reportId }}</span>
</div>
<div class="card-details">
<div class="detail-item">
<div class="detail-label">盘点单号</div>
<div class="detail-value">{{ reportId }}</div>
</div>
<div class="detail-item">
<div class="detail-label">标签张数</div>
<div class="detail-value">
<span class="highlight">{{ checkedCount }}</span>
<span class="separator">/</span>
<span class="total-value">{{ totalCount }}</span>
<span class="qualified">{{ checkedCount }}</span><span class="total">{{ totalCount }}</span>
</div>
</div>
<div class="detail-item">
<div class="detail-label">物料总数</div>
<div class="detail-value">
<span class="highlight">{{ checkedQty }}</span>
<span class="separator">/</span>
<span class="total-value">{{ totalQty }}</span>
<span class="qualified">{{ checkedQty }}</span><span class="total">{{ totalQty }}</span>
</div>
</div>
</div>
@ -66,6 +63,9 @@
<i class="el-icon-circle-check"></i>
<span>盘点信息确认</span>
</div>
<div class="title-right">
<span class="material-list-link" @click="showMaterialListDialog">物料清单</span>
</div>
</div>
<!-- 标签列表 -->
@ -84,7 +84,7 @@
:key="index"
class="list-item"
:class="'status-' + getStatusClass(item.checkedStatus)">
<div class="col-no">{{ wipList.length - index }}</div>
<div class="col-no">{{ index + 1 }}</div>
<div class="col-label">{{ item.rollNo }}</div>
<div class="col-roll-qty">{{ item.rollQty }}</div>
<div class="col-status">
@ -126,6 +126,47 @@
取消
</button>
</div>
<!-- 物料清单对话框 -->
<el-dialog
title="物料清单"
:visible.sync="materialListVisible"
width="90%"
:close-on-click-modal="false"
:modal="false">
<div class="material-list-container">
<!-- 列表 -->
<div class="material-table">
<div class="table-header">
<div class="col-no">NO.</div>
<div class="col-roll-no">标签条码</div>
<div class="col-roll-qty">标签数量</div>
<div class="col-checked">是否盘点</div>
</div>
<div class="table-body">
<div
v-for="(item, index) in materialDetailList"
:key="index"
class="table-row">
<div class="col-no">{{ index + 1 }}</div>
<div class="col-roll-no">{{ item.rollNo }}</div>
<div class="col-roll-qty">{{ item.rollQty }}</div>
<div class="col-checked">
<span :class="item.checkedFlag === 'Y' ? 'checked-yes' : 'checked-no'">
{{ item.checkedFlag === 'Y' ? '是' : '否' }}
</span>
</div>
</div>
<div v-if="materialDetailList.length === 0" class="empty-data">
暂无数据
</div>
</div>
</div>
</div>
<span slot="footer" class="dialog-footer">
<el-button @click="materialListVisible = false">关闭</el-button>
</span>
</el-dialog>
</div>
</template>
@ -135,7 +176,8 @@ import {
countingWIPScanLabel,
countingWIPUpdateCheckedQty,
countingWIPConfirmCounting,
countingWIPDelete
countingWIPDelete,
countingReportDetailList
} from '@/api/warehouse/countingWIP.js'
export default {
@ -153,7 +195,9 @@ export default {
totalCount: 0,
totalQty: 0,
checkedCount: 0,
checkedQty: 0
checkedQty: 0,
materialListVisible: false,
materialDetailList: []
}
},
mounted() {
@ -271,8 +315,8 @@ export default {
countingWIPScanLabel(params).then(({ data }) => {
if (data && data.code === 0) {
this.$message.success('扫描成功')
// 将新扫描的数据添加到列表顶部（显示在底部）
this.wipList.push(data.data)
// 将新扫描的数据添加到列表开头（显示在最上面）
this.wipList.unshift(data.data)
this.scanCode = ''
this.focusInput()
} else {
@ -355,6 +399,31 @@ export default {
this.$refs.scanInput.focus()
}
})
},
// 显示物料清单对话框
showMaterialListDialog() {
this.materialListVisible = true
this.loadMaterialDetailList()
},
// 加载物料清单
loadMaterialDetailList() {
const params = {
site: this.site,
buNo: this.buNo,
reportId: this.reportId
}
countingReportDetailList(params).then(({ data }) => {
if (data && data.code === 0) {
this.materialDetailList = data.detailList || []
} else {
this.$message.error(data.msg || '查询失败')
}
}).catch(() => {
this.$message.error('查询失败')
})
}
}
}
@ -437,79 +506,122 @@ export default {
/* 物料信息卡片 */
.material-info-card {
margin: 12px 16px;
padding: 16px;
background: white;
margin: 4px 16px;
padding: 6px 20px;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
border: 1px solid #f0f0f0;
}
.card-title {
margin-bottom: 12px;
}
.title-label {
font-size: 12px;
color: #666;
display: block;
margin-bottom: 4px;
}
.title-value {
font-size: 16px;
font-weight: bold;
color: #333;
margin-left: 20px;
}
.card-details {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 8px;
gap: 4px;
}
.detail-item {
flex: 1;
text-align: center;
min-width: 0;
min-width: 60px;
max-width: 120px;
}
.detail-label {
font-size: 12px;
color: #999;
margin-bottom: 6px;
font-size: 11px;
color: #666;
margin-bottom: 4px;
line-height: 1.2;
white-space: nowrap;
margin-left: -12px;
}
.detail-value {
font-size: 16px;
font-size: 13px;
color: #333;
line-height: 1.2;
font-weight: 500;
word-break: break-all;
margin-left: -12px;
}
.detail-value .highlight {
.detail-value .qualified {
color: #17B3A3;
font-weight: bold;
font-weight: 500;
}
.detail-value .separator {
.detail-value .total {
color: #333;
margin: 0 2px;
font-weight: 500;
}
.detail-value .total-value {
.detail-value .total::before {
content: '/';
color: #333;
font-weight: 500;
}
/* 区块标题 */
.section-title {
display: flex;
justify-content: space-between;
align-items: center;
padding: 12px 16px;
justify-content: space-between;
padding: 6px 8px;
background: white;
border-bottom: 1px solid #f0f0f0;
margin: 0 16px;
margin-top: 4px;
border-radius: 8px 8px 0 0;
border-bottom: 2px solid #17B3A3;
}
.title-left {
display: flex;
align-items: center;
gap: 8px;
font-size: 14px;
font-weight: bold;
color: #333;
}
.title-left i {
color: #17B3A3;
font-size: 16px;
margin-right: 8px;
}
.title-left span {
color: #17B3A3;
font-size: 14px;
font-weight: 500;
}
.title-right {
display: flex;
align-items: center;
}
.material-list-link {
color: #17B3A3;
font-size: 14px;
font-weight: 500;
cursor: pointer;
text-decoration: underline;
transition: color 0.2s ease;
}
.material-list-link:hover {
color: #13a08e;
}
/* 标签列表 */
@ -781,4 +893,90 @@ export default {
font-size: 14px;
}
}
/* 物料清单对话框 */
.material-list-container {
max-height: 60vh;
overflow-y: auto;
}
.material-table {
width: 100%;
}
.table-header {
display: flex;
align-items: center;
padding: 10px 8px;
background: #f8f9fa;
border-bottom: 1px solid #e0e0e0;
font-size: 12px;
font-weight: bold;
color: #666;
}
.table-body {
max-height: 50vh;
overflow-y: auto;
}
.table-row {
display: flex;
align-items: center;
padding: 10px 8px;
border-bottom: 1px solid #f0f0f0;
font-size: 12px;
}
.table-row:last-child {
border-bottom: none;
}
.table-header .col-no,
.table-row .col-no {
width: 50px;
text-align: center;
flex-shrink: 0;
}
.table-header .col-roll-no,
.table-row .col-roll-no {
flex: 1;
min-width: 100px;
padding: 0 8px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.table-header .col-roll-qty,
.table-row .col-roll-qty {
width: 80px;
text-align: center;
flex-shrink: 0;
}
.table-header .col-checked,
.table-row .col-checked {
width: 80px;
text-align: center;
flex-shrink: 0;
}
.checked-yes {
color: #67C23A;
font-weight: 500;
}
.checked-no {
color: #F56C6C;
font-weight: 500;
}
.empty-data {
text-align: center;
padding: 40px 20px;
color: #999;
font-size: 14px;
}
</style>

81
src/views/modules/warehouse/countingList.vue
View File

@ -30,30 +30,30 @@
:key="item.reportId"
class="inbound-card"
@click="goToDetail(item)">
<div class="card-title">
<span class="title-label">盘点单号</span>
<span class="title-value">{{ item.reportId }}</span>
</div>
<div class="card-details">
<div class="detail-item">
<div class="detail-label">盘点单号</div>
<div class="detail-value">{{ item.reportId }}</div>
</div>
<div class="detail-item">
<div class="detail-label">标签张数</div>
<div class="detail-value">
<span class="qualified">{{ item.checkedCount }}</span>
<span class="separator">/</span>
<span class="total">{{ item.totalCount }}</span>
<span class="qualified">{{ item.checkedCount }}</span><span class="total">{{ item.totalCount }}</span>
</div>
</div>
<div class="detail-item">
<div class="detail-label">物料总数</div>
<div class="detail-value">
<span class="qualified">{{ item.checkedQty }}</span>
<span class="separator">/</span>
<span class="total">{{ item.totalQty }}</span>
<span class="qualified">{{ item.checkedQty }}</span><span class="total">{{ item.totalQty }}</span>
</div>
</div>
<div class="detail-item">
<div class="detail-label">盘点状态</div>
<div class="detail-value status-value">
<span class="status-tag" :class="'status-' + item.status">{{ item.statusDesc }}</span>
</div>
</div>
</div>
<div class="card-footer" v-if="item.statusDesc">
<span class="status-tag" :class="'status-' + item.status">{{ item.statusDesc }}</span>
</div>
</div>
@ -211,57 +211,72 @@ export default {
transform: translateY(0);
}
/* 卡片标题 */
.card-title {
margin-bottom: 12px;
}
.title-label {
font-size: 12px;
color: #666;
display: block;
margin-bottom: 4px;
}
.title-value {
font-size: 16px;
font-weight: bold;
color: #333;
margin-left: 20px;
}
/* 卡片详情 */
.card-details {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 8px;
padding-bottom: 12px;
gap: 4px;
}
.detail-item {
flex: 1;
text-align: center;
min-width: 0;
min-width: 60px;
max-width: 90px;
}
.detail-label {
font-size: 12px;
color: #999;
margin-bottom: 6px;
font-size: 11px;
color: #666;
margin-bottom: 4px;
line-height: 1.2;
white-space: nowrap;
margin-left: -12px;
}
.detail-value {
font-size: 16px;
font-size: 13px;
color: #333;
line-height: 1.2;
font-weight: 500;
word-break: break-all;
margin-left: -12px;
}
.detail-value .qualified {
color: #17B3A3;
font-weight: bold;
font-weight: 500;
}
.detail-value .separator {
.detail-value .total {
color: #333;
margin: 0 2px;
font-weight: 500;
}
.detail-value .total {
.detail-value .total::before {
content: '/';
color: #333;
font-weight: 500;
}
/* 卡片底部 */
.card-footer {
padding-top: 8px;
border-top: 1px solid #f0f0f0;
text-align: right;
.detail-value.status-value {
margin-left: 0;
}
.status-tag {

Write Preview
Loading…
Cancel
Save