index.vue 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. <template>
  2. <div class="brand-detail">
  3. <div class="saga-toolbar-box">
  4. <div class="saga-toolbar-main">
  5. <span style="float: right;">
  6. <el-button type="primary" @click="handProduct">添加产品</el-button>
  7. </span>
  8. </div>
  9. </div>
  10. <sagaBrandDetail @systemCode="systemCode"/>
  11. </div>
  12. </template>
  13. <script>
  14. import sagaBrandDetail from "@/components/brand/detail/sagaBrandDetail";
  15. export default {
  16. name: "index",
  17. components: {sagaBrandDetail},
  18. data() {
  19. return {
  20. ProdCode: ''
  21. }
  22. },
  23. created() {
  24. },
  25. methods: {
  26. systemCode(ProdCode) {
  27. this.ProdCode = ProdCode
  28. },
  29. handProduct() {
  30. //跳转添加产品的路由
  31. let param = {}
  32. //设备 require 编码code 品牌 require brandID
  33. param.ProdCode = this.ProdCode
  34. param.BrandID = this.$route.query.BrandID
  35. param.Brand = this.$route.query
  36. this.$router.push({name: 'supplement', params: param})
  37. },
  38. }
  39. }
  40. </script>
  41. <style scoped lang="less">
  42. .saga-toolbar-box {
  43. position: absolute;
  44. top: 48px;
  45. left: 0;
  46. width: 100%;
  47. height: 70px;
  48. background: #fff;
  49. box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5);
  50. z-index: 11;
  51. .saga-toolbar-main {
  52. width: 1200px;
  53. height: 100%;
  54. margin: auto;
  55. padding-top: 20px;
  56. }
  57. }
  58. </style>