printTag.vue 2.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  1. <template>
  2. <view class="printTag">
  3. <view class="print-nums flex flex_column align_center justify_center">
  4. <view>打印数量</view>
  5. <view class="uinput">
  6. <u-number-box :min="1" color="#000" bg-color="#fff" size="30" :input-height="70" :input-width="100"></u-number-box>
  7. </view>
  8. </view>
  9. <view class="shelf-info">
  10. <view class="shelf-info-title">
  11. <view>西安车领主常青二路数字货架</view>
  12. <view><text class="pno">A02</text></view>
  13. </view>
  14. <view>产品编码:JO-21026E</view>
  15. <view>产品名称:箭牌机油滤清器 10款进口大众途锐...</view>
  16. <view>库存数量:3</view>
  17. </view>
  18. <view class="buttons flex align_center justify_center">
  19. <view><u-button @click="cansel" shape="circle" plain>返回列表</u-button></view>
  20. <view><u-button @click="print" shape="circle" :custom-style="{background:$config('primaryColor')}" type="primary">开始打印</u-button></view>
  21. </view>
  22. </view>
  23. </template>
  24. <script>
  25. export default {
  26. data() {
  27. return {
  28. part: null
  29. }
  30. },
  31. methods: {
  32. cansel(){
  33. uni.navigateBack()
  34. },
  35. print(){
  36. }
  37. }
  38. }
  39. </script>
  40. <style lang="less">
  41. .printTag{
  42. background-color: #fff;
  43. width: 100vh;
  44. padding: 50rpx 30rpx;
  45. .print-nums{
  46. padding: 50rpx 30rpx;
  47. color: #999;
  48. font-size: 32rpx;
  49. > view{
  50. padding: 20rpx 0;
  51. }
  52. .uinput{
  53. border: 2rpx solid #eee;
  54. border-radius: 50rpx;
  55. padding: 0 20rpx;
  56. }
  57. /deep/ .u-icon-disabled{
  58. background: #fff!important;
  59. }
  60. /deep/ .u-number-input{
  61. margin: 0 12rpx;
  62. border: 2rpx solid #eee;
  63. border-top: 0;
  64. border-bottom: 0;
  65. }
  66. }
  67. .shelf-info{
  68. background-color: #f8f8f8;
  69. padding: 30rpx;
  70. border-radius: 12rpx;
  71. color: #707070;
  72. .shelf-info-title{
  73. font-size: 32rpx;
  74. color: #222222;
  75. display: flex;
  76. justify-content: space-between;
  77. margin-bottom: 10rpx;
  78. .pno{
  79. background: rgba(3, 54, 146, 0.15);
  80. border-radius: 100rpx;
  81. padding: 6rpx 20rpx;
  82. color: #033692;
  83. font-size: 24rpx;
  84. }
  85. }
  86. }
  87. .buttons{
  88. padding: 50rpx 0;
  89. > view{
  90. width: 36%;
  91. margin: 0 2%;
  92. }
  93. }
  94. }
  95. </style>