detail.vue 4.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130
  1. <template>
  2. <view class="p-content">
  3. <view class="p-body">
  4. <uni-forms-item label-width="100" label="产品条码:">
  5. <view style="display: flex;">
  6. <u-text type="info" :text="formData.qrCode||'--'"></u-text>
  7. <copyText :text="formData.qrCode" label="产品条码"></copyText>
  8. </view>
  9. </uni-forms-item>
  10. <uni-forms-item label-width="100" label="产品编码:">
  11. <view style="display: flex;">
  12. <u-text type="info" :text="formData.productCode||'--'"> </u-text>
  13. <copyText :text="formData.productCode" label="产品编码"></copyText>
  14. </view>
  15. </uni-forms-item>
  16. <uni-forms-item label-width="100" label="产品名称:">
  17. <view style="display: flex;">
  18. <u-text type="info" :text="formData.productName||'--'"></u-text>
  19. <copyText :text="formData.productName" label="产品名称"></copyText>
  20. </view>
  21. </uni-forms-item>
  22. <uni-forms-item label-width="100" label="原厂编码:">
  23. <view style="display: flex;">
  24. <u-text type="info" :text="formData.productOrigCode||'--'"></u-text>
  25. <copyText :text="formData.productOrigCode" label="原厂编码"></copyText>
  26. </view>
  27. </uni-forms-item>
  28. <uni-forms-item label-width="100" label="产品品牌:">
  29. <u-text type="info" :text="formData.brandName||'--'"></u-text>
  30. </uni-forms-item>
  31. <uni-forms-item label-width="100" label="单位:">
  32. <u-text type="info" :text="formData.productUnit||'--'"></u-text>
  33. </uni-forms-item>
  34. <uni-forms-item label-width="100" label="库存数量:">
  35. <u-text type="info" :text="formData.stockQty"></u-text>
  36. </uni-forms-item>
  37. <uni-forms-item label-width="100" label="盘点数量:">
  38. <u-text type="info" :text="formData.checkQty"></u-text>
  39. </uni-forms-item>
  40. <uni-forms-item label-width="100" label="盈亏数量:">
  41. <span :style="{ color: formData.checkProfitLossQty>0?'red':formData.checkProfitLossQty<0?'green':'' }">{{ (formData.checkProfitLossQty || formData.checkProfitLossQty==0) ? Math.abs(formData.checkProfitLossQty) : '--' }}</span>
  42. </uni-forms-item>
  43. <uni-forms-item v-if="formData.checkProfitLossCost" label-width="100" label="盈亏成本:">
  44. <span :style="{ color: formData.checkProfitLossCost>0?'red':formData.checkProfitLossCost<0?'green':'' }">¥{{ (formData.checkProfitLossCost || formData.checkProfitLossCost==0) ? Number(formData.checkProfitLossCost).toFixed(2) : '--' }}</span>
  45. </uni-forms-item>
  46. <uni-forms-item label-width="100" label="仓库仓位:">
  47. <u-text v-if="formData.warehouseName" type="info" :text="formData.warehouseName+'>'+formData.warehouseLocationName"></u-text>
  48. <u-text v-else type="info" text="--"></u-text>
  49. </uni-forms-item>
  50. <u-modal
  51. :show="showModal"
  52. title="提示"
  53. showCancelButton
  54. content='删除后不可恢复,确定要进行删除吗?'
  55. @confirm="delRow"
  56. @cancel="showModal=false"
  57. @close="showModal=false"
  58. ></u-modal>
  59. </view>
  60. <view class="p-footer" v-if="state == 'WAIT_SUBMIT'">
  61. <button size="mini" type="warn" @tap="openCon">删除</button>
  62. </view>
  63. </view>
  64. </template>
  65. <script>
  66. import { checkWarehouseDetailDel } from "@/config/api.js"
  67. import copyText from '@/pages/common/copyText.vue'
  68. export default {
  69. components: { copyText },
  70. data() {
  71. return {
  72. formData: null,
  73. showModal: false,
  74. state: null
  75. };
  76. },
  77. onLoad(opts) {
  78. this.formData = this.$store.state.vuex_tempData
  79. this.state = opts.state
  80. },
  81. methods: {
  82. openCon(){
  83. this.showModal = true
  84. },
  85. delRow() {
  86. checkWarehouseDetailDel({ id: this.formData.id, checkWarehouseSn: this.formData.checkWarehouseSn }).then(res => {
  87. if (res.status == 200) {
  88. uni.$u.toast(res.message)
  89. uni.navigateBack()
  90. }
  91. })
  92. }
  93. }
  94. }
  95. </script>
  96. <style lang="scss">
  97. .p-content{
  98. padding: 0 40rpx;
  99. .p-body{
  100. flex-grow: 1;
  101. height: 50%;
  102. overflow: auto;
  103. .input{
  104. font-size: 30upx;
  105. height: 36px;
  106. line-height: 36px;
  107. }
  108. .uni-forms-item{
  109. margin-bottom: 0;
  110. padding: 25upx 0;
  111. border-bottom: 1px solid #eee;
  112. }
  113. }
  114. /deep/ .uni-forms-item__label{
  115. height: auto;
  116. width: 180rpx;
  117. align-items: flex-start;
  118. }
  119. .p-footer{
  120. padding: 20upx;
  121. text-align: center;
  122. button{
  123. width: 60%;
  124. padding: 10upx 0;
  125. }
  126. }
  127. }
  128. </style>