detail.vue 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112
  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="error" mode="price" :text="formData.putCost"></u-text>
  24. </uni-forms-item>
  25. <uni-forms-item label-width="100" label="数量:">
  26. <u-text type="info" :text="formData.putQty"></u-text>
  27. </uni-forms-item>
  28. <uni-forms-item label-width="100" label="成本小计:">
  29. <u-text type="error" mode="price" :text="formData.putCost*formData.putQty"></u-text>
  30. </uni-forms-item>
  31. <uni-forms-item label-width="100" label="仓库仓位:">
  32. <u-text type="info" :text="formData.warehouseName+'>'+formData.warehouseLocationName"></u-text>
  33. </uni-forms-item>
  34. <u-modal
  35. :show="showModal"
  36. title="提示"
  37. showCancelButton
  38. content='删除后不可恢复,确定要进行删除吗?'
  39. @confirm="delRow"
  40. @cancel="showModal=false"
  41. @close="showModal=false"
  42. ></u-modal>
  43. </view>
  44. <view class="p-footer" v-if="state == 'WAIT_SUBMIT'">
  45. <button size="mini" type="warn" @tap="openCon">删除</button>
  46. </view>
  47. </view>
  48. </template>
  49. <script>
  50. import { sparePartsPurDetailDel } from "@/config/api.js"
  51. export default {
  52. data() {
  53. return {
  54. formData: null,
  55. showModal: false,
  56. state: null
  57. };
  58. },
  59. onLoad(opts) {
  60. this.formData = this.$store.state.vuex_tempData
  61. this.state = opts.state
  62. },
  63. methods: {
  64. openCon(){
  65. this.showModal = true
  66. },
  67. delRow() {
  68. sparePartsPurDetailDel({ sn: this.formData.id }).then(res => {
  69. if (res.status == 200) {
  70. uni.$u.toast(res.message)
  71. uni.navigateBack()
  72. }
  73. })
  74. }
  75. }
  76. }
  77. </script>
  78. <style lang="scss">
  79. .p-content{
  80. padding: 0 40rpx;
  81. .p-body{
  82. flex-grow: 1;
  83. height: 50%;
  84. overflow: auto;
  85. .input{
  86. font-size: 30upx;
  87. height: 36px;
  88. line-height: 36px;
  89. }
  90. .uni-forms-item{
  91. margin-bottom: 0;
  92. padding: 25upx 0;
  93. border-bottom: 1px solid #eee;
  94. }
  95. }
  96. /deep/ .uni-forms-item__label{
  97. height: auto;
  98. width: 180rpx;
  99. align-items: flex-start;
  100. }
  101. .p-footer{
  102. padding: 20upx;
  103. text-align: center;
  104. button{
  105. width: 60%;
  106. padding: 10upx 0;
  107. }
  108. }
  109. }
  110. </style>