|
@@ -0,0 +1,156 @@
|
|
|
+<template>
|
|
|
+ <view class="shuntBack-detail-wrap" :style="`backgroundImage:linear-gradient(180deg, ${$config('primaryColor')}, #F5F6F7 12%)`">
|
|
|
+ <view class="shuntBack-detail-body">
|
|
|
+ <view class="head-info" v-if="basicInfoData">
|
|
|
+ <view class="states">
|
|
|
+ <view>
|
|
|
+ <u-icon :name="pageType=='success'?'icon_complete':'icon_cancel'" custom-prefix="iscm-icon" size="48"></u-icon>
|
|
|
+ <text>{{pageType=='success'?'已完成':'已取消'}}</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view>
|
|
|
+ <view class="label"><u-icon name="icon_order" custom-prefix="iscm-icon" size="32"></u-icon><text>调回单号</text></view>
|
|
|
+ <view class="info-txt">{{basicInfoData.recallBillNo || '--'}}</view>
|
|
|
+ </view>
|
|
|
+ <view>
|
|
|
+ <view class="label"><u-icon name="ison_shelf" custom-prefix="iscm-icon" size="32"></u-icon><text>货架名称</text></view>
|
|
|
+ <view class="info-txt">{{basicInfoData.shelfInfo&&basicInfoData.shelfInfo.shelfName || '--'}}</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="part-list">
|
|
|
+ <!-- 调回产品 -->
|
|
|
+ <partList :list="partList" title="调回产品" model="view" :fromPage="pageType=='success'?'shuntBackDetail':'shuntBackDetailc'" ref="partList" noDataText="暂无产品"></partList>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+ import { shelfRecallFindBySn, shelfRecallDetail } from '@/api/shelfRecall'
|
|
|
+ import partList from '@/pages/common/partList.vue'
|
|
|
+ export default {
|
|
|
+ components: { partList },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ recallBillSn: '',
|
|
|
+ basicInfoData:null,
|
|
|
+ partList: [],
|
|
|
+ customStyle: {
|
|
|
+ borderRadius:'100rpx',
|
|
|
+ fontSize:'30rpx',
|
|
|
+ background: this.$config('primaryColor')
|
|
|
+ },
|
|
|
+ pageType: ''
|
|
|
+ }
|
|
|
+ },
|
|
|
+ onReady() {
|
|
|
+ uni.setNavigationBarColor({
|
|
|
+ frontColor: '#ffffff',
|
|
|
+ backgroundColor: this.$config('primaryColor')
|
|
|
+ })
|
|
|
+ },
|
|
|
+ onLoad(option) {
|
|
|
+ this.recallBillSn = option.sn
|
|
|
+ this.pageType = option.type
|
|
|
+ this.getDetail()
|
|
|
+ this.getPartList()
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ // 查询详情
|
|
|
+ getDetail(){
|
|
|
+ shelfRecallFindBySn({ sn: this.recallBillSn }).then(res => {
|
|
|
+ if(res.status == 200){
|
|
|
+ this.basicInfoData = res.data || null
|
|
|
+ }else{
|
|
|
+ this.basicInfoData = null
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 查询列表
|
|
|
+ getPartList(){
|
|
|
+ const _this = this
|
|
|
+ shelfRecallDetail({ recallBillSn: this.recallBillSn }).then(res => {
|
|
|
+ if(res.status == 200 && res.data){
|
|
|
+ res.data.map(item =>{
|
|
|
+ item.confirmQty = item.confirmQty ? Number(item.confirmQty) : 0
|
|
|
+ item.putQty = item.confirmQty ? Number(item.confirmQty) : 0
|
|
|
+ })
|
|
|
+ this.partList = res.data || []
|
|
|
+ }else{
|
|
|
+ this.partList = []
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="less">
|
|
|
+.shuntBack-detail-wrap{
|
|
|
+ position: relative;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ overflow: hidden;
|
|
|
+ .shuntBack-detail-body{
|
|
|
+ padding: 0 30rpx;
|
|
|
+ height: 100%;
|
|
|
+ overflow: auto;
|
|
|
+ > view{
|
|
|
+ padding: 10rpx 25rpx;
|
|
|
+ background-color: #fff;
|
|
|
+ margin-bottom: 20rpx;
|
|
|
+ border-radius: 25rpx;
|
|
|
+ box-shadow: 2rpx 3rpx 5rpx #eee;
|
|
|
+ }
|
|
|
+ .head-info{
|
|
|
+ .states{
|
|
|
+ border: 0;
|
|
|
+ padding: 20rpx 0;
|
|
|
+ > view{
|
|
|
+ color: #191919;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 40rpx;
|
|
|
+ text{
|
|
|
+ margin-left: 20rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .info-txt{
|
|
|
+ word-break: break-word;
|
|
|
+ }
|
|
|
+ font-size: 30rpx;
|
|
|
+ > view{
|
|
|
+ display: flex;
|
|
|
+ border-bottom: 2rpx solid #f5f5f5;
|
|
|
+ padding: 20rpx 0;
|
|
|
+ > view:last-child{
|
|
|
+ flex-grow: 1;
|
|
|
+ width: 80%;
|
|
|
+ }
|
|
|
+ &:last-child{
|
|
|
+ border:0;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .label{
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ width: 220rpx;
|
|
|
+ height: 44rpx;
|
|
|
+ color: #7C7D7E;
|
|
|
+ text{
|
|
|
+ margin-left: 10rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .shuntBack-detail-footer{
|
|
|
+ padding: 26upx 32upx 30upx;
|
|
|
+ background-color: #fff;
|
|
|
+ position: fixed;
|
|
|
+ left: 0;
|
|
|
+ bottom: 0;
|
|
|
+ width: 100%;
|
|
|
+ box-shadow: 3px 1px 7px #eee;
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|