|
@@ -1,12 +1,24 @@
|
|
<template>
|
|
<template>
|
|
<u-mask class="productModal" :show="isShow" :mask-click-able="false">
|
|
<u-mask class="productModal" :show="isShow" :mask-click-able="false">
|
|
<view class="product-con">
|
|
<view class="product-con">
|
|
|
|
+ <view class="product-head">
|
|
|
|
+ <view class="shelfName flex align_center"><text></text>{{infoData.shelfName}}</view>
|
|
|
|
+ <view>
|
|
|
|
+ 此货架存在以下未取货的订单,导致库存被冻结,为方便盘点,请先联系修理厂处理
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
<view class="product-main">
|
|
<view class="product-main">
|
|
- <view v-for="item in list" :key="item.id">22</view>
|
|
|
|
|
|
+ <view v-for="item in list" :key="item.id">
|
|
|
|
+ <view class="flex align_center">
|
|
|
|
+ <view class="l-no"><text>{{item.shelfPlaceCode}}</text>{{item.productCode}}</view>
|
|
|
|
+ <view class="r-nums">冻结库存:<text>{{item.totalQty}}</text> 个</view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="p-name">{{item.productName}}</view>
|
|
|
|
+ </view>
|
|
</view>
|
|
</view>
|
|
<view class="product-footer">
|
|
<view class="product-footer">
|
|
- <view class="button-cancel" @click="isShow=false">取消</view>
|
|
|
|
- <view class="button-confirm" @click="handleConfirm">确定</view>
|
|
|
|
|
|
+ <view class="button-cancel" @click="isShow=false">返回列表</view>
|
|
|
|
+ <view class="button-confirm" @click="handleConfirm">继续盘点</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</u-mask>
|
|
</u-mask>
|
|
@@ -36,7 +48,7 @@
|
|
methods: {
|
|
methods: {
|
|
// 确认
|
|
// 确认
|
|
handleConfirm(){
|
|
handleConfirm(){
|
|
-
|
|
|
|
|
|
+ this.$emit("ok")
|
|
},
|
|
},
|
|
// 获取列表数据
|
|
// 获取列表数据
|
|
getList(){
|
|
getList(){
|
|
@@ -68,8 +80,29 @@
|
|
.productModal{
|
|
.productModal{
|
|
width: 100%;
|
|
width: 100%;
|
|
height: 100%;
|
|
height: 100%;
|
|
- .text-c{
|
|
|
|
- text-align: center;
|
|
|
|
|
|
+ .product-head{
|
|
|
|
+ font-size: 24rpx;
|
|
|
|
+ padding: 20upx 30upx 15upx;
|
|
|
|
+ border-bottom: 2rpx solid #eee;
|
|
|
|
+ color: #666;
|
|
|
|
+ .shelfName{
|
|
|
|
+ width: 100%;
|
|
|
|
+ height: 48rpx;
|
|
|
|
+ text-overflow: ellipsis;
|
|
|
|
+ overflow: hidden;
|
|
|
|
+ flex-grow: 1;
|
|
|
|
+ font-weight: bold;
|
|
|
|
+ font-size: 26rpx;
|
|
|
|
+ color: #333;
|
|
|
|
+ text{
|
|
|
|
+ display: block;
|
|
|
|
+ height: 30rpx;
|
|
|
|
+ width: 6rpx;
|
|
|
|
+ background: #0485F6;
|
|
|
|
+ margin-right: 10rpx;
|
|
|
|
+ border-radius: 10rpx;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
}
|
|
}
|
|
.product-con{
|
|
.product-con{
|
|
width: 78%;
|
|
width: 78%;
|
|
@@ -77,8 +110,44 @@
|
|
background-color: #fff;
|
|
background-color: #fff;
|
|
border-radius: 24upx;
|
|
border-radius: 24upx;
|
|
.product-main{
|
|
.product-main{
|
|
- padding: 60upx 20upx 50upx;
|
|
|
|
-
|
|
|
|
|
|
+ padding: 0 30upx 20upx 30upx;
|
|
|
|
+ font-size: 24upx;
|
|
|
|
+ max-height: 30vh;
|
|
|
|
+ overflow: auto;
|
|
|
|
+ > view{
|
|
|
|
+ border-bottom: 2rpx solid #eee;
|
|
|
|
+ padding: 15upx 0;
|
|
|
|
+ &:last-child{
|
|
|
|
+ border: 0;
|
|
|
|
+ }
|
|
|
|
+ > view{
|
|
|
|
+ justify-content: space-between;
|
|
|
|
+ &:first-child{
|
|
|
|
+ margin-bottom: 10upx;
|
|
|
|
+ .l-no{
|
|
|
|
+ text{
|
|
|
|
+ background-color: #eee;
|
|
|
|
+ padding: 0 10upx;
|
|
|
|
+ border-radius: 10upx;
|
|
|
|
+ margin-right: 15upx;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ .r-nums{
|
|
|
|
+ color: #999;
|
|
|
|
+ text{
|
|
|
|
+ color:red;
|
|
|
|
+ }
|
|
|
|
+ font-size: 22upx;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ .p-name{
|
|
|
|
+ font-size: 24upx;
|
|
|
|
+ text-overflow: ellipsis;
|
|
|
|
+ overflow: hidden;
|
|
|
|
+ white-space: nowrap;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
}
|
|
}
|
|
.product-footer{
|
|
.product-footer{
|
|
font-size: 30upx;
|
|
font-size: 30upx;
|