printTag.vue 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103
  1. <template>
  2. <view class="printTag">
  3. <view class="print-nums flex flex_column align_center justify_center">
  4. <view>打印数量</view>
  5. <view class="u-ninput">
  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 v-if="fromPage == 'bdtq'"><u-button @click="cansel" shape="circle" plain>返回列表</u-button></view>
  20. <view v-if="fromPage == 'smdy'"><u-button @click="cansel" shape="circle" plain>重新扫描</u-button></view>
  21. <view><u-button @click="print" shape="circle" :custom-style="{background:$config('primaryColor')}" type="primary">开始打印</u-button></view>
  22. </view>
  23. </view>
  24. </template>
  25. <script>
  26. export default {
  27. data() {
  28. return {
  29. part: null,
  30. fromPage: ''
  31. }
  32. },
  33. onLoad(opts) {
  34. this.fromPage = opts.from
  35. },
  36. methods: {
  37. cansel(){
  38. uni.navigateBack()
  39. },
  40. print(){
  41. }
  42. }
  43. }
  44. </script>
  45. <style lang="less">
  46. .printTag{
  47. background-color: #fff;
  48. width: 100vh;
  49. padding: 50rpx 30rpx;
  50. .print-nums{
  51. padding: 50rpx 30rpx;
  52. color: #999;
  53. font-size: 32rpx;
  54. > view{
  55. padding: 20rpx 0;
  56. }
  57. .u-ninput{
  58. border: 2rpx solid #eee;
  59. border-radius: 50rpx;
  60. padding: 0 20rpx;
  61. }
  62. /deep/ .u-icon-disabled{
  63. background: #fff!important;
  64. }
  65. /deep/ .u-number-input{
  66. margin: 0 12rpx;
  67. border: 2rpx solid #eee;
  68. border-top: 0;
  69. border-bottom: 0;
  70. }
  71. }
  72. .shelf-info{
  73. background-color: #f8f8f8;
  74. padding: 30rpx;
  75. border-radius: 12rpx;
  76. color: #707070;
  77. .shelf-info-title{
  78. font-size: 32rpx;
  79. color: #222222;
  80. display: flex;
  81. justify-content: space-between;
  82. margin-bottom: 10rpx;
  83. .pno{
  84. background: rgba(3, 54, 146, 0.15);
  85. border-radius: 100rpx;
  86. padding: 6rpx 20rpx;
  87. color: #033692;
  88. font-size: 24rpx;
  89. }
  90. }
  91. }
  92. .buttons{
  93. padding: 50rpx 0;
  94. > view{
  95. width: 36%;
  96. margin: 0 2%;
  97. }
  98. }
  99. }
  100. </style>