{"version":3,"sources":["webpack:///./src/views/Category/AllCategories.vue?b99d","webpack:///src/views/Category/AllCategories.vue","webpack:///./src/views/Category/AllCategories.vue?263c","webpack:///./src/views/Category/AllCategories.vue","webpack:///./src/views/Category/AllCategories.vue?61df"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","_v","_l","list","directives","name","rawName","value","meta","expression","key","redirect","_s","on","$event","$router","push","item","index","goCategory","url","categoryName","menu","title","preventDefault","onNav","onTitle","subShow","idx","clickSub","subItemList","a","i","staticRenderFns","data","onNavNum","CategoricalData","Class","subIndex","computed","breadList","console","log","created","getAllClass","methods","params","onChild","breadcrumb","undefined","query","JSON","stringify","component"],"mappings":"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","file":"js/AllCategories.97a6fc7d.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"all-ctegories\"}},[_c('div',{staticClass:\"breadcrumb-con\"},[_c('p',[_vm._v(\"您的位置：\")]),_c('el-breadcrumb',{attrs:{\"separator-class\":\"el-icon-arrow-right\"}},_vm._l((_vm.breadList),function(list){return _c('el-breadcrumb-item',{directives:[{name:\"show\",rawName:\"v-show\",value:(list.meta.name),expression:\"list.meta.name\"}],key:list.redirect,attrs:{\"to\":list.redirect}},[_vm._v(_vm._s(list.meta.name))])}),1),_c('svg-icon',{attrs:{\"icon-class\":\"ic-close\"},on:{\"click\":function($event){return _vm.$router.push('/Home')}}})],1),_c('div',{staticClass:\"all-ctegories-nav\"},[_c('ul',_vm._l((_vm.Class),function(item,index){return _c('li',{key:index,on:{\"click\":function($event){return _vm.goCategory(index)}}},[_c('img',{directives:[{name:\"lazy\",rawName:\"v-lazy\",value:(item.categoryImage),expression:\"item.categoryImage\"}],key:item.url,attrs:{\"alt\":\"\"}}),_c('a',[_vm._v(_vm._s(item.categoryName))])])}),0)]),_c('div',{staticClass:\"all-ctegories\"},_vm._l((_vm.CategoricalData),function(menu,index){return _c('div',{key:index,staticClass:\"menu\"},[_c('div',{staticClass:\"title\"},[_c('p',{staticClass:\"nav-title\"},[_vm._v(_vm._s(menu.title))]),_c('span',{staticClass:\"sub-title\",on:{\"click\":function($event){$event.preventDefault();return _vm.onNav(index)}}},[_vm._v(\" ( \"+_vm._s(menu.onTitle)),_c('svg-icon',{attrs:{\"icon-class\":\"ic-arrow-a\"}}),_vm._v(\") \"),_c('ul',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.subShow === index),expression:\"subShow === index\"}]},_vm._l((menu.child),function(list,idx){return _c('li',{key:idx,staticClass:\"sub\",attrs:{\"title\":list.categoryName},on:{\"click\":function($event){return _vm.clickSub(list.subItemList, list.categoryName, idx)}}},[_vm._v(\" \"+_vm._s(list.categoryName)+\" \")])}),0)],1)]),_c('div',{staticClass:\"content\"},_vm._l((menu.onChild),function(a,i){return _c('p',{key:i},[_c('a',{on:{\"click\":function($event){return _vm.goCategory(index, i)}}},[_vm._v(_vm._s(a.categoryName))])])}),0)])}),0)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div id=\"all-ctegories\">\r\n    <div class=\"breadcrumb-con\">\r\n      <p>您的位置：</p>\r\n      <el-breadcrumb separator-class=\"el-icon-arrow-right\">\r\n        <el-breadcrumb-item\r\n          :to=\"list.redirect\"\r\n          v-for=\"list in breadList\"\r\n          :key=\"list.redirect\"\r\n          v-show=\"list.meta.name\"\r\n          >{{ list.meta.name }}</el-breadcrumb-item\r\n        >\r\n      </el-breadcrumb>\r\n      <svg-icon icon-class=\"ic-close\" @click=\"$router.push('/Home')\" />\r\n    </div>\r\n    <div class=\"all-ctegories-nav\">\r\n      <ul>\r\n        <li\r\n          v-for=\"(item, index) in Class\"\r\n          :key=\"index\"\r\n          @click=\"goCategory(index)\"\r\n        >\r\n          <img v-lazy=\"item.categoryImage\" alt=\"\" :key=\"item.url\" />\r\n          <a>{{ item.categoryName }}</a>\r\n        </li>\r\n      </ul>\r\n    </div>\r\n    <div class=\"all-ctegories\">\r\n      <div class=\"menu\" v-for=\"(menu, index) in CategoricalData\" :key=\"index\">\r\n        <div class=\"title\">\r\n          <p class=\"nav-title\">{{ menu.title }}</p>\r\n          <span class=\"sub-title\" @click.prevent=\"onNav(index)\">\r\n            (&nbsp;{{ menu.onTitle }}<svg-icon icon-class=\"ic-arrow-a\" />)\r\n            <ul v-show=\"subShow === index\">\r\n              <li\r\n                class=\"sub\"\r\n                v-for=\"(list, idx) in menu.child\"\r\n                :key=\"idx\"\r\n                :title=\"list.categoryName\"\r\n                @click=\"clickSub(list.subItemList, list.categoryName, idx)\"\r\n              >\r\n                {{ list.categoryName }}\r\n              </li>\r\n            </ul>\r\n          </span>\r\n        </div>\r\n        <div class=\"content\">\r\n          <p v-for=\"(a, i) in menu.onChild\" :key=\"i\">\r\n            <a @click=\"goCategory(index, i)\">{{ a.categoryName }}</a>\r\n          </p>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: \"all-ctegories\",\r\n  data() {\r\n    return {\r\n      onNavNum: null,\r\n      //二级菜单显示\r\n      subShow: -1,\r\n      //分类数据\r\n      CategoricalData: [],\r\n      Class: \"\",\r\n      subIndex: 0,\r\n    };\r\n  },\r\n  computed: {\r\n    breadList() {\r\n      let breadList = this.$route.matched;\r\n      console.log(breadList);\r\n      return breadList;\r\n    },\r\n  },\r\n  created() {\r\n    // 获取分类数据遍历\r\n    this.getAllClass();\r\n  },\r\n  methods: {\r\n    push(content) {\r\n      this.$router.push({\r\n        name: \"category-list\",\r\n        params: { content: content },\r\n      });\r\n    },\r\n    // 点击二级菜单改变菜单名和内容\r\n    clickSub(list, title, index) {\r\n      this.CategoricalData[this.onNavNum].onTitle = title;\r\n      this.CategoricalData[this.onNavNum].onChild = list;\r\n      this.subIndex = index;\r\n    },\r\n    //二级菜单显示隐藏\r\n    onNav(index) {\r\n      this.onNavNum = index;\r\n      if (this.subShow >= 0) {\r\n        this.subShow = index;\r\n        this.subShow = -1;\r\n      } else {\r\n        this.subShow = index;\r\n      }\r\n    },\r\n    async getAllClass() {\r\n      const data = await this.$API.homePage.getAllClass({\r\n        object: {\r\n          enterpriseId: \"\",\r\n        },\r\n      });\r\n      this.Class = data.data.data.categoriesCatalog;\r\n      localStorage.setItem(\"category\", JSON.stringify(this.Class));\r\n      this.CategoricalData = this.Class.map((item) => {\r\n        return {\r\n          title: item.categoryName,\r\n          // eTitle: item.eTitle,\r\n          onTitle:\r\n            item.subItemList == null ? \"\" : item.subItemList[0].categoryName, //默认第0个\r\n          onChild:\r\n            item.subItemList == null ? \"\" : item.subItemList[0].subItemList,\r\n\r\n          // onTitle:item.subItemList[0].categoryName, //默认第0个\r\n          // onChild: item.subItemList[0].subItemList,\r\n          child: item.subItemList,\r\n        };\r\n      });\r\n    },\r\n    //跳转分类\r\n    goCategory(index, i) {\r\n      let breadcrumb = [];\r\n      let idx = this.subIndex;\r\n      breadcrumb.push(index);\r\n      if (i != undefined) {\r\n        breadcrumb.push(idx)\r\n        breadcrumb.push(i);\r\n      }\r\n      this.$router.push({\r\n        name: \"category-list\",\r\n        query: {\r\n          breadcrumb: JSON.stringify(breadcrumb),\r\n        },\r\n      });\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n\r\n<style lang=\"scss\" scoped>\r\n#all-ctegories {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  border-top: var(--subjectColor) 1px solid;\r\n}\r\n.breadcrumb-con {\r\n  width: 1200px;\r\n  height: 55px;\r\n  display: flex;\r\n  align-items: center;\r\n  p {\r\n    font-size: 14px;\r\n    color: #999;\r\n  }\r\n  ::v-deep.el-breadcrumb {\r\n    span {\r\n      color: #999;\r\n    }\r\n    .el-breadcrumb__inner {\r\n      font-weight: normal;\r\n    }\r\n    .el-breadcrumb__inner:hover {\r\n      color: var(--subjectColor);\r\n    }\r\n  }\r\n  ::v-deep.el-breadcrumb .el-breadcrumb__item:last-child span {\r\n    color: #333;\r\n  }\r\n  .svg-icon {\r\n    margin-left: 4px;\r\n    font-size: 12px;\r\n    color: #333;\r\n    cursor: pointer;\r\n  }\r\n  .svg-icon:hover {\r\n    color: #000;\r\n  }\r\n}\r\n.all-ctegories-nav {\r\n  width: 1200px;\r\n  margin-bottom: 20px;\r\n  background: #fff;\r\n\r\n  ul {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    li {\r\n      width: 120px;\r\n      height: 122px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      padding-top: 16px;\r\n      border-right: 1px solid #f5f5f5;\r\n      border-bottom: 1px solid #f5f5f5;\r\n      cursor: pointer;\r\n      img {\r\n        width: 60px;\r\n        height: 60px;\r\n      }\r\n      a {\r\n        font-size: 14px;\r\n        line-height: 20px;\r\n        color: #333333;\r\n        margin-top: 10px;\r\n      }\r\n    }\r\n    li:nth-child(10n) {\r\n      border-right: none;\r\n    }\r\n    li:hover {\r\n      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);\r\n    }\r\n  }\r\n}\r\n.all-ctegories {\r\n  background: #fff;\r\n  width: 1200px;\r\n  padding: 8px 20px;\r\n  margin-bottom: 20px;\r\n  .menu {\r\n    margin-bottom: 10px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    .title {\r\n      display: flex;\r\n      align-items: center;\r\n      border-bottom: 1px solid var(--subjectColor);\r\n      margin-bottom: 16px;\r\n      .nav-title {\r\n        // height: 18px;\r\n        margin: 8px 0;\r\n        border-left: 5px solid var(--subjectColor);\r\n        color: var(--subjectColor);\r\n        font-size: 18px;\r\n        text-indent: 12px;\r\n        font-weight: 600;\r\n      }\r\n      .sub-title {\r\n        margin-left: 10px;\r\n        font-size: 14px;\r\n        color: var(--subjectColor);\r\n        cursor: pointer;\r\n        position: relative;\r\n        user-select: none;\r\n        -webkit-user-select: none;\r\n        -moz-user-select: none;\r\n        -ms-user-select: none;\r\n        .svg-icon {\r\n          width: 10px;\r\n          margin: 0 4px;\r\n        }\r\n        ul {\r\n          position: absolute;\r\n          top: 20px;\r\n          left: -2px;\r\n          width: 100px;\r\n          background: #ffffff;\r\n          border: 1px solid #dddddd;\r\n          box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12);\r\n          opacity: 1;\r\n          z-index: 10;\r\n          color: #666;\r\n          li {\r\n            width: 98px;\r\n            height: 28px;\r\n            line-height: 28px;\r\n            text-indent: 8px;\r\n            padding-right: 8px;\r\n            overflow: hidden;\r\n            text-overflow: ellipsis;\r\n            white-space: nowrap;\r\n          }\r\n          li:hover {\r\n            color: var(--subjectColor);\r\n            background: #f5f5f5;\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .content {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      width: 1160px;\r\n      p {\r\n        width: 193px;\r\n        margin-bottom: 10px;\r\n\r\n        a {\r\n          font-size: 12px;\r\n          color: #888888;\r\n          cursor: pointer;\r\n        }\r\n        a:hover {\r\n          color: var(--subjectColor);\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AllCategories.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AllCategories.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AllCategories.vue?vue&type=template&id=5e2fa03f&scoped=true&\"\nimport script from \"./AllCategories.vue?vue&type=script&lang=js&\"\nexport * from \"./AllCategories.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AllCategories.vue?vue&type=style&index=0&id=5e2fa03f&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"5e2fa03f\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AllCategories.vue?vue&type=style&index=0&id=5e2fa03f&lang=scss&scoped=true&\""],"sourceRoot":""}