1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798 |
- <template>
- <view class="printTag">
- <view class="print-nums flex flex_column align_center justify_center">
- <view>打印数量</view>
- <view class="uinput">
- <u-number-box :min="1" color="#000" bg-color="#fff" size="30" :input-height="70" :input-width="100"></u-number-box>
- </view>
- </view>
- <view class="shelf-info">
- <view class="shelf-info-title">
- <view>西安车领主常青二路数字货架</view>
- <view><text class="pno">A02</text></view>
- </view>
- <view>产品编码:JO-21026E</view>
- <view>产品名称:箭牌机油滤清器 10款进口大众途锐...</view>
- <view>库存数量:3</view>
- </view>
- <view class="buttons flex align_center justify_center">
- <view><u-button @click="cansel" shape="circle" plain>返回列表</u-button></view>
- <view><u-button @click="print" shape="circle" :custom-style="{background:$config('primaryColor')}" type="primary">开始打印</u-button></view>
- </view>
- </view>
- </template>
- <script>
- export default {
- data() {
- return {
- part: null
- }
- },
- methods: {
- cansel(){
- uni.navigateBack()
- },
- print(){
-
- }
- }
- }
- </script>
- <style lang="less">
- .printTag{
- background-color: #fff;
- width: 100vh;
- padding: 50rpx 30rpx;
- .print-nums{
- padding: 50rpx 30rpx;
- color: #999;
- font-size: 32rpx;
- > view{
- padding: 20rpx 0;
- }
- .uinput{
- border: 2rpx solid #eee;
- border-radius: 50rpx;
- padding: 0 20rpx;
- }
- /deep/ .u-icon-disabled{
- background: #fff!important;
- }
- /deep/ .u-number-input{
- margin: 0 12rpx;
- border: 2rpx solid #eee;
- border-top: 0;
- border-bottom: 0;
- }
- }
- .shelf-info{
- background-color: #f8f8f8;
- padding: 30rpx;
- border-radius: 12rpx;
- color: #707070;
- .shelf-info-title{
- font-size: 32rpx;
- color: #222222;
- display: flex;
- justify-content: space-between;
- margin-bottom: 10rpx;
- .pno{
- background: rgba(3, 54, 146, 0.15);
- border-radius: 100rpx;
- padding: 6rpx 20rpx;
- color: #033692;
- font-size: 24rpx;
- }
- }
- }
- .buttons{
- padding: 50rpx 0;
- > view{
- width: 36%;
- margin: 0 2%;
- }
- }
- }
- </style>
|