5 changed files with 398 additions and 871 deletions
-
3src/api/sales-return/sales-return.js
-
2src/views/modules/sales-return/index.vue
-
375src/views/modules/sales-return/receive.vue
-
18src/views/modules/sales-return/sales-return-inbound.vue
-
871src/views/modules/sales-return/sales-return-scrap.vue
@ -1,375 +0,0 @@ |
|||
<template> |
|||
<div class="receive-container"> |
|||
<van-nav-bar title="退货收货" left-arrow @click-left="$router.back()" /> |
|||
|
|||
<!-- 退货单信息 --> |
|||
<div class="return-info"> |
|||
<div class="info-header"> |
|||
<div class="return-no">{{ returnInfo.returnNo }}</div> |
|||
<div class="return-status">{{ getStatusText(returnInfo.status) }}</div> |
|||
</div> |
|||
<van-cell-group> |
|||
<van-cell title="原订单号" :value="returnInfo.originalOrderNo" /> |
|||
<van-cell title="客户" :value="returnInfo.customerName" /> |
|||
<van-cell title="退货原因" :value="returnInfo.returnReason" /> |
|||
<van-cell title="申请时间" :value="returnInfo.applyTime" /> |
|||
</van-cell-group> |
|||
</div> |
|||
|
|||
<!-- 退货明细 --> |
|||
<div class="goods-section"> |
|||
<div class="section-title">退货明细</div> |
|||
<div |
|||
v-for="(item, index) in goodsList" |
|||
:key="index" |
|||
class="goods-item" |
|||
> |
|||
<div class="goods-info"> |
|||
<div class="goods-name">{{ item.productCode }} - {{ item.productName }}</div> |
|||
<div class="goods-spec">规格：{{ item.specification }}</div> |
|||
<div class="goods-quantity"> |
|||
申请退货：{{ item.returnQuantity }} | 实际收货：{{ item.receivedQuantity }} |
|||
</div> |
|||
</div> |
|||
<div class="receive-input"> |
|||
<van-stepper |
|||
v-model="item.currentReceive" |
|||
:min="0" |
|||
:max="item.returnQuantity - item.receivedQuantity" |
|||
integer |
|||
/> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<!-- 质量检验 --> |
|||
<div class="quality-section"> |
|||
<div class="section-title">质量检验</div> |
|||
<van-field |
|||
v-model="qualityInfo.inspector" |
|||
label="检验员" |
|||
placeholder="请输入检验员" |
|||
/> |
|||
<van-field |
|||
v-model="qualityInfo.qualityResult" |
|||
label="检验结果" |
|||
placeholder="请选择检验结果" |
|||
readonly |
|||
is-link |
|||
@click="showQualityPicker = true" |
|||
/> |
|||
<van-field |
|||
v-model="qualityInfo.qualityRemark" |
|||
label="检验备注" |
|||
type="textarea" |
|||
placeholder="请输入检验备注" |
|||
rows="3" |
|||
/> |
|||
</div> |
|||
|
|||
<!-- 处理方式 --> |
|||
<div class="handle-section"> |
|||
<div class="section-title">处理方式</div> |
|||
<van-field |
|||
v-model="handleInfo.handleMethod" |
|||
label="处理方式" |
|||
placeholder="请选择处理方式" |
|||
readonly |
|||
is-link |
|||
@click="showHandlePicker = true" |
|||
/> |
|||
<van-field |
|||
v-model="handleInfo.targetLocation" |
|||
label="目标库位" |
|||
placeholder="请选择或扫描库位" |
|||
readonly |
|||
is-link |
|||
@click="showLocationPicker = true" |
|||
> |
|||
<template #right-icon> |
|||
<van-icon name="scan" @click.stop="handleScanLocation" /> |
|||
</template> |
|||
</van-field> |
|||
</div> |
|||
|
|||
<!-- 备注 --> |
|||
<div class="remark-section"> |
|||
<van-field |
|||
v-model="remark" |
|||
label="备注" |
|||
type="textarea" |
|||
placeholder="请输入处理备注" |
|||
rows="3" |
|||
autosize |
|||
/> |
|||
</div> |
|||
|
|||
<!-- 底部按钮 --> |
|||
<div class="bottom-actions"> |
|||
<van-button |
|||
type="primary" |
|||
block |
|||
:loading="submitting" |
|||
@click="handleSubmit" |
|||
> |
|||
确认收货 |
|||
</van-button> |
|||
</div> |
|||
|
|||
<!-- 选择器 --> |
|||
<van-popup v-model="showQualityPicker" position="bottom"> |
|||
<van-picker |
|||
:columns="qualityColumns" |
|||
@confirm="onQualityConfirm" |
|||
@cancel="showQualityPicker = false" |
|||
/> |
|||
</van-popup> |
|||
|
|||
<van-popup v-model="showHandlePicker" position="bottom"> |
|||
<van-picker |
|||
:columns="handleColumns" |
|||
@confirm="onHandleConfirm" |
|||
@cancel="showHandlePicker = false" |
|||
/> |
|||
</van-popup> |
|||
|
|||
<van-popup v-model="showLocationPicker" position="bottom"> |
|||
<van-picker |
|||
:columns="locationColumns" |
|||
@confirm="onLocationConfirm" |
|||
@cancel="showLocationPicker = false" |
|||
/> |
|||
</van-popup> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
name: 'SalesReturnReceive', |
|||
data() { |
|||
return { |
|||
returnInfo: { |
|||
returnNo: 'RT202401001', |
|||
originalOrderNo: 'SO202401001', |
|||
customerName: '客户A有限公司', |
|||
returnReason: '质量问题', |
|||
applyTime: '2024-01-15 10:30', |
|||
status: 0 |
|||
}, |
|||
goodsList: [ |
|||
{ |
|||
productCode: 'PROD001', |
|||
productName: '成品A', |
|||
specification: '标准规格', |
|||
returnQuantity: 10, |
|||
receivedQuantity: 0, |
|||
currentReceive: 0 |
|||
} |
|||
], |
|||
qualityInfo: { |
|||
inspector: '', |
|||
qualityResult: '', |
|||
qualityRemark: '' |
|||
}, |
|||
handleInfo: { |
|||
handleMethod: '', |
|||
targetLocation: '' |
|||
}, |
|||
remark: '', |
|||
submitting: false, |
|||
showQualityPicker: false, |
|||
showHandlePicker: false, |
|||
showLocationPicker: false, |
|||
qualityColumns: [ |
|||
'合格-重新入库', |
|||
'不合格-报废', |
|||
'不合格-返修', |
|||
'待定-暂存' |
|||
], |
|||
handleColumns: [ |
|||
'重新入库', |
|||
'报废处理', |
|||
'返修处理', |
|||
'暂存处理' |
|||
], |
|||
locationColumns: [ |
|||
'RT01-01-01', |
|||
'RT01-01-02', |
|||
'FG01-01-01', |
|||
'FG01-01-02', |
|||
'SCRAP-01' |
|||
] |
|||
} |
|||
}, |
|||
mounted() { |
|||
this.loadReturnData() |
|||
}, |
|||
methods: { |
|||
loadReturnData() { |
|||
const returnNo = this.$route.params.orderNo |
|||
console.log('加载退货单数据:', returnNo) |
|||
}, |
|||
handleScanLocation() { |
|||
this.$toast('扫描库位功能开发中...') |
|||
}, |
|||
onQualityConfirm(value) { |
|||
this.qualityInfo.qualityResult = value |
|||
this.showQualityPicker = false |
|||
}, |
|||
onHandleConfirm(value) { |
|||
this.handleInfo.handleMethod = value |
|||
this.showHandlePicker = false |
|||
}, |
|||
onLocationConfirm(value) { |
|||
this.handleInfo.targetLocation = value |
|||
this.showLocationPicker = false |
|||
}, |
|||
async handleSubmit() { |
|||
// 验证收货数量 |
|||
const hasReceive = this.goodsList.some(item => item.currentReceive > 0) |
|||
if (!hasReceive) { |
|||
this.$toast('请输入收货数量') |
|||
return |
|||
} |
|||
|
|||
// 验证质量检验 |
|||
if (!this.qualityInfo.qualityResult) { |
|||
this.$toast('请选择检验结果') |
|||
return |
|||
} |
|||
|
|||
// 验证处理方式 |
|||
if (!this.handleInfo.handleMethod) { |
|||
this.$toast('请选择处理方式') |
|||
return |
|||
} |
|||
|
|||
// 验证目标库位 |
|||
if (!this.handleInfo.targetLocation) { |
|||
this.$toast('请选择目标库位') |
|||
return |
|||
} |
|||
|
|||
this.submitting = true |
|||
|
|||
try { |
|||
await new Promise(resolve => setTimeout(resolve, 2000)) |
|||
|
|||
this.$toast.success('收货成功') |
|||
this.$router.back() |
|||
} catch (error) { |
|||
this.$toast.fail('收货失败') |
|||
} finally { |
|||
this.submitting = false |
|||
} |
|||
}, |
|||
getStatusText(status) { |
|||
const statusMap = { |
|||
0: '待收货', |
|||
1: '质检中', |
|||
2: '已完成' |
|||
} |
|||
return statusMap[status] || '未知' |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
.receive-container { |
|||
min-height: 100vh; |
|||
background-color: #f7f8fa; |
|||
padding-bottom: 80px; |
|||
} |
|||
|
|||
.return-info { |
|||
background: white; |
|||
margin-bottom: 10px; |
|||
} |
|||
|
|||
.info-header { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
padding: 16px; |
|||
border-bottom: 1px solid #ebedf0; |
|||
} |
|||
|
|||
.return-no { |
|||
font-size: 18px; |
|||
font-weight: bold; |
|||
color: #323233; |
|||
} |
|||
|
|||
.return-status { |
|||
padding: 4px 8px; |
|||
border-radius: 4px; |
|||
font-size: 12px; |
|||
color: white; |
|||
background-color: #ff976a; |
|||
} |
|||
|
|||
.goods-section, |
|||
.quality-section, |
|||
.handle-section, |
|||
.remark-section { |
|||
background: white; |
|||
margin-bottom: 10px; |
|||
} |
|||
|
|||
.section-title { |
|||
padding: 16px; |
|||
font-size: 16px; |
|||
font-weight: bold; |
|||
color: #323233; |
|||
border-bottom: 1px solid #ebedf0; |
|||
} |
|||
|
|||
.goods-item { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
padding: 16px; |
|||
border-bottom: 1px solid #ebedf0; |
|||
} |
|||
|
|||
.goods-item:last-child { |
|||
border-bottom: none; |
|||
} |
|||
|
|||
.goods-info { |
|||
flex: 1; |
|||
} |
|||
|
|||
.goods-name { |
|||
font-size: 16px; |
|||
font-weight: bold; |
|||
color: #323233; |
|||
margin-bottom: 4px; |
|||
} |
|||
|
|||
.goods-spec { |
|||
font-size: 12px; |
|||
color: #969799; |
|||
margin-bottom: 4px; |
|||
} |
|||
|
|||
.goods-quantity { |
|||
font-size: 14px; |
|||
color: #646566; |
|||
} |
|||
|
|||
.receive-input { |
|||
margin-left: 16px; |
|||
} |
|||
|
|||
.bottom-actions { |
|||
position: fixed; |
|||
bottom: 0; |
|||
left: 0; |
|||
right: 0; |
|||
padding: 16px; |
|||
background: white; |
|||
border-top: 1px solid #ebedf0; |
|||
} |
|||
</style> |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue