{"version":3,"sources":["webpack:///./src/views/Classification/Digitals.vue?3052","webpack:///./src/views/Classification/Digitals.vue?3763","webpack:///src/views/Classification/Digitals.vue","webpack:///./src/views/Classification/Digitals.vue?2166","webpack:///./src/views/Classification/Digitals.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_l","navitem","i","key","attrs","BrandPic","brand","brandId","_s","TypeName","class","activeBtn","btnIndex","on","$event","ckeckClick","staticStyle","showBtn","isShowBtn","mouseenterFun","mouseleaveFun","model","value","callback","$$v","minPrice","expression","maxPrice","directives","name","rawName","cleanUp","confirm","item","index","staticRenderFns","data","navList","goodsList","brandList","created","getNavList","getBusinessNaviSpuList","getBrandType","methods","naviId","typeId","sortBy","pageIndex","pageSize","val","component"],"mappings":"kHAAA,W,yCCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,MAAM,CAACE,YAAY,SAAS,CAACN,EAAIO,GAAG,QAAQH,EAAG,MAAM,CAACE,YAAY,aAAaN,EAAIQ,GAAIR,EAAW,SAAE,SAASS,EAAQC,GAAG,OAAON,EAAG,OAAO,CAACO,IAAID,EAAEJ,YAAY,WAAW,CAACF,EAAG,MAAM,CAACQ,MAAM,CAAC,IAAMH,EAAQI,SAAS,IAAM,WAAU,KAAKT,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,MAAM,CAACE,YAAY,SAAS,CAACN,EAAIO,GAAG,QAAQH,EAAG,MAAM,CAACE,YAAY,aAAaN,EAAIQ,GAAIR,EAAa,WAAE,SAASc,EAAMC,GAAS,OAAOX,EAAG,OAAO,CAACO,IAAII,EAAQT,YAAY,OAAO,CAACN,EAAIO,GAAGP,EAAIgB,GAAGF,EAAMG,gBAAe,OAAOb,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,MAAMY,MAAM,CAACC,UAA4B,GAAhBnB,EAAIoB,UAAeC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOtB,EAAIuB,WAAW,MAAM,CAACvB,EAAIO,GAAG,QAAQH,EAAG,MAAM,CAACE,YAAY,MAAMY,MAAM,CAACC,UAA4B,GAAhBnB,EAAIoB,UAAeC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOtB,EAAIuB,WAAW,MAAM,CAACvB,EAAIO,GAAG,QAAQH,EAAG,MAAM,CAACE,YAAY,SAAS,CAACF,EAAG,OAAO,CAACoB,YAAY,CAAC,eAAe,SAAS,CAACxB,EAAIO,GAAG,QAAQH,EAAG,MAAM,CAACE,YAAY,cAAcY,MAAM,CAACO,QAAQzB,EAAI0B,WAAWL,GAAG,CAAC,WAAarB,EAAI2B,cAAc,WAAa3B,EAAI4B,gBAAgB,CAACxB,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,WAAW,CAACoB,YAAY,CAAC,MAAQ,QAAQZ,MAAM,CAAC,KAAO,OAAO,YAAc,KAAKiB,MAAM,CAACC,MAAO9B,EAAY,SAAE+B,SAAS,SAAUC,GAAMhC,EAAIiC,SAASD,GAAKE,WAAW,cAAclC,EAAIO,GAAG,OAAOH,EAAG,WAAW,CAACoB,YAAY,CAAC,MAAQ,QAAQZ,MAAM,CAAC,KAAO,OAAO,YAAc,KAAKiB,MAAM,CAACC,MAAO9B,EAAY,SAAE+B,SAAS,SAAUC,GAAMhC,EAAImC,SAASH,GAAKE,WAAW,eAAe,GAAG9B,EAAG,MAAM,CAACgC,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASR,MAAO9B,EAAa,UAAEkC,WAAW,cAAc5B,YAAY,aAAa,CAACF,EAAG,YAAY,CAACQ,MAAM,CAAC,KAAO,QAAQS,GAAG,CAAC,MAAQrB,EAAIuC,UAAU,CAACvC,EAAIO,GAAG,QAAQH,EAAG,YAAY,CAACQ,MAAM,CAAC,KAAO,QAAQS,GAAG,CAAC,MAAQrB,EAAIwC,UAAU,CAACxC,EAAIO,GAAG,SAAS,SAASH,EAAG,MAAM,CAACE,YAAY,cAAcN,EAAIQ,GAAIR,EAAa,WAAE,SAASyC,EAAKC,GAAO,OAAOtC,EAAG,WAAW,CAACO,IAAI+B,EAAMpC,YAAY,YAAYM,MAAM,CAAC,UAAY6B,QAAU,MAC7jEE,EAAkB,G,YC2DtB,GACEN,KAAM,WACNO,KAFF,WAGI,MAAJ,CACMxB,SAAU,EACVyB,QAAS,GACTC,UAAW,GACXb,SAAU,KACVE,SAAU,KACVT,WAAW,EACXqB,UAAW,KAGfC,QAbF,WAcI/C,KAAKgD,aACLhD,KAAKiD,yBACLjD,KAAKkD,gBAEPC,QAAF,CACIb,QADJ,WAEMtC,KAAKgC,SAAW,KAChBhC,KAAKkC,SAAW,MAElBK,QALJ,WAKA,WACA,GACQa,OAAQ,GACRC,OAAQ,IACRrB,SAAUhC,KAAKgC,SACfE,SAAUlC,KAAKkC,SACfoB,OAAQ,EACRC,UAAW,EACXC,SAAU,IAEZ,OAAN,OAAM,CAAN,qBACA,eACU,EAAV,mCAEU,EAAV,+BAII9B,cAvBJ,WAwBM1B,KAAKyB,WAAY,GAEnBE,cA1BJ,WA2BM3B,KAAKyB,WAAY,GAEnBH,WA7BJ,SA6BA,GACMtB,KAAKmB,SAAWsC,GAElBT,WAhCJ,WAgCA,WACM,OAAN,OAAM,CAAN,+BACA,eACU,EAAV,mCAEU,EAAV,+BAIIC,uBAzCJ,WAyCA,WACA,GACQG,OAAQ,GACRC,OAAQ,IACRC,OAAQ,EACRC,UAAW,EACXC,SAAU,IAEZ,OAAN,OAAM,CAAN,qBACA,eACU,EAAV,mCAEU,EAAV,+BAIIN,aAzDJ,WAyDA,WACA,GACQE,OAAQ,GACRC,OAAQ,KAEV,OAAN,OAAM,CAAN,qBACA,eACU,EAAV,oCAEU,EAAV,iCChJiW,I,wBCQ7VK,EAAY,eACd,EACA5D,EACA4C,GACA,EACA,KACA,WACA,MAIa,aAAAgB,E","file":"js/chunk-0c89ccef.b8d598b4.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!./Digitals.vue?vue&type=style&index=0&id=b8f53e44&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"list-box\"},[_c('div',{staticClass:\"goods-type\"},[_c('div',{staticClass:\"type-box\"},[_c('div',{staticClass:\"lable\"},[_vm._v(\"品牌\")]),_c('div',{staticClass:\"type-list\"},_vm._l((_vm.navList),function(navitem,i){return _c('span',{key:i,staticClass:\"navitem\"},[_c('img',{attrs:{\"src\":navitem.BrandPic,\"alt\":\"\"}})])}),0)]),_c('div',{staticClass:\"type-box\"},[_c('div',{staticClass:\"lable\"},[_vm._v(\"类型\")]),_c('div',{staticClass:\"type-list\"},_vm._l((_vm.brandList),function(brand,brandId){return _c('span',{key:brandId,staticClass:\"txt\"},[_vm._v(_vm._s(brand.TypeName))])}),0)])]),_c('div',{staticClass:\"price-switch\"},[_c('div',{staticClass:\"btn\",class:{activeBtn : _vm.btnIndex == 1},on:{\"click\":function($event){return _vm.ckeckClick(1)}}},[_vm._v(\"默认\")]),_c('div',{staticClass:\"btn\",class:{activeBtn : _vm.btnIndex == 2},on:{\"click\":function($event){return _vm.ckeckClick(2)}}},[_vm._v(\"销量\")]),_c('div',{staticClass:\"price\"},[_c('span',{staticStyle:{\"margin-right\":\"10px\"}},[_vm._v(\"价格\")]),_c('div',{staticClass:\"input-price\",class:{showBtn:_vm.isShowBtn},on:{\"mouseenter\":_vm.mouseenterFun,\"mouseleave\":_vm.mouseleaveFun}},[_c('div',{staticClass:\"input-box\"},[_c('el-input',{staticStyle:{\"width\":\"58px\"},attrs:{\"size\":\"mini\",\"placeholder\":\"￥\"},model:{value:(_vm.minPrice),callback:function ($$v) {_vm.minPrice=$$v},expression:\"minPrice\"}}),_vm._v(\" - \"),_c('el-input',{staticStyle:{\"width\":\"58px\"},attrs:{\"size\":\"mini\",\"placeholder\":\"￥\"},model:{value:(_vm.maxPrice),callback:function ($$v) {_vm.maxPrice=$$v},expression:\"maxPrice\"}})],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isShowBtn),expression:\"isShowBtn\"}],staticClass:\"price-btn\"},[_c('el-button',{attrs:{\"size\":\"mini\"},on:{\"click\":_vm.cleanUp}},[_vm._v(\"清除\")]),_c('el-button',{attrs:{\"size\":\"mini\"},on:{\"click\":_vm.confirm}},[_vm._v(\"确认\")])],1)])])]),_c('div',{staticClass:\"goods-list\"},_vm._l((_vm.goodsList),function(item,index){return _c('ax-goods',{key:index,staticClass:\"goods-box\",attrs:{\"goodsData\":item}})}),1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"list-box\">\r\n    <div class=\"goods-type\">\r\n      <div class=\"type-box\">\r\n        <div class=\"lable\">品牌</div>\r\n        <div class=\"type-list\">\r\n          <!-- <span class=\"red\">不限</span> -->\r\n          <span class=\"navitem\" v-for=\"(navitem, i) in navList\" :key=\"i\"><img :src=\"navitem.BrandPic\" alt=\"\"></span>\r\n        </div>\r\n      </div>\r\n      <!-- <div class=\"type-box\">\r\n        <div class=\"lable\">总容积</div>\r\n        <div class=\"type-list\">\r\n          <span class=\"red\">不限</span>\r\n          <span v-for=\"j in 12\" :key=\"j\">Haier/海尔</span>\r\n        </div>\r\n      </div> -->\r\n      <div class=\"type-box\">\r\n        <div class=\"lable\">类型</div>\r\n        <div class=\"type-list\">\r\n          <!-- <span class=\"red\">不限</span> -->\r\n          <span class=\"txt\" v-for=\"(brand, brandId) in brandList\" :key=\"brandId\">{{brand.TypeName}}</span>\r\n        </div>\r\n      </div>\r\n      <!-- <div class=\"type-box\">\r\n        <div class=\"lable\">价格</div>\r\n        <div class=\"type-list\">\r\n          <span class=\"red\">不限</span>\r\n          <span v-for=\"i in 4\" :key=\"i\">180L以下</span>\r\n        </div>\r\n      </div> -->\r\n    </div>\r\n    <div class=\"price-switch\">\r\n      <div class=\"btn\" :class=\"{activeBtn : btnIndex == 1}\" @click=\"ckeckClick(1)\">默认</div>\r\n      <div class=\"btn\" :class=\"{activeBtn : btnIndex == 2}\" @click=\"ckeckClick(2)\">销量</div>\r\n      <div class=\"price\">\r\n        <span style=\"margin-right:10px;\">价格</span>\r\n        <div class=\"input-price\" :class=\"{showBtn:isShowBtn}\" @mouseenter=\"mouseenterFun\" @mouseleave=\"mouseleaveFun\">\r\n          <div class=\"input-box\">\r\n            <el-input size=\"mini\" placeholder=\"￥\" style=\"width:58px;\" v-model=\"minPrice\"></el-input> - \r\n            <el-input size=\"mini\" placeholder=\"￥\" style=\"width:58px;\" v-model=\"maxPrice\"></el-input>\r\n          </div>\r\n          <div class=\"price-btn\" v-show=\"isShowBtn\">\r\n            <el-button size=\"mini\" @click=\"cleanUp\">清除</el-button>\r\n            <el-button size=\"mini\" @click=\"confirm\">确认</el-button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"goods-list\">\r\n      <ax-goods class=\"goods-box\" v-for=\"(item, index) in goodsList\" :key=\"index\" :goodsData=\"item\"></ax-goods>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\nimport {\r\n  NaviDetail,\r\n  BusinessNaviSpuList,\r\n  BusinessBrandTypeData\r\n} from '../../api/api'\r\nexport default {\r\n  name: 'digitals',\r\n  data(){\r\n    return{\r\n      btnIndex: 1,\r\n      navList: [],\r\n      goodsList: [],\r\n      minPrice: null,\r\n      maxPrice: null,\r\n      isShowBtn: false,\r\n      brandList: []\r\n    }\r\n  },\r\n  created(){\r\n    this.getNavList()\r\n    this.getBusinessNaviSpuList()\r\n    this.getBrandType()\r\n  },\r\n  methods:{\r\n    cleanUp(){\r\n      this.minPrice = null\r\n      this.maxPrice = null\r\n    },\r\n    confirm(){\r\n      let params = {\r\n        naviId: 10,\r\n        typeId: 166,\r\n        minPrice: this.minPrice,\r\n        maxPrice: this.maxPrice,\r\n        sortBy: 0,\r\n        pageIndex: 1,\r\n        pageSize: 30\r\n      }\r\n      BusinessNaviSpuList(params).then(res => {\r\n        if(res.data.success){\r\n          this.goodsList = res.data.response.data || []\r\n        } else{\r\n          this.$message.error(res.data.msg)\r\n        }\r\n      })\r\n    },\r\n    mouseenterFun(){\r\n      this.isShowBtn = true\r\n    },\r\n    mouseleaveFun(){\r\n      this.isShowBtn = false\r\n    },\r\n    ckeckClick(val){\r\n      this.btnIndex = val\r\n    },\r\n    getNavList(){\r\n      NaviDetail({naviId:10}).then(res => {\r\n        if(res.data.success){\r\n          this.navList = res.data.response.Brands || []\r\n        } else{\r\n          this.$message.error(res.data.msg)\r\n        }\r\n      })\r\n    },\r\n    getBusinessNaviSpuList(){\r\n      let params = {\r\n        naviId: 10,\r\n        typeId: 166,\r\n        sortBy: 0,\r\n        pageIndex: 1,\r\n        pageSize: 30\r\n      }\r\n      BusinessNaviSpuList(params).then(res => {\r\n        if(res.data.success){\r\n          this.goodsList = res.data.response.data || []\r\n        } else{\r\n          this.$message.error(res.data.msg)\r\n        }\r\n      })\r\n    },\r\n    getBrandType(){\r\n      let params = {\r\n        naviId: 10,\r\n        typeId: 166\r\n      }\r\n      BusinessBrandTypeData(params).then(res => {\r\n        if(res.data.success){\r\n          this.brandList = res.data.response.Types || []\r\n        } else{\r\n          this.$message.error(res.data.msg)\r\n        }\r\n      })\r\n    }\r\n  }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.list-box{\r\n  width: 1200px;\r\n  margin: 0 auto;\r\n  padding-top: 20px;\r\n  .goods-type{\r\n    text-align: left;\r\n    span{\r\n      display: inline-block;\r\n      font-size: 14px;\r\n      color: #333333;\r\n      line-height: 20px;\r\n    }\r\n    .type-box{\r\n      margin-bottom: 30px;\r\n      display: flex;\r\n      justify-content: flex-start;\r\n      .lable{\r\n        // flex: 1;\r\n        width: 80px;\r\n        text-align: center;\r\n        font-weight: bold;\r\n      }\r\n      .type-list{\r\n        padding-left: 10px;\r\n        flex: 1;\r\n        .navitem{\r\n          // margin-right: 34px;\r\n          // margin-bottom: 20px;\r\n          width: 130px;\r\n          height: 70px;\r\n          border: 1px solid #EAEAEA;\r\n          display: inline-block;\r\n          cursor: pointer;\r\n          >img{\r\n            width: 100%;\r\n            height: 100%;\r\n          }\r\n        }\r\n        .txt{\r\n          margin-right: 24px;\r\n          display: inline-block;\r\n          font-weight: 700;\r\n          color: #666;\r\n          cursor: pointer;\r\n        }\r\n        .txt:hover{\r\n          color: #f40000;\r\n        }\r\n        .red{\r\n          font-weight: bold;\r\n          color: #f40000;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .price-switch{\r\n    display: flex;\r\n    justify-content: flex-start;\r\n    align-items: center;\r\n    background: #ffffff;\r\n    margin-bottom: 16px;\r\n    .btn{\r\n      font-size: 14px;\r\n      width: 72px;\r\n      height: 40px;\r\n      text-align: center;\r\n      line-height: 40px;\r\n      cursor: pointer;\r\n      margin-right: 20px;\r\n    }\r\n    .activeBtn{\r\n      width: 70px;\r\n      height: 38px;\r\n      line-height: 38px;\r\n      border: 1px solid #f40000;\r\n    }\r\n    .price{\r\n      width: 200px;\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n      position: relative;\r\n      .input-price{\r\n        position: absolute;\r\n        width: 140px;\r\n        border: 1px solid #fff;\r\n        padding: 5px 0;\r\n        z-index: 20;\r\n        left: 40px;\r\n        top: -10px;\r\n        .price-btn{\r\n          margin-top: 10px;\r\n        }\r\n      }\r\n      .showBtn{\r\n        border: 1px solid #999;\r\n        background: #ffffff;\r\n      }\r\n    }\r\n  }\r\n  .goods-list{\r\n    width: 1200px;\r\n    display: flex;\r\n    // justify-content: space-between;\r\n    flex-wrap: wrap;\r\n    .goods-box{\r\n      margin-bottom: 16px;\r\n      margin-right: 16px;\r\n    }\r\n    .goods-box:nth-child(4n){\r\n      margin-right: 0;\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!./Digitals.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!./Digitals.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Digitals.vue?vue&type=template&id=b8f53e44&scoped=true&\"\nimport script from \"./Digitals.vue?vue&type=script&lang=js&\"\nexport * from \"./Digitals.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Digitals.vue?vue&type=style&index=0&id=b8f53e44&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  \"b8f53e44\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}