|
@@ -2,12 +2,18 @@
|
|
<view class="cancelStockPages" :style="`backgroundImage:linear-gradient(180deg, ${$config('primaryColor')}, #F5F6F7 12%)`">
|
|
<view class="cancelStockPages" :style="`backgroundImage:linear-gradient(180deg, ${$config('primaryColor')}, #F5F6F7 12%)`">
|
|
<view class="cancelStockPages-body">
|
|
<view class="cancelStockPages-body">
|
|
<view class="head-info" v-if="info">
|
|
<view class="head-info" v-if="info">
|
|
|
|
+ <view class="states">
|
|
|
|
+ <view>
|
|
|
|
+ <u-icon name="icon_withdrawal" custom-prefix="iscm-icon" size="48"></u-icon>
|
|
|
|
+ <text>待退货</text>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
<view>
|
|
<view>
|
|
- <view class="label"><u-icon name="ison_shelf" custom-prefix="iscm-icon" size="32" color="#7C7D7E"></u-icon><text>货架名称</text></view>
|
|
|
|
|
|
+ <view class="label"><u-icon name="ison_shelf" custom-prefix="iscm-icon" size="32"></u-icon><text>货架名称</text></view>
|
|
<view>{{info.shelfName}}</view>
|
|
<view>{{info.shelfName}}</view>
|
|
</view>
|
|
</view>
|
|
<view>
|
|
<view>
|
|
- <view class="label"><u-icon name="icon_position" custom-prefix="iscm-icon" size="32" color="#7C7D7E"></u-icon><text>客户地址</text></view>
|
|
|
|
|
|
+ <view class="label"><u-icon name="icon_position" custom-prefix="iscm-icon" size="32"></u-icon><text>客户地址</text></view>
|
|
<view>{{info.shelfAddress}}</view>
|
|
<view>{{info.shelfAddress}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
@@ -44,7 +50,7 @@
|
|
},
|
|
},
|
|
onReady() {
|
|
onReady() {
|
|
uni.setNavigationBarColor({
|
|
uni.setNavigationBarColor({
|
|
- frontColor: '#fff',
|
|
|
|
|
|
+ frontColor: '#ffffff',
|
|
backgroundColor: this.$config('primaryColor')
|
|
backgroundColor: this.$config('primaryColor')
|
|
})
|
|
})
|
|
},
|
|
},
|
|
@@ -79,7 +85,7 @@
|
|
display: flex;
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-direction: column;
|
|
.cancelStockPages-body{
|
|
.cancelStockPages-body{
|
|
- padding: 30rpx;
|
|
|
|
|
|
+ padding: 0 30rpx;
|
|
flex-grow: 1;
|
|
flex-grow: 1;
|
|
overflow: auto;
|
|
overflow: auto;
|
|
> view{
|
|
> view{
|
|
@@ -90,6 +96,18 @@
|
|
box-shadow: 2rpx 3rpx 5rpx #eee;
|
|
box-shadow: 2rpx 3rpx 5rpx #eee;
|
|
}
|
|
}
|
|
.head-info{
|
|
.head-info{
|
|
|
|
+ .states{
|
|
|
|
+ border: 0;
|
|
|
|
+ padding: 20rpx 0;
|
|
|
|
+ > view{
|
|
|
|
+ color: #191919;
|
|
|
|
+ text-align: center;
|
|
|
|
+ font-size: 40rpx;
|
|
|
|
+ text{
|
|
|
|
+ margin-left: 20rpx;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }
|
|
font-size: 30rpx;
|
|
font-size: 30rpx;
|
|
> view{
|
|
> view{
|
|
display: flex;
|
|
display: flex;
|