brandTool.vue 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  1. <!--
  2. * @Author: zhangyu
  3. * @Date: 2020-05-08 18:37:31
  4. * @Info:
  5. * @LastEditTime: 2020-05-13 09:56:16
  6. -->
  7. <template>
  8. <div class="saga-toolbar-box">
  9. <div class="saga-toolbar-main">
  10. <div class="box-name">
  11. 品牌总数
  12. <span>100</span>个
  13. </div>
  14. <div class="box-name">
  15. 可能重复的品牌
  16. <span>3</span>个
  17. </div>
  18. <div class="box-name">
  19. 信息不完整品牌
  20. <span>7</span>个
  21. </div>
  22. <span style="float: right;">
  23. <remoteSearch/>
  24. <el-button type="primary" @click="handBrand">添加品牌</el-button>
  25. </span>
  26. </div>
  27. </div>
  28. </template>
  29. <script>
  30. import remoteSearch from "../public/remoteSearch";
  31. export default {
  32. created() {
  33. },
  34. mounted() {
  35. },
  36. components: {remoteSearch},
  37. data() {
  38. return {
  39. value:''
  40. }
  41. },
  42. methods: {
  43. handBrand() {
  44. this.$emit("addbrand")
  45. },
  46. }
  47. }
  48. </script>
  49. <style lang="scss" scoped>
  50. .saga-toolbar-box {
  51. position: absolute;
  52. top: 48px;
  53. left: 0;
  54. width: 100%;
  55. height: 70px;
  56. background: #fff;
  57. box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5);
  58. z-index: 11;
  59. .saga-toolbar-main {
  60. width: 1200px;
  61. height: 100%;
  62. margin: auto;
  63. line-height: 70px;
  64. }
  65. .box-name {
  66. color: #646C73;
  67. display: inline-block;
  68. margin-right: 68px;
  69. span {
  70. color: #3A8DDE;
  71. font-size: 20px;
  72. }
  73. }
  74. .reset-input {
  75. /deep/ .el-input__inner {
  76. background: #F6F6F6;
  77. }
  78. }
  79. }
  80. </style>