card-4.vue 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. <template>
  2. <div id="card-1">
  3. <el-row>
  4. <!-- 团购订单待发货 -->
  5. <el-col :span="24" class="main">
  6. <detail-1 v-if="num == '1'" @toDeliver="toDeliver" :statusList="statusList" @toDetails="toDetails" @toSaless="toSaless"></detail-1>
  7. <detail-2 v-else-if="num == '2'" :deliverList="list" @toBack="toBack"></detail-2>
  8. </el-col>
  9. </el-row>
  10. </div>
  11. </template>
  12. <script>
  13. const _ = require('lodash');
  14. import { mapState, createNamespacedHelpers } from 'vuex';
  15. export default {
  16. name: 'card-1',
  17. props: { statusList: { type: Array } },
  18. components: {
  19. detail1: () => import('./parts/detail-3.vue'),
  20. detail2: () => import('./parts/detail-4.vue'),
  21. },
  22. data: function () {
  23. return {
  24. num: '1',
  25. list: [],
  26. };
  27. },
  28. async created() {},
  29. methods: {
  30. // 生成发货清单
  31. toDeliver({ data }) {
  32. if (data.length == '0') this.$message('请选择订单');
  33. else {
  34. this.$set(this, 'list', data);
  35. this.$set(this, 'num', '2');
  36. }
  37. },
  38. toBack() {
  39. this.$set(this, 'num', '1');
  40. },
  41. toDetails(val) {
  42. this.$emit('toDetails', val);
  43. },
  44. toSaless(val) {
  45. this.$emit('toSaless', val);
  46. },
  47. },
  48. computed: {
  49. ...mapState(['user']),
  50. },
  51. metaInfo() {
  52. return { title: this.$route.meta.title };
  53. },
  54. watch: {
  55. test: {
  56. deep: true,
  57. immediate: true,
  58. handler(val) {},
  59. },
  60. },
  61. };
  62. </script>
  63. <style lang="less" scoped>
  64. .one {
  65. margin: 0 0 10px 0;
  66. }
  67. </style>