freight_setting_approval.vue 2.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. <template>
  2. <view class="warp">
  3. <view class="transaction">
  4. <u-form :model="list" ref="uForm" class="uForm">
  5. <u-form-item label="合同编号" prop="contractNo" label-width="140">
  6. <u-input v-model="list.contractNo" input-align="right" placeholder="" disabled />
  7. </u-form-item>
  8. <u-form-item label="任务编号" prop="processNo" label-width="140">
  9. <u-input v-model="list.processNo" input-align="right" placeholder="" disabled />
  10. </u-form-item>
  11. <u-form-item label="货名" prop="goodsName" label-width="140">
  12. <u-input v-model="list.goodsName" input-align="right" placeholder="" disabled />
  13. </u-form-item>
  14. <u-form-item label="发货地址" prop="sendDetailedAddress" label-width="140">
  15. <u-input v-model="list.sendDetailedAddress" input-align="right" placeholder="发货地址" disabled />
  16. </u-form-item>
  17. <u-form-item label="收货地址" prop="receiveDetailedAddress" label-width="140">
  18. <u-input v-model="list.receiveDetailedAddress" input-align="right" placeholder="收货地址" disabled />
  19. </u-form-item>
  20. <u-form-item label="运费(元/吨)" prop="tranPrice" label-width="250">
  21. <u-input v-model="list.tranPriceIng" input-align="right" placeholder="请输入运费单价" />
  22. </u-form-item>
  23. </u-form>
  24. </view>
  25. <u-button type="primary" class="submit" @click="passSubmit()">通过</u-button>
  26. </view>
  27. </template>
  28. <script>
  29. export default {
  30. data() {
  31. return {
  32. list: {},
  33. id: "",
  34. }
  35. },
  36. onLoad(options) {
  37. this.id = options.id
  38. this.getList()
  39. },
  40. methods: {
  41. getList() {
  42. this.$api.doRequest('get', '/tranProcessInfo/getTranProcess', {
  43. id: this.id
  44. }).then(res => {
  45. this.list = res.data.data
  46. })
  47. },
  48. passSubmit() {
  49. var tranProcessInfo = {}
  50. tranProcessInfo.id = this.list.id
  51. tranProcessInfo.flag = "1"
  52. tranProcessInfo.tranPriceIng = this.list.tranPriceIng
  53. this.$api.doRequest('post', '/tranProcessInfo/api/setUpTranPrice', tranProcessInfo).then(res => {
  54. that.$api.msg('审核通过成功')
  55. })
  56. }
  57. }
  58. }
  59. </script>
  60. <style scoped lang="scss">
  61. .transaction {
  62. background-color: #FFFFFF;
  63. margin: 10rpx;
  64. padding-bottom: 10rpx;
  65. border-radius: 20rpx;
  66. }
  67. .uForm {
  68. padding: 0 40rpx;
  69. }
  70. .u-form-item {
  71. padding: 0;
  72. }
  73. .bottom-btn {
  74. width: 100%;
  75. position: fixed;
  76. bottom: 40rpx;
  77. display: flex;
  78. z-index: 2;
  79. }
  80. .submit {
  81. width: 98%;
  82. background: #22C572;
  83. border-radius: 40rpx;
  84. margin-top: 40rpx;
  85. }
  86. </style>