|
|
@@ -1,35 +1,32 @@
|
|
|
<template>
|
|
|
<view class="billing_box_bg">
|
|
|
- <view class="input-wrap" style="color:#141ad2;font-size:36upx;">
|
|
|
- <text>{{ itemInfo.name?itemInfo.name:'' }}</text>
|
|
|
+ <view class="input-wrap" style="color:#141ad2;font-size:34upx;">
|
|
|
+ <text style="color:black;">{{ itemInfo.name?itemInfo.name:'' }}</text>
|
|
|
+ <text style="margin-left:20upx;">库存 {{parseFloat(xjStock)}}</text>
|
|
|
+ <text style="margin-left:20upx;">单价 ¥{{parseFloat(xjPrice)}}</text>
|
|
|
</view>
|
|
|
- <view class="input-wrap">
|
|
|
- <text>总库存：{{parseFloat(xjStock)}}</text><text style="margin-left:50upx;">单价：¥{{parseFloat(xjPrice)}}</text>
|
|
|
- </view>
|
|
|
- <view style="margin-top:20upx;">
|
|
|
- <block>
|
|
|
- <view class="item_list_bx" style="width: 100%;">
|
|
|
- <view v-for="(xjItem,xjIndex) in xjList" :key="xjIndex">
|
|
|
- <view>
|
|
|
- <view class="item-cmd_bx" @click="previewImg(xjItem.bigCover)">
|
|
|
- <view class="img_bx" style="background:#eeeeee;display:inline-block;">
|
|
|
- <image :src="xjItem.cover"></image>
|
|
|
- </view>
|
|
|
- <view class="cmd-info_bx">
|
|
|
- <view class="tit">{{ xjItem.name || "" }}</view>
|
|
|
- <view class="kc"></view>
|
|
|
- <view class="num-open_bx" @click.stop>
|
|
|
- <view class="open-bx warn">
|
|
|
- <text style="margin-left:5upx;">剩余 {{xjItem.stock}}</text>
|
|
|
- <input class="change-input" placeholder-style="color:#CCCCCC" v-model="numList[xjItem.id]" type="number" placeholder="请填写数量" />
|
|
|
- </view>
|
|
|
+ <view class="content-wrapper">
|
|
|
+ <view class="item_list_bx">
|
|
|
+ <view v-for="(xjItem,xjIndex) in xjList" :key="xjIndex">
|
|
|
+ <view>
|
|
|
+ <view class="item-cmd_bx" @click="previewImg(xjItem.bigCover)">
|
|
|
+ <view class="img_bx" style="background:#eeeeee;display:inline-block;">
|
|
|
+ <image :src="xjItem.cover"></image>
|
|
|
+ </view>
|
|
|
+ <view class="cmd-info_bx">
|
|
|
+ <view class="tit">{{ xjItem.name || "" }}</view>
|
|
|
+ <view class="kc"></view>
|
|
|
+ <view class="num-open_bx" @click.stop>
|
|
|
+ <view class="open-bx warn">
|
|
|
+ <text style="margin-left:5upx;">剩余 {{xjItem.stock}}</text>
|
|
|
+ <input class="change-input" placeholder-style="color:#CCCCCC" v-model="numList[xjItem.id]" type="number" placeholder="请填写数量" />
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- </block>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
<view class="footer-button-box">
|
|
|
<button class="admin-button-com big blue" @click="clearXj()">清除全部</button>
|
|
|
@@ -224,11 +221,11 @@ export default {
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
position: relative;
|
|
|
- padding-bottom: 120upx;
|
|
|
.input-wrap {
|
|
|
font-size:32upx;
|
|
|
font-weight:bold;
|
|
|
padding: 22upx 20upx 0upx 30upx;
|
|
|
+ flex-shrink: 0;
|
|
|
}
|
|
|
.tab-view {
|
|
|
height: 100%;
|
|
|
@@ -282,6 +279,14 @@ export default {
|
|
|
flex: 1;
|
|
|
box-sizing: border-box;
|
|
|
}
|
|
|
+ .content-wrapper {
|
|
|
+ flex: 1;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ overflow-y: auto;
|
|
|
+ min-height: 0;
|
|
|
+ margin-top:20upx;
|
|
|
+ }
|
|
|
.item_list_bx {
|
|
|
padding: 10upx 40upx;
|
|
|
margin-bottom: 20upx;
|
|
|
@@ -380,14 +385,14 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
.change-input {
|
|
|
- width: 250upx;
|
|
|
- height: 60upx;
|
|
|
- line-height: 60upx;
|
|
|
+ width: 220upx;
|
|
|
+ height: 80upx;
|
|
|
+ line-height: 80upx;
|
|
|
text-align: center;
|
|
|
background: #ffffff;
|
|
|
border: 1px solid #b4b4b4;
|
|
|
border-radius: 4upx;
|
|
|
- font-size: 25upx;
|
|
|
+ font-size: 30upx;
|
|
|
color:#5e5d5d;
|
|
|
position: relative;
|
|
|
left:140upx;
|
|
|
@@ -397,10 +402,7 @@ export default {
|
|
|
height:120upx;
|
|
|
}
|
|
|
.footer-button-box {
|
|
|
- position: fixed;
|
|
|
- bottom: 0;
|
|
|
- left: 0;
|
|
|
- right: 0;
|
|
|
+ position: relative;
|
|
|
width: 100%;
|
|
|
height: 120upx;
|
|
|
display: flex;
|
|
|
@@ -410,7 +412,8 @@ export default {
|
|
|
box-sizing: border-box;
|
|
|
border-top: 1px solid #f0f0f0;
|
|
|
padding: 20upx 0;
|
|
|
-
|
|
|
+ flex-shrink: 0;
|
|
|
+ z-index: 1000;
|
|
|
/* #ifdef MP-WEIXIN */
|
|
|
height: calc(120upx + constant(safe-area-inset-bottom));
|
|
|
padding-bottom: constant(safe-area-inset-bottom);
|
