index.vue 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. <!--
  2. * @Author: zhangyu
  3. * @Date: 2020-05-08 15:55:30
  4. * @Info:
  5. * @LastEditTime: 2020-05-18 11:25:20
  6. -->
  7. <template>
  8. <div>
  9. <saga-toolbar ref="toolBar" @addbrand="handleAddBrand"></saga-toolbar>
  10. <div style="margin-top: 90px;">
  11. <saga-brand ref="sagaBrand" pageType="brand" @updatebrand="handleAddBrand"></saga-brand>
  12. </div>
  13. <addBrand ref="addBrand" :brand="brand" @refresh="brandListRefresh"></addBrand>
  14. </div>
  15. </template>
  16. <script>
  17. import sagaBrand from "@/components/brand/sagaBrand"
  18. import sagaToolbar from "@/components/brand/brandTool"
  19. import addBrand from "@/components/business/addBrand";
  20. export default {
  21. name: "brand",
  22. components: {
  23. sagaBrand,
  24. sagaToolbar,
  25. addBrand
  26. },
  27. created() {},
  28. mounted() {},
  29. data() {
  30. return {
  31. brand: {}, //选择的品牌对象
  32. }
  33. },
  34. methods: {
  35. handleAddBrand(brand) { //(添加/修改/删除品牌弹窗)
  36. if (brand && brand.BrandID) {
  37. this.brand = brand
  38. } else {
  39. this.brand = {}
  40. }
  41. this.$refs.addBrand.outerVisible = true
  42. },
  43. brandListRefresh() { //刷新品牌列表
  44. //清空搜索关键字
  45. this.$refs.sagaBrand.keyWord = ""
  46. this.$refs.toolBar.getBrandCount()
  47. this.$refs.sagaBrand.getBrandData()
  48. },
  49. }
  50. }
  51. </script>
  52. <style lang="scss" scoped>
  53. </style>