{"version":3,"sources":["webpack:///./src/components/Product/List.vue","webpack:///./src/components/Product/List.vue?ffb1","webpack:///./src/components/Product/List.vue?f80a","webpack:///./src/components/Product/List.vue?a6d9","webpack:///./src/pages/ProductCategory.vue?a8e1","webpack:///./src/pages/ProductCategory.vue","webpack:///./src/pages/ProductCategory.vue?2717","webpack:///./src/pages/ProductCategory.vue?1661"],"names":["class","style","height","list","item","active","categoryCode","onClick","columnType","key","id","categoryCnname","children","onSecond","categoryPcode","name","props","type","Array","default","emits","setup","ctx","value","Number","window","anclassid","nclassid","emit","String","render","__scopeId","onClickSecond","components","ProCateList","get","then","res","data","obj","one","two","unshift","catch","err","console","log","router","params","push","query"],"mappings":"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","file":"js/chunk-263b0b06.02757af0.js","sourcesContent":["<template>\n  <div class=\"container\" :style=\"{ height: height }\">\n    <ul class=\"product-wapper\">\n      <li\n        class=\"product-item\"\n        v-for=\"item in list\"\n        @click=\"onClick(item.categoryCode,item.columnType)\"\n        :key=\"item.id\"\n        :class=\"active == item.categoryCode ? 'active' : ''\"\n      >\n        {{ item.categoryCnname }}\n      </li>\n    </ul>\n    <ul class=\"second-class-wapper\">\n      <li\n        class=\"second-class-item\"\n        v-for=\"item in children\"\n        :key=\"item.id\"\n        @click=\"onSecond(item.categoryPcode,item.categoryCode,item.columnType)\"\n      >\n        {{ item.categoryCnname }}\n      </li>\n    </ul>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, onMounted, ref, watch } from \"vue\";\nimport $ from \"jquery\";\nexport default defineComponent({\n  name: \"ProCateList\",\n  props: {\n    list: {\n      type: Array,\n      default: () => {\n        return [];\n      },\n    },\n    children: {\n      type: Array,\n      default: () => {\n        return [];\n      },\n    },\n  },\n  emits: [\"handleclick\", \"handlesecclick\"],\n  setup(props, ctx) {\n    const height = ref(\"0px\");\n    onMounted(() => {\n      height.value =\n        Number($(window).height()) -\n        Number($(\"header\").height()) -\n        Number($(\".home-wapper .title\").height()) -\n        Number($(\"footer\").height()) +\n        \"px\";\n    });\n    const active = ref(0);\n    watch(\n      () => {\n        return props.list;\n      },\n      (list) => {\n        active.value = (list as any)[0].categoryCode;\n      }\n    );\n\n    function onClick(anclassid: string,nclassid: string) {\n      active.value = Number(anclassid);\n      ctx.emit(\"handleclick\", anclassid,nclassid);\n    }\n    function onSecond(anclassid: string,nclassid: string,columnType: string) {\n      if (!anclassid) {\n        anclassid = String(active.value);\n      }\n      ctx.emit(\"handlesecclick\",  anclassid,nclassid,columnType);\n    }\n\n    return {\n      height,\n      onClick,\n      onSecond,\n      active,\n    };\n  },\n});\n</script>\n\n\n<style lang=\"scss\" scoped>\n.container {\n  width: 100%;\n  padding-left: 7em;\n  box-sizing: border-box;\n  font-size: 14px;\n  position: relative;\n  padding-bottom: 20px;\n\n  .product-wapper {\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 7em;\n    background-color: #f5f5f5;\n    height: 100%;\n    font-size: 14px;\n    overflow-y: auto;\n    padding-bottom: 40px;\n    box-sizing: border-box;\n    .product-item {\n      width: 100%;\n      padding-left: 7px;\n      box-sizing: border-box;\n      line-height: 50px;\n      overflow: hidden;\n      color: #656565;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n    .active {\n      color: #df0024;\n      border-left: 3px solid;\n      background-color: #fff;\n    }\n  }\n  .second-class-wapper {\n    width: 100%;\n    padding: 0 15px;\n    height: 100%;\n    overflow-y: auto;\n    .second-class-item {\n      width: 100%;\n      padding-left: 7px;\n      box-sizing: border-box;\n      line-height: 50px;\n      overflow: hidden;\n      color: #262626;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n  }\n}\n</style>\n","\nimport { defineComponent, onMounted, ref, watch } from \"vue\";\nimport $ from \"jquery\";\nexport default defineComponent({\n  name: \"ProCateList\",\n  props: {\n    list: {\n      type: Array,\n      default: () => {\n        return [];\n      },\n    },\n    children: {\n      type: Array,\n      default: () => {\n        return [];\n      },\n    },\n  },\n  emits: [\"handleclick\", \"handlesecclick\"],\n  setup(props, ctx) {\n    const height = ref(\"0px\");\n    onMounted(() => {\n      height.value =\n        Number($(window).height()) -\n        Number($(\"header\").height()) -\n        Number($(\".home-wapper .title\").height()) -\n        Number($(\"footer\").height()) +\n        \"px\";\n    });\n    const active = ref(0);\n    watch(\n      () => {\n        return props.list;\n      },\n      (list) => {\n        active.value = (list as any)[0].categoryCode;\n      }\n    );\n\n    function onClick(anclassid: string,nclassid: string) {\n      active.value = Number(anclassid);\n      ctx.emit(\"handleclick\", anclassid,nclassid);\n    }\n    function onSecond(anclassid: string,nclassid: string,columnType: string) {\n      if (!anclassid) {\n        anclassid = String(active.value);\n      }\n      ctx.emit(\"handlesecclick\",  anclassid,nclassid,columnType);\n    }\n\n    return {\n      height,\n      onClick,\n      onSecond,\n      active,\n    };\n  },\n});\n","import { render } from \"./List.vue?vue&type=template&id=2c47a970&scoped=true\"\nimport script from \"./List.vue?vue&type=script&lang=ts\"\nexport * from \"./List.vue?vue&type=script&lang=ts\"\n\nimport \"./List.vue?vue&type=style&index=0&id=2c47a970&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-2c47a970\"\n\nexport default script","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-v16/dist/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-v16/dist/index.js??ref--0-1!./List.vue?vue&type=style&index=0&id=2c47a970&lang=scss&scoped=true\"","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-v16/dist/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-v16/dist/index.js??ref--0-1!./ProductCategory.vue?vue&type=style&index=0&id=24c83760&lang=scss&scoped=true\"","<template>\n  <div class=\"title\">分类</div>\n\n  <pro-cate-list\n    :list=\"list\"\n    :children=\"children\"\n    @handleclick=\"onClick\"\n    @handlesecclick=\"onClickSecond\"\n  ></pro-cate-list>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, reactive, ref } from \"vue\";\nimport ProCateList from \"@/components/Product/List.vue\";\nimport api from \"@/api/axios\";\nimport { useRouter } from \"vue-router\";\nexport default defineComponent({\n  name: \"ProductCategory\",\n  components: {\n    ProCateList,\n  },\n  setup() {\n    const list = ref([]);\n    const children = ref([]);\n\n    api\n      .get(\"/M/Product/getProductClassify\")\n      .then((res) => {\n        list.value = res.data.obj.one;\n        res.data.obj.two.unshift({\n          id: 0,\n          categoryCode:0,\n          categoryPcode:1,\n          categoryCnname: \"全部\",\n        });\n        children.value = res.data.obj.two;\n      })\n      .catch((err) => {\n        console.log(err);\n      });\n    const router = useRouter();\n    function onClick(anclassid: string,nclassid: string) {\n      api\n        .get(\"/M/Product/getProductClassify\", {\n          params: {\n            type: 2,\n            anclassid: anclassid,\n          },\n        })\n        .then((res) => {\n          res.data.obj.two.unshift({\n            id: 0,\n            categoryCode:0,\n            categoryPcode:anclassid,\n            categoryCnname: \"全部\",\n          });\n          children.value = res.data.obj.two;\n        })\n        .catch((err) => {\n          console.log(err);\n        });\n    }\n\n    function onClickSecond(anclassid: string,nclassid: string,columnType: string) {\n      router.push({\n        name: \"product\",\n        query: {\n          anclassid: anclassid,\n          nclassid: nclassid\n        },\n      });\n    }\n    return {\n      list,\n      children,\n      onClick,\n      onClickSecond,\n    };\n  },\n});\n</script>\n\n\n<style lang=\"scss\" scoped>\n.title {\n  color: #333;\n  text-align: center;\n  font-size: 16px;\n  line-height:1.5;\n  padding: 7px 0;\n  border-bottom: 1px solid #f4f4f4;\n}\n</style>\n","\nimport { defineComponent, reactive, ref } from \"vue\";\nimport ProCateList from \"@/components/Product/List.vue\";\nimport api from \"@/api/axios\";\nimport { useRouter } from \"vue-router\";\nexport default defineComponent({\n  name: \"ProductCategory\",\n  components: {\n    ProCateList,\n  },\n  setup() {\n    const list = ref([]);\n    const children = ref([]);\n\n    api\n      .get(\"/M/Product/getProductClassify\")\n      .then((res) => {\n        list.value = res.data.obj.one;\n        res.data.obj.two.unshift({\n          id: 0,\n          categoryCode:0,\n          categoryPcode:1,\n          categoryCnname: \"全部\",\n        });\n        children.value = res.data.obj.two;\n      })\n      .catch((err) => {\n        console.log(err);\n      });\n    const router = useRouter();\n    function onClick(anclassid: string,nclassid: string) {\n      api\n        .get(\"/M/Product/getProductClassify\", {\n          params: {\n            type: 2,\n            anclassid: anclassid,\n          },\n        })\n        .then((res) => {\n          res.data.obj.two.unshift({\n            id: 0,\n            categoryCode:0,\n            categoryPcode:anclassid,\n            categoryCnname: \"全部\",\n          });\n          children.value = res.data.obj.two;\n        })\n        .catch((err) => {\n          console.log(err);\n        });\n    }\n\n    function onClickSecond(anclassid: string,nclassid: string,columnType: string) {\n      router.push({\n        name: \"product\",\n        query: {\n          anclassid: anclassid,\n          nclassid: nclassid\n        },\n      });\n    }\n    return {\n      list,\n      children,\n      onClick,\n      onClickSecond,\n    };\n  },\n});\n","import { render } from \"./ProductCategory.vue?vue&type=template&id=24c83760&scoped=true\"\nimport script from \"./ProductCategory.vue?vue&type=script&lang=ts\"\nexport * from \"./ProductCategory.vue?vue&type=script&lang=ts\"\n\nimport \"./ProductCategory.vue?vue&type=style&index=0&id=24c83760&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-24c83760\"\n\nexport default script"],"sourceRoot":""}