{"version":3,"sources":["webpack:///./src/views/Goods/Brandfilter.vue?8d8b","webpack:///./src/views/Goods/Brandfilter.vue","webpack:///./src/views/Goods/Brandfilter.vue?612f"],"names":["class","_createElementVNode","_createElementBlock","_hoisted_1","_hoisted_2","_hoisted_3","_ctx","state","pageType","id","query","typeId","onClick","push","_hoisted_4","_hoisted_5","_hoisted_6","_createVNode","_component_q_input","dense","$data","label","append","_component_q_icon","name","_hoisted_7","_hoisted_8","_hoisted_9","_Fragment","item","i","key","$options","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","isgz","_hoisted_15","_hoisted_17","_hoisted_18","_component_router_link","to","path","params","guid","title","_hoisted_19","items","index","_hoisted_20","children","iteml","_hoisted_22","_hoisted_23","length","data","azlist","brandlist","brandData","searchVal","computed","getUrl","_","cloneDeep","store","goodsModule","originalParams","htype","generalattributeid","JSON","stringify","品牌","encodeURI","watch","val","arr","this","forEach","toLowerCase","indexOf","filterBrand","getBrandApi","methods","check","commit","res","currency2","status","get","selectBrand","focusBrand","Brandguid","type","$store","map","Map","temp","o","t","substr","set","obj","mounted","__exports__","render","QInput","QIcon"],"mappings":"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","file":"vueDist/js/chunk-201a052c.1f7960a0.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ref--1-0!../../../node_modules/cache-loader/dist/cjs.js??ref--1-1!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-2!./Brandfilter.vue?vue&type=style&index=0&id=12a12ff2&lang=scss&scoped=true\"","<template>\r\n  <div class=\"pucontainer\">\r\n    <div class=\"navtitle\">\r\n      <h5 class=\"blod\">\r\n        {{\r\n          $store.state.pageType.id == 1\r\n            ? $t('common.men')\r\n            : $store.state.pageType.id == 2\r\n              ? $t('common.women')\r\n              : $route.query.typeId == 227 ? $t('common.home') : $t('common.kids')\r\n        }}&nbsp;{{ $t('header_menu.brand_a_z') }}\r\n      </h5>\r\n      <div>\r\n        <span @click=\"$router.push('/')\">\r\n          {{\r\n          $route.query.typeId == 1\r\n            ? $t('common.men')\r\n            : $route.query.typeId == 2\r\n              ? $t('common.women')\r\n              : $route.query.typeId == 227 ? $t('common.home') : $t('common.kids')\r\n        }}\r\n        </span>\r\n        <span @click=\"$router.push('/goodslist')\">\r\n          &nbsp;/\r\n          {{\r\n          $route.query.typeId == 3\r\n            ? $t('common.boy')\r\n            : $route.query.typeId == 4\r\n              ? $t('common.girl')\r\n              : $t('common.collections')\r\n        }}\r\n        </span>\r\n        <span>&nbsp;/ {{ $t('common.brands') }}</span>\r\n      </div>\r\n    </div>\r\n    <!-- 品牌筛选 -->\r\n    <div class=\"goodsCon\">\r\n      <div class=\"navleft\">\r\n        <div class=\"serachBran\">\r\n          <q-input dense v-model=\"searchVal\" :label=\"$t('brands_az.search_brand')\">\r\n            <template v-slot:append>\r\n              <q-icon name=\"search\" />\r\n            </template>\r\n          </q-input>\r\n        </div>\r\n        <div class=\"azBox\">\r\n          <p class=\"indxbar blod\">A-Z</p>\r\n          <div class=\"zlist\">\r\n            <span v-for=\"(item, i) in brandlist\" :key=\"i\" @click=\"selectBrand(item)\">{{ item.label }}</span>\r\n            <span @click=\"azlist = brandlist\">{{ $t('common.all') }}</span>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"navright\">\r\n        <div class=\"like-brand\">\r\n          <p class=\"like-title\">{{ $t('brands_az.like_brands') }}</p>\r\n          <div class=\"likeBrand-cont\">\r\n            <div class=\"like-item\" v-for=\"(item) in brandData\" :key=\"item.id\">\r\n              <div class=\"p\" v-if=\"item.isgz\">\r\n                <div @click=\"focusBrandHandle(item)\">\r\n                  <span class=\"iconfont\" v-if=\"item.isgz\">&#xe707;</span>\r\n                  <span class=\"iconfont\" v-else>&#xe708;</span>\r\n                </div>\r\n                <router-link :to=\"{ path: '/goodslist', query: { params: getUrl(item.guid) } }\" @click=\"check\">{{\r\n          item.title\r\n        }}</router-link>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"allList\">\r\n          <div class=\"alitem\" v-for=\"(items, index) in azlist\" :key=\"index\">\r\n            <h5 class=\"blod\">{{ items.label }}</h5>\r\n            <div class=\"p\" v-for=\"(iteml) in items.children\" :key=\"iteml.id\">\r\n              <div @click=\"focusBrandHandle(iteml)\">\r\n                <span class=\"iconfont\" v-if=\"iteml.isgz\">&#xe707;</span>\r\n                <span class=\"iconfont\" v-else>&#xe708;</span>\r\n              </div>\r\n              <router-link :to=\"{ path: '/goodslist', query: { params: getUrl(iteml.guid) } }\" @click=\"check\">{{\r\n          iteml.title\r\n        }}</router-link>\r\n            </div>\r\n          </div>\r\n          <div v-if=\"!azlist.length\">{{ $t('brands_az.no_find') }}</div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { focusBrand, currency2 } from '@/api/common'\r\nimport store from '../../store'\r\nimport _ from 'lodash'\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      azlist: [],\r\n      brandlist: [],\r\n      brandData: [],\r\n      searchVal: ''\r\n    }\r\n  },\r\n  computed: {\r\n    getUrl() {\r\n      return function (guid) {\r\n        const params = _.cloneDeep(store.state.goodsModule.originalParams)\r\n        params.htype = store.state.pageType.id\r\n        params.generalattributeid = JSON.stringify([{ 品牌: [guid] }])\r\n        return encodeURI(JSON.stringify(params))\r\n      }\r\n    },\r\n    pageType() {\r\n      return store.state.pageType\r\n    }\r\n  },\r\n  watch: {\r\n    // 搜索品牌\r\n    searchVal(val) {\r\n      const arr = []\r\n      this.brandData.forEach(item => {\r\n        if (item.title.toLowerCase().indexOf(val.toLowerCase()) >= 0) {\r\n          arr.push(item)\r\n        }\r\n      })\r\n      this.azlist = this.filterBrand(arr)\r\n    },\r\n    pageType() {\r\n      this.getBrandApi()\r\n    }\r\n  },\r\n  methods: {\r\n    check() {\r\n      store.commit('setOnlyBrand', true)\r\n    },\r\n    async getBrandApi() {\r\n      const res = await currency2({\r\n        id: store.state.pageType.id\r\n      })\r\n      if (res.status === 1) {\r\n        this.brandData = _.get(res, 'item[0].generalattribute[0].item') || []\r\n        this.azlist = this.filterBrand(this.brandData)\r\n        this.brandlist = this.azlist\r\n      }\r\n    },\r\n    selectBrand(item) {\r\n      this.azlist = [item]\r\n    },\r\n    async focusBrandHandle(item) {\r\n      const res = await focusBrand({\r\n        Brandguid: item.guid,\r\n        type: this.$store.state.pageType.id\r\n      })\r\n      if (res.status === 1) {\r\n        item.isgz = true\r\n      } else {\r\n        item.isgz = false\r\n      }\r\n    },\r\n    filterBrand(val) {\r\n      const map = new Map()\r\n      let temp = []\r\n      val.forEach(o => {\r\n        const t = o.title.substr(0, 1)\r\n        if (!map.get(t)) {\r\n          temp = []\r\n          map.set(t, temp)\r\n        }\r\n        temp.push(o)\r\n      })\r\n      const arr = []\r\n      map.forEach((o, i) => {\r\n        const obj = {\r\n          label: i,\r\n          children: o\r\n        }\r\n        arr.push(obj)\r\n      })\r\n      return arr\r\n    }\r\n  },\r\n  mounted() {\r\n    this.getBrandApi()\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.navtitle {\r\n  text-align: center;\r\n  margin-bottom: 0px;\r\n\r\n  h5 {\r\n    font-size: 20px;\r\n    margin-bottom: 5px;\r\n    font-weight: bold;\r\n  }\r\n\r\n  span {\r\n    cursor: pointer;\r\n  }\r\n}\r\n\r\n.goodsCon {\r\n  padding: 10px;\r\n  display: flex;\r\n  font-family: Arial, sans-serif;\r\n\r\n  .navleft {\r\n    width: 250px;\r\n    flex-shrink: 0;\r\n    cursor: pointer;\r\n    margin-top: 30px;\r\n\r\n    .serachBran {\r\n      width: 80%;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .azBox {\r\n      margin-top: 20px;\r\n      margin-bottom: 56px;\r\n\r\n      .indxbar {\r\n        margin-left: 10%;\r\n        margin-bottom: 10px;\r\n      }\r\n\r\n      .zlist {\r\n        span {\r\n          display: inline-block;\r\n          width: 25%;\r\n          font-size: 12px;\r\n          padding: 10px 0;\r\n          text-align: center;\r\n          color: #888;\r\n\r\n          &:hover {\r\n            background-color: #f4f4f4;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .navright {\r\n    flex: 1;\r\n    margin-left: 50px;\r\n\r\n    .like-brand {\r\n      margin-top: 30px;\r\n\r\n      .like-title {\r\n        margin-bottom: 15px;\r\n        font-weight: bold;\r\n        font-family: Microsoft YaHei;\r\n      }\r\n\r\n      .likeBrand-cont {\r\n        column-count: 3;\r\n\r\n        .like-item {\r\n          break-inside: avoid-column;\r\n\r\n          .p {\r\n            line-height: 20px;\r\n            cursor: pointer;\r\n            color: #000;\r\n            width: fit-content;\r\n            display: flex;\r\n            align-items: center;\r\n\r\n            a {\r\n              padding-left: 5px;\r\n            }\r\n\r\n            .iconfont {\r\n              font-size: 18px;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .allList {\r\n      width: 100%;\r\n      column-count: 3;\r\n      margin-top: 50px;\r\n\r\n      .alitem {\r\n        break-inside: avoid-column;\r\n        margin-bottom: 30px;\r\n\r\n        h5 {\r\n          font-size: 18px;\r\n          margin: 0;\r\n          color: #313131;\r\n        }\r\n\r\n        .p {\r\n          line-height: 16px;\r\n          cursor: pointer;\r\n          color: #000;\r\n          margin-bottom: 0px;\r\n          width: fit-content;\r\n          display: flex;\r\n          font-size: 12px;\r\n\r\n          a {\r\n            padding-left: 5px;\r\n            color: #666666;\r\n          }\r\n\r\n          .iconfont {\r\n            font-size: 16px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import { render } from \"./Brandfilter.vue?vue&type=template&id=12a12ff2&scoped=true\"\nimport script from \"./Brandfilter.vue?vue&type=script&lang=js\"\nexport * from \"./Brandfilter.vue?vue&type=script&lang=js\"\n\nimport \"./Brandfilter.vue?vue&type=style&index=0&id=12a12ff2&lang=scss&scoped=true\"\n\nimport exportComponent from \"/Users/lwd/Documents/缤果/电商/code/annilux-pc/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-12a12ff2\"]])\n\nexport default __exports__\nimport QInput from 'quasar/src/components/input/QInput.js';\nimport QIcon from 'quasar/src/components/icon/QIcon.js';\nimport qInstall from \"../../../node_modules/vue-cli-plugin-quasar/lib/runtime.auto-import.js\";\nqInstall(script, 'components', {QInput,QIcon});\n"],"sourceRoot":""}