stockPutDetail.vue 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214
  1. <template>
  2. <view class="orderDetail-digitalShel flex flex_column">
  3. <view class="contHead">
  4. <view class="statusH">
  5. <view class="flex flex_column align_center">
  6. <view class="status-row">
  7. <u-icon :name="pageInfo&&pageInfo.billState=='WAIT_CHECK'?'hourglass-half-fill':'checkmark-circle'" size="42" color="#fff">
  8. </u-icon>
  9. <text>{{pageInfo&&pageInfo.billState=='WAIT_CHECK'?'待入库':'已入库'}}</text>
  10. </view>
  11. <view class="messageText">配送方式:{{pageInfo&&pageInfo.dispatchTypeValue?pageInfo.dispatchTypeValue:'--'}}</view>
  12. </view>
  13. </view>
  14. </view>
  15. <view class="order-body">
  16. <view class="info partList">
  17. <!-- <view class="infoList">
  18. <view class="title">配件列表</view>
  19. <view>
  20. 2款,共<text class="redText">11</text>件
  21. </view>
  22. </view> -->
  23. <view v-for="item in partList" :key="item.id" class="flex align-center item-list">
  24. <view>
  25. <u-image border-radius="16" width="130" height="130" bg-color="#EBEBEB" :src="item.images"></u-image>
  26. </view>
  27. <view>
  28. <view class="item-name">
  29. <text>{{item.productName||'--'}}</text>
  30. </view>
  31. <view class="item-nums flex align-center justify_between">
  32. <text>{{item.productCode||'--'}}</text>
  33. <!-- <view>
  34. <u-number-box :min="0" :max="999999"></u-number-box>
  35. </view> -->
  36. <view v-if="pageInfo&&pageInfo.billState=='FINISH'">
  37. <text>入库数量:{{item.putQty||item.putQty==0?item.putQty:'--'}}</text>
  38. </view>
  39. <view v-else>
  40. <text>待入库数量:{{item.confirmQty||item.confirmQty==0?item.confirmQty:'--'}}</text>
  41. </view>
  42. </view>
  43. </view>
  44. </view>
  45. </view>
  46. </view>
  47. </view>
  48. </template>
  49. <script>
  50. import uniIcons from "@/components/uni-icons/uni-icons.vue"
  51. import moment from 'moment'
  52. import { findShelfReplenishBill } from '@/api/shelf.js'
  53. import { clzConfirm } from '@/libs/tools.js'
  54. import clipboard from "@/js_sdk/dc-clipboard/clipboard.js"
  55. export default {
  56. name: 'orderDetail-digitalShel',
  57. components: {
  58. uniIcons,
  59. },
  60. data() {
  61. return {
  62. info: null,
  63. statusText: '',
  64. statusIcon: '', // 结算状态icon
  65. partList: [], // 配件列表
  66. pageInfo:null
  67. }
  68. },
  69. onReady() {
  70. },
  71. onLoad(option) {
  72. console.log(option,option.sn)
  73. let sn = option.sn
  74. this.getPageInfo(sn)
  75. },
  76. computed: {
  77. },
  78. methods: {
  79. // 复制
  80. copyVin(){
  81. clipboard.setText(this.vinNumber);
  82. uni.showToast({
  83. icon: 'none',
  84. title: 'vin码已复制成功'
  85. })
  86. },
  87. message(title){
  88. uni.showToast({
  89. icon:'none',
  90. title: title
  91. })
  92. },
  93. // 查询详情
  94. getPageInfo(val){
  95. findShelfReplenishBill({sn:val}).then(res=>{
  96. if(res.status==200){
  97. this.pageInfo=res.data||null
  98. this.partList=res.data.clzReplenishBillDetailApiEntityList||[]
  99. }
  100. })
  101. }
  102. }
  103. }
  104. </script>
  105. <style lang="less">
  106. page{
  107. height: 100%;
  108. }
  109. .orderDetail-digitalShel{
  110. height: 100%;
  111. .redText{
  112. color: #FB1E1E;
  113. }
  114. .order-body{
  115. flex-grow: 1;
  116. overflow: auto;
  117. }
  118. .contHead {
  119. background-color: white;
  120. margin-top: -20rpx;
  121. .statusH{
  122. > view{
  123. padding: 10upx 12%;
  124. font-size: 34upx;
  125. }
  126. .status-row{
  127. font-size: 42upx;
  128. text{
  129. margin-left: 10rpx;
  130. }
  131. }
  132. .messageText{
  133. font-size: 30upx;
  134. text-align: center;
  135. text{
  136. color: #ffaa00;
  137. }
  138. padding: 10rpx 0;
  139. }
  140. }
  141. }
  142. .info{
  143. background-color: #FFFFFF;
  144. padding: 10rpx 30upx;
  145. font-size: 32rpx;
  146. margin-bottom: 20rpx;
  147. .infoList{
  148. display: flex;
  149. justify-content: space-between;
  150. align-items: center;
  151. padding: 20rpx 0;
  152. border-bottom: 2rpx solid #f2f2f2;
  153. &:last-child{
  154. border: 0;
  155. }
  156. .title{
  157. font-weight: bold;
  158. }
  159. > text{
  160. &:first-child{
  161. color: #666E75;
  162. }
  163. }
  164. }
  165. .item-list{
  166. border-bottom: 2rpx solid #f2f2f2;
  167. &:last-child{
  168. border: none;
  169. }
  170. > view{
  171. padding: 20rpx 0;
  172. &:first-child{
  173. margin-right: 20rpx;
  174. margin-top: 18rpx;
  175. }
  176. &:last-child{
  177. flex-grow: 1;
  178. }
  179. }
  180. .item-name{
  181. word-wrap: break-word;
  182. font-size: 32rpx;
  183. color: #333;
  184. font-weight: bold;
  185. margin-top: 10rpx;
  186. }
  187. .item-nums{
  188. margin-top: 10rpx;
  189. padding: 10rpx 0;
  190. text{
  191. font-size: 32rpx;
  192. color: #222222;
  193. }
  194. }
  195. }
  196. }
  197. .footer{
  198. padding: 20upx 30upx;
  199. background: #FFFFFF;
  200. uni-button{
  201. &:after{
  202. border: 0;
  203. }
  204. width: 100%;
  205. color: #585858;
  206. font-size: 32rpx;
  207. }
  208. }
  209. }
  210. </style>