selectCustom.vue 1006 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. <template>
  2. <view>
  3. <customerList @selectCustomer="selectCustomer" @cancelChooseCustomer="cancelSelect"> </customerList>
  4. </view>
  5. </template>
  6. <script>
  7. import customerList from './components/customerList.vue'
  8. export default {
  9. name: "selectCustom",
  10. components: { customerList},
  11. mixins: [],
  12. data() {
  13. return {
  14. customId:0,
  15. }
  16. },
  17. methods: {
  18. selectCustomer(info){
  19. let pages = getCurrentPages();
  20. let prevPage = pages[ pages.length - 2 ];
  21. prevPage.$vm.customerInfo = {hasSelect:1,customId:info.id,customName:info.name}
  22. uni.navigateBack({})
  23. },
  24. cancelSelect(){
  25. let pages = getCurrentPages();
  26. let prevPage = pages[ pages.length - 2 ];
  27. prevPage.$vm.customerInfo = {hasSelect:0}
  28. uni.navigateBack({})
  29. }
  30. }
  31. };
  32. </script>
  33. <style lang="scss" scoped>
  34. .app-casher-area {
  35. display: flex;
  36. height: 100vh;
  37. & .all-item-area {
  38. flex: 76;
  39. }
  40. & .nav-left {
  41. flex: 5;
  42. background-color: rgba(72, 91, 107, 1);
  43. }
  44. & .itemList-box {
  45. flex: 30;
  46. }
  47. & .open-box {
  48. flex: 8;
  49. }
  50. }
  51. </style>