{"version":3,"sources":["webpack:///./src/views/shop/translation.vue?7092","webpack:///./src/views/shop/translation.vue?af78","webpack:///src/views/shop/translation.vue","webpack:///./src/views/shop/translation.vue?cf7e","webpack:///./src/views/shop/translation.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","on","Search","model","value","callback","$$v","expression","staticStyle","style","height","categoryList","active","$event","clickNav","scopedSlots","_u","key","fn","staticClass","_l","item","index","id","_v","_s","text","twoarr","i","li_attr","ImageUrl","proxy","staticRenderFns","data","items","cur","isCur","navItem","curCategory","user","created","Id","$route","query","UserId","getQueryUserInfo","mounted","postQeryShopGoodsCategoryList","methods","selcet","console","log","$router","push","path","children","component"],"mappings":"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","file":"static/js/chunk-ff66d4ca.e45f9530.js","sourcesContent":["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!./translation.vue?vue&type=style&index=0&id=6ca61be4&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{attrs:{\"id\":\"top\"}},[_c('van-search',{attrs:{\"shape\":\"round\",\"background\":\"#fff\",\"placeholder\":\"搜索\"},on:{\"search\":_vm.Search},model:{value:(_vm.value),callback:function ($$v) {_vm.value=$$v},expression:\"value\"}})],1),_c('van-tree-select',{staticStyle:{\"margintop\":\"10px\"},style:({ height: _vm.height + 'px' }),attrs:{\"id\":\"sel\",\"items\":_vm.categoryList,\"main-active-index\":_vm.active},on:{\"update:mainActiveIndex\":function($event){_vm.active=$event},\"update:main-active-index\":function($event){_vm.active=$event},\"click-nav\":_vm.clickNav},scopedSlots:_vm._u([{key:\"content\",fn:function(){return [_c('div',{staticClass:\"outside\"},_vm._l((_vm.twoarr),function(item,index){return _c('div',{key:index,staticClass:\"outside-item\"},[_c('div',{staticClass:\"title\"},[_c('router-link',{attrs:{\"to\":'/shop/goods/list?categoryId=' + item.id}},[_vm._v(\" \"+_vm._s(item.text)+\" \")])],1),_c('div',{staticClass:\"all\"},_vm._l((_vm.twoarr[index].children),function(item,i){return _c('router-link',{key:i,staticClass:\"content\",attrs:{\"to\":'/shop/goods/list?categoryId=' + item.id}},[_c('div',{staticClass:\"all-img\"},[_c('img',{attrs:{\"src\":item.li_attr.ImageUrl,\"alt\":\"\"}})]),_c('div',[_vm._v(_vm._s(item.text))])])}),1)])}),0)]},proxy:true}])})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div id=\"top\">\r\n      <!-- <div style=\"height: 25px; background: #fff\"></div> -->\r\n      <van-search\r\n        v-model=\"value\"\r\n        shape=\"round\"\r\n        background=\"#fff\"\r\n        placeholder=\"搜索\"\r\n        @search=\"Search\"\r\n      />\r\n    </div>\r\n    <van-tree-select\r\n      id=\"sel\"\r\n      style=\"margintop: 10px\"\r\n      :style=\"{ height: height + 'px' }\"\r\n      :items=\"categoryList\"\r\n      :main-active-index.sync=\"active\"\r\n      @click-nav=\"clickNav\"\r\n    >\r\n      <template #content>\r\n        <div class=\"outside\">\r\n          <!-- <div class=\"icon_div\">\r\n            <span\r\n              @click=\"selcet(i,item)\"\r\n              v-for=\"(item, i) in navItem.children\"\r\n              :class=\"(i === cur || (isCur && i == 0))? 'icon_span_act' : 'icon_span'\"\r\n              :key=\"i\"\r\n              >{{item.text}}</span\r\n            >\r\n          </div> -->\r\n          <div\r\n            class=\"outside-item\"\r\n            v-for=\"(item, index) in twoarr\"\r\n            :key=\"index\"\r\n          >\r\n            <div class=\"title\">\r\n              <router-link :to=\"'/shop/goods/list?categoryId=' + item.id\">\r\n                {{ item.text }}\r\n              </router-link>\r\n            </div>\r\n            <div class=\"all\">\r\n              <router-link\r\n                class=\"content\"\r\n                v-for=\"(item, i) in twoarr[index].children\"\r\n                :key=\"i\"\r\n                :to=\"'/shop/goods/list?categoryId=' + item.id\"\r\n              >\r\n                <div class=\"all-img\">\r\n                  <img :src=\"item.li_attr.ImageUrl\" alt=\"\" />\r\n                </div>\r\n                <div>{{ item.text }}</div>\r\n              </router-link>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </template>\r\n    </van-tree-select>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { queryGoodsCategoryTree } from \"@/api/shop\";\r\nimport { queryStudentInfoById } from \"@/api/bbs\";\r\nexport default {\r\n  data() {\r\n    return {\r\n      active: 0,\r\n      value: \"\",\r\n      items: [\r\n        { text: \"艺术功能\" },\r\n        { text: \"艺术风格\" },\r\n        { text: \"艺术种类\" },\r\n        { text: \"文创艺品\" },\r\n        { text: \"画具画材\" },\r\n      ],\r\n      height: \"\",\r\n      cur: \"\",\r\n      isCur: true,\r\n      categoryList: [],\r\n      twoarr: [], //二级\r\n      navItem: {},\r\n      curCategory: [],\r\n      user: {},\r\n    };\r\n  },\r\n  created() {\r\n    if (\r\n      this.$route.query.UserId != undefined &&\r\n      this.$route.query.UserId != \"\"\r\n    ) {\r\n      this.user.Id = this.$route.query.UserId;\r\n      this.getQueryUserInfo();\r\n    }\r\n  },\r\n  mounted() {\r\n    //  整个屏幕高度\r\n    let AllHeight = document.documentElement.clientHeight;\r\n    //  屏幕剩余高度\r\n    this.height =\r\n      AllHeight - document.getElementById(\"top\").offsetHeight - 10 - 50;\r\n    this.postQeryShopGoodsCategoryList();\r\n  },\r\n  methods: {\r\n    selcet(i, item) {\r\n      this.isCur = false;\r\n      this.cur = i;\r\n      this.curCategory = item;\r\n      console.log(item);\r\n    },\r\n    // 列表数据\r\n    async postQeryShopGoodsCategoryList() {\r\n      let parm = {};\r\n      const res = await queryGoodsCategoryTree(parm);\r\n      this.categoryList = res.response;\r\n      this.navItem = this.categoryList;\r\n      // this.curCategory =this.navItem.children != null? this.navItem.children[0]:{};\r\n      // this.curCategory =this.navItem.children != null? this.navItem.children[0]:{};\r\n      this.twoarr = this.navItem[0].children;\r\n      this.therr = this.navItem[0].children[0].children;\r\n      console.log(this.navItem, 789798);\r\n    },\r\n    // 列表数据\r\n    Search() {\r\n      console.log(this.value);\r\n      this.$router.push({\r\n        path: \"/shop/goods/list\",\r\n        query: {\r\n          key: this.value,\r\n        },\r\n      });\r\n    },\r\n    clickNav(index) {\r\n      console.log(index, 88);\r\n      this.isCur = true;\r\n      // this.navItem = this.categoryList[index];\r\n      this.twoarr = this.navItem[index].children;\r\n      this.curCategory =\r\n        this.navItem.children != null ? this.navItem.children[0] : {};\r\n    },\r\n    // 用户详情\r\n    async getQueryUserInfo() {\r\n      const res = await queryStudentInfoById(this.user.Id);\r\n      this.user = res.response;\r\n      console.log(this.user);\r\n      localStorage.setItem(\"userInfo\", JSON.stringify(this.user));\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.van-sidebar-item--select::before {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 0;\r\n  width: 4px;\r\n  height: 25px;\r\n  background-color: #040404;\r\n  -webkit-transform: translateY(-50%);\r\n  transform: translateY(-50%);\r\n  border-radius: 0px 100px 100px 0px;\r\n  content: \"\";\r\n}\r\n.van-sidebar-item {\r\n  text-align: center;\r\n  font-size: 14px;\r\n  font-weight: 400;\r\n}\r\n.van-sidebar-item--select {\r\n  font-weight: 700;\r\n}\r\n.van-sidebar {\r\n  width: 100px;\r\n}\r\n.van-tree-select__nav {\r\n  flex: none;\r\n}\r\n.outside {\r\n  width: 92%;\r\n  margin: 0 auto;\r\n  .icon_div {\r\n    margin-top: 18px;\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    .icon_span_act {\r\n      font-size: 12px;\r\n      color: #ff4511;\r\n      padding: 4px 13px;\r\n      border: 1px solid #ff4511;\r\n      border-radius: 20px;\r\n      background: #feece7;\r\n      margin-right: 5px;\r\n      margin-top: 10px;\r\n    }\r\n    .icon_span {\r\n      font-size: 12px;\r\n      color: #333333;\r\n      padding: 4px 13px;\r\n      border: 1px solid #f6f6f6;\r\n      border-radius: 20px;\r\n      background: #f6f6f6;\r\n      margin-right: 5px;\r\n      margin-top: 10px;\r\n    }\r\n  }\r\n}\r\n\r\n.title {\r\n  a {\r\n    font-size: 16px;\r\n    color: #323232;\r\n    height: 50px;\r\n    line-height: 50px;\r\n    font-weight: 800;\r\n  }\r\n}\r\n.all {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  justify-content: space-between;\r\n\r\n  .content {\r\n    width: 28%;\r\n    text-align: center;\r\n    margin-bottom: 15px;\r\n    div {\r\n      margin-top: 12px;\r\n      color: #000000;\r\n      font-size: 14px;\r\n    }\r\n  }\r\n  .all-img {\r\n    width: 4.125rem;\r\n    height: 4.125rem;\r\n    margin: 0 auto;\r\n    img {\r\n      width: 100%;\r\n      height: 100%;\r\n      border-radius: 6px;\r\n      margin: 0 auto;\r\n      display: inline-block;\r\n    }\r\n  }\r\n}\r\n.van-sku-actions {\r\n  background: #fff;\r\n}\r\n/* 如果最后一行是2个元素 */\r\n.content:last-child:nth-child(3n - 1) {\r\n  margin-right: calc(32% + 8% / 2);\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!./translation.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!./translation.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./translation.vue?vue&type=template&id=6ca61be4&scoped=true&\"\nimport script from \"./translation.vue?vue&type=script&lang=js&\"\nexport * from \"./translation.vue?vue&type=script&lang=js&\"\nimport style0 from \"./translation.vue?vue&type=style&index=0&id=6ca61be4&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  \"6ca61be4\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}