stockPutDetail.vue 5.5 KB

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