detail.vue 3.6 KB

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