logistics2.vue 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. <template>
  2. <div>
  3. <el-input style="width: 100%;" :readonly="true" :value="value"></el-input>
  4. </div>
  5. </template>
  6. <script lang="ts">
  7. import { Component, Prop, Vue, Watch, Mixins } from "vue-property-decorator";
  8. @Component
  9. export default class Logistics extends Vue {
  10. @Prop()
  11. propValue : any
  12. value : any = ''
  13. @Watch('propValue')
  14. propValueChange(v : any) {
  15. // 0、创建;5、已分派;10、已派车;15、已提货;20、已发运;30、已送达;35、已回单;-1、已撤回;-2、取消
  16. switch (v) {
  17. case 0:
  18. this.value = '创建'
  19. break;
  20. case 5:
  21. this.value = '已分派'
  22. break;
  23. case 10:
  24. this.value = '已派车'
  25. break;
  26. case 15:
  27. this.value = '已提货'
  28. break;
  29. case 20:
  30. this.value = '已发运'
  31. break;
  32. case 30:
  33. this.value = '已送达'
  34. break;
  35. case 35:
  36. this.value = '已回单'
  37. break;
  38. case -1:
  39. this.value = '已撤回(取消派车)'
  40. break;
  41. case -2:
  42. this.value = '取消'
  43. break;
  44. case 'ONE':
  45. this.value = '逐单发货'
  46. break;
  47. case 'MORE':
  48. this.value = '打包发货'
  49. break;
  50. case 'YKRK':
  51. this.value = '越库入库'
  52. break;
  53. case 'B2BRK':
  54. this.value = 'B2B入库'
  55. break;
  56. case 'B2CRK':
  57. this.value = 'B2C入库'
  58. break;
  59. }
  60. };
  61. created() { }
  62. }
  63. </script>
  64. <style>
  65. </style>