detail.vue 4.0 KB

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