{"version":3,"sources":["webpack:///./src/views/BrandNews.vue?366c","webpack:///src/views/BrandNews.vue","webpack:///./src/views/BrandNews.vue?b211","webpack:///./src/views/BrandNews.vue","webpack:///./src/views/BrandNews.vue?07d0","webpack:///./src/assets/icon/foot_icon.png","webpack:///./src/components/Footer.vue?cc65","webpack:///./src/components/Footer.vue?4f8a","webpack:///src/components/Footer.vue","webpack:///./src/components/Footer.vue?a982","webpack:///./src/components/Footer.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","style","minHeight","height","_l","item","index","key","attrs","on","$event","goDetaile","imageThumbUrl","_v","_s","title","description","articleList","length","searchTotal","loadGoodsData","_e","staticRenderFns","name","components","data","productData","isPhone","document","body","clientWidth","computed","watch","methods","getClassifyList","productCategoryId","pageIndex","min","pageSize","max","getArticleList","articleTypeId","lange","$router","push","created","mounted","window","screen","availHeight","component","module","exports","aboutItem","val","jumpPage","_m","textAlign","keepRecord","tit","onRecord","props","questionList","Hotline","switchLange","getProductList","query","id","detail","JSON","stringify","scrollTop","documentElement","productMenu","Introduce","goPage","location","href","res","code"],"mappings":"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","file":"js/chunk-876387e0.171760fa.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"brandNews\"},[_c('div',{style:({minHeight:_vm.height+'px'})},[_c('el-row',{staticClass:\"brand_news\"},_vm._l((_vm.articleList),function(item,index){return _c('el-col',{key:index,attrs:{\"span\":24}},[_c('div',{staticClass:\"news_left fl\",on:{\"click\":function($event){return _vm.goDetaile(item)}}},[_c('img',{staticClass:\"auto-img\",attrs:{\"src\":item.imageThumbUrl}})]),_c('div',{staticClass:\"news_right fr\",on:{\"click\":function($event){return _vm.goDetaile(item)}}},[_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(item.title))]),_c('div',{staticClass:\"subtitle\"},[_vm._v(_vm._s(item.description))]),_c('div',{staticClass:\"go_detaile\"},[_vm._v(\" 详情 \"),_c('i',{staticClass:\"el-icon-arrow-right\"})])])])}),1),(_vm.articleList.length>0)?_c('el-pagination',{attrs:{\"small\":\"\",\"layout\":\"prev, pager, next\",\"total\":_vm.searchTotal},on:{\"current-change\":_vm.loadGoodsData}}):_vm._e()],1),_c('Footer')],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!--\r\n * @Author: your name\r\n * @Date: 2021-03-11 16:03:34\r\n * @LastEditTime: 2021-03-29 17:47:36\r\n * @LastEditors: Please set LastEditors\r\n * @Description: In User Settings Edit\r\n * @FilePath: \\mooklook_phone\\src\\views\\BrandNews.vue\r\n-->\r\n\r\n<template>\r\n  <div class=\"brandNews\">\r\n    <div :style=\"{minHeight:height+'px'}\">\r\n    <el-row class=\"brand_news\">\r\n      <el-col :span=\"24\" v-for=\"(item,index) in articleList\" :key=\"index\" >\r\n        <div class=\"news_left fl\" @click=\"goDetaile(item)\">\r\n          <img class=\"auto-img\" :src=\"item.imageThumbUrl\" />\r\n        </div>\r\n        <div class=\"news_right fr\" @click=\"goDetaile(item)\">\r\n          <div class=\"title\">{{item.title}}</div>\r\n          <div class=\"subtitle\">{{item.description}}</div>\r\n          <div class=\"go_detaile\" >\r\n            详情\r\n            <i class=\"el-icon-arrow-right\"></i>\r\n          </div>\r\n        </div>\r\n      </el-col>\r\n    </el-row>\r\n    <el-pagination\r\n      v-if=\"articleList.length>0\"\r\n      small\r\n      layout=\"prev, pager, next\"\r\n      :total=\"searchTotal\"\r\n      @current-change=\"loadGoodsData\"\r\n    ></el-pagination>\r\n    </div>\r\n    <Footer></Footer>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n// 这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）\r\nimport { getClassifyList, getArticleList } from \"@/api/api\";\r\nimport Footer from \"@/components/Footer\";\r\nexport default {\r\n  name: \"BrandNews\",\r\n  components: { Footer },\r\n  // 定义属性\r\n  data() {\r\n    return {\r\n      height:0,\r\n      productData: \"\",\r\n      searchTotal: 0,\r\n      articleList:[],\r\n      isPhone: document.body.clientWidth < 920,\r\n    };\r\n  },\r\n  // 计算属性，会监听依赖属性值随之变化\r\n  computed: {},\r\n  // 监控data中的数据变化\r\n  watch: {},\r\n  // 方法集合\r\n  methods: {\r\n    // 根据分类获取商品\r\n    getClassifyList(min = 1, max = 6) {\r\n      // 通过产品类别Id获取对应的产品列表\r\n      let params = {\r\n        productCategoryId: 44,\r\n        pageIndex: min,\r\n        pageSize: max,\r\n      };\r\n      getClassifyList(params)\r\n        .then((res) => {\r\n          if (res.data.code == 0) {\r\n            this.productData = res.data.data.data;\r\n            this.searchTotal =\r\n              res.data.data.total <= 6\r\n                ? 1 * 10\r\n                : (parseInt(res.data.data.total / 6) + 1) * 10;\r\n          }\r\n        })\r\n        .catch((err) => {\r\n          this.poster = [];\r\n          this.productData = \"\";\r\n        });\r\n    },\r\n    getArticleList(min = 1, max = 6) {\r\n      let params = {\r\n        articleTypeId: this.lange == \"Ch\"?40:46,\r\n        pageIndex: min,\r\n        pageSize: max,\r\n      };\r\n      getArticleList(params).then((res) => {\r\n        this.articleList = res.data.data.data\r\n      });\r\n    },\r\n    goDetaile(item) {\r\n      this.$router.push({name:\"ArticleDetail\",query:{id:item.id,title:item.title,content:JSON.stringify(item.articleContent)}})\r\n    },\r\n    // 分页加载数据\r\n    loadGoodsData(page) {\r\n      let min = page;\r\n      this.getClassifyList(min);\r\n    },\r\n  },\r\n  // 生命周期 - 创建完成（可以访问当前this实例）\r\n  created() {\r\n    this.getClassifyList();\r\n    this.getArticleList()\r\n  },\r\n  // 生命周期 - 挂载完成（可以访问DOM元素）\r\n  mounted() {\r\n     let height = this.isPhone ? 233 : 427;\r\n    this.height = window.screen.availHeight - height;\r\n  },\r\n\r\n};\r\n</script>\r\n\r\n<style lang='less' scoped>\r\n.brand_news {\r\n  .el-col {\r\n    overflow: hidden;\r\n    .news_right {\r\n      position: relative;\r\n      height: 100%;\r\n      .go_detaile {\r\n        position: absolute;\r\n        color: #876d4b;\r\n\r\n        cursor: pointer;\r\n        i {\r\n          font-weight: bold;\r\n        }\r\n      }\r\n      .title {\r\n        font-weight: bold;\r\n        color: #3e3a39;\r\n      }\r\n      .subtitle {\r\n        font-weight: 400;\r\n        color: #878787;\r\n      }\r\n    }\r\n  }\r\n}\r\n.el-pagination {\r\n  display: flex;\r\n  justify-content: center;\r\n  /deep/.btn-next:hover,\r\n  /deep/.btn-prev:hover {\r\n    color: #876d4b !important;\r\n  }\r\n  /deep/.el-pager {\r\n    li {\r\n      color: #212121 !important;\r\n    }\r\n\r\n    li.active,\r\n    li:hover {\r\n      color: #876d4b !important;\r\n    }\r\n  }\r\n}\r\n</style>\r\n","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!./BrandNews.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!./BrandNews.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BrandNews.vue?vue&type=template&id=0e8ddf9f&scoped=true&\"\nimport script from \"./BrandNews.vue?vue&type=script&lang=js&\"\nexport * from \"./BrandNews.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BrandNews.vue?vue&type=style&index=0&id=0e8ddf9f&lang=less&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  \"0e8ddf9f\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BrandNews.vue?vue&type=style&index=0&id=0e8ddf9f&lang=less&scoped=true&\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozMGE5MzVjOS0yYzEwLWY1NDktODgwZi1mYjgzZjliMGM1MDMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUMwNzNDMDMzQjY1MTFFQkE5QUM4N0M0NEY4MTE4OTEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUMwNzNDMDIzQjY1MTFFQkE5QUM4N0M0NEY4MTE4OTEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzBhOTM1YzktMmMxMC1mNTQ5LTg4MGYtZmI4M2Y5YjBjNTAzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjMwYTkzNWM5LTJjMTAtZjU0OS04ODBmLWZiODNmOWIwYzUwMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv07FfQAAAdJSURBVHja3Jp7kI9VGMd/q2XWuq2syyKRRE3kNimXaMklJKVNRBfajdEfyJas1iV2FTJJsi7pIoNpo6ItFkm5NYmSVBtJVgjLtrQu23Omz5k58857+11mGc/Mdw7ve37nvM85z+X7PESVlJQErgaJzszMjOR6gwTTBJsFSQ5z3hJ0E6QJFkVq4zIRWqes4BPBO4IEwUMOivQQPM6chYLPBbFXiiLlBT8IegqmCuoJzgiWCWIscz8SXBRcLxgnuEewTxB3JSjyleAmwRN83B+C7rxbZcxboUxZ0EtwEKUHCOoKtl5uRZSDtRCkChYbz7/GF7oKmgoaCPoJPhDkGPOWCoYLGgvmhvMhURkZGaH+Nl5wDLNq6jDnbw7rvKCioILALkxuEdwhuE5wqLRvZCzjoy5z7sP+qwv6OiihZCDjpMthWsNw6l0e/jOPaPaZy7zfBPn4WakrUt7iF07ytOAxH/PmMcaElBA93t9M8koU3MomvwuO835bBJPpTsaVmKMKEMWCvYL1BInvglWkleAVwd3Gs38FZ3FKLbNQNi1MJV4UjODP3YxAEUeuUVBRabtgjGCTH9MaL/gGJZawSFVuQ41RZO4AkUjljiOC20JQ4BbBAcFEQRWeDWYPFRUrgbsEWYLbBV8IprspUg7aMIkE1YiItE5wyvK7NYyKV3UW1OTa2wehhLr1PWT5e8lFAWiLKYWCLwUphGcVNEaTk2LtFFEO+STZ+E7Bry4fUYSpJWO/jXmuNqzjQ4lq3HqAm/yUKKjkqMvvDsEaVLJ9QPCMnSLqI84JmpG4/ESZBMzjZ8O0cn38Vp+6MpXd8DN1GO+65BqToLZhXo6dIj9hiw2MCOImUxiXMO7GadUHPeLyO2VGLQUzBTssa4z3se82Dq+zmcOszr4DW2xkLO4kR3G65tisksmMr7n87nVG/ZsUfCuL0O4m8+F2zwo2eEWtLH4wwAiJTjKGm5huUJXxRJwmNvPrcuNaURX93sQfUzz2Uj48FKI5w29mT8a8ZkO73aStIA/7HilYzfNONnM7MC4n4y+HmrTx2KMzLOJHDtgzIapr6wLZa8GzkVR/TvIPNrsKu9fS0GaufraZcQN7FXookmzkHeUjHwvWmswiGvqRROgta/z4Q/LFGh8OWGyUsROJQnbR5yJjPvPm+cw5I/gOtcfDRDvtj2+ralTVI3rDg9hfDoVRcRiUox3MtzaHpEw4myyu34VcQ5HnuhEdG+kbuSQ4SYaNlKgP7SjYaDxTDtqHuj0cKeGgFdIF+wX1y2Db1SLYUVFSCyVOw9UUbzvMXjdEuKVVX+2lPn4OD9IiuPhgxkS42kYjYqVEcB+dHmZHQylO4HyTfVAEzY86QGfiOPmdXLcaCww6YY2QpxmbkQhbssYZ6v9NRsb3klehVdnRRmLKJay55Y2hUJMaHqFyAYkuF7+4QJ9Lb96HAspJzkB3ZrnMWcrh9DMT4nraMT0NCmFKEyj3fPxpJiy0OlHEpO+/EGZ7Q7PXki9qkMyKLJ2S7qxRBV+aYiisemStbb7nZUF/wXu6d2ZtBy3ndtZh5/lUhFt4P4oNrFl3JUVWVz5cS22ytvrQbwm/WtoYjbn7Lc08JUO42QAHvIaDW4TVrDatxxqpkihxuxBl3uC2ThMdtBIJtHB2obSmKmst6x0msWZblNAstjmHtRKaM8RIAwv58Hw+Ogui2guu1surZk+FkqQbxU55PuZaCqeylvyQhtPZSQFlcoxNINnFrU3EJxYY7/4kCCXw96egNhPsah6n3LGJEwmw+ApoRzx2+37g/39CqAqldlJCUfXKlNFuzbd0/CmJ6m8fxV1NStrZRv84N5iWaRSR5ojP0tVJLhCOizG9crRPQ5E9kMZYujm+biSRdxlhKKEc/xrqat2g6xvGeumMvYPpNOrJ2WFsrFtG241GRlIY6+k658FgFGlrRJ1QpRXjJcbzRo0TipzFF9sGo0itMGm8bvmYa5wg6oUjf7Gub0WKsO9w5JxljQr0wsKRik5rOCnyPR9RzuF9DKQvymXTPIsiFXnmRUbjPG55bzCK6AZaR8vz1vCtQpJZO5dNdfOsupF4c1zmN6PtehIO1d5GyYBT/8BJEc17hpFHUskpO2DARYa5uLFTJc+TtXV97SSxBs0fSOezgLCrer7Deb8sGEWOcnp9YarTcNSZlkULXD7sGGXBKHpd6+kLOMkpI1+ojD4VSjOB3yVTQucFo4iu5PIwsx74y2gUq2cEBTcx80Z/H+E1AGlUBzkOf0kkn+03uJ9nX8sUdQo3OryrbNncSczyeSy34xblAjbOvsHaHg1WETepxFjoouhiTHMGIfMFuNIgzM4qhZZDCkpCVaSa0WgzpQ68Sld5c2DHeq9UzOYl2PUBS8dSR7lSU0TX7BvJtnE0EeINajPM0sN6Dgo+F5NLI1jsJOtrk4ovTUXmkBTNPHOc0LjUpmw181ND6vQB9Lw6Ge+3UpUG3368Wv7j2X8CDABI1rvrEqrGoQAAAABJRU5ErkJggg==\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Footer.vue?vue&type=style&index=0&id=1589f804&lang=less&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"footer\"},[_c('div',{staticClass:\"layer\"},[(_vm.aboutItem)?_c('div',{staticClass:\"about\"},[(_vm.lange == 'Ch')?_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.aboutItem.title))]):_vm._e(),_c('div',{staticClass:\"item\"},_vm._l((_vm.aboutItem.childrens),function(val,index){return _c('p',{key:index,staticClass:\"txt\",on:{\"click\":function($event){return _vm.jumpPage(index)}}},[_vm._v(\" \"+_vm._s(val.title)+\" \")])}),0)]):_vm._e(),_c('div',{staticClass:\"law\"}),_c('div',{staticClass:\"record\"},[_vm._m(0),_c('div',{},[_c('div',{staticClass:\"record_txt name\",style:({\n            textAlign: _vm.isPhone || _vm.keepRecord.length == 1 ? 'center' : 'right',\n          })},[_vm._v(\" \"+_vm._s(_vm.keepRecord[0].tit)+\" \")]),_c('div',{staticClass:\"record_txt ICP\",style:({ textAlign: _vm.isPhone ? 'center' : '' })},[_vm._v(\" \"+_vm._s(_vm.keepRecord[1].tit)+\" \")]),(_vm.keepRecord[2])?_c('div',{staticClass:\"record_txt ICP\",style:({ textAlign: _vm.isPhone ? 'center' : '' }),on:{\"click\":_vm.onRecord}},[_vm._v(\" \"+_vm._s(_vm.keepRecord[2].tit)+\" \")]):_vm._e()])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"foot_icon\"},[_c('img',{staticClass:\"auto-img\",attrs:{\"src\":require(\"../assets/icon/foot_icon.png\")}})])}]\n\nexport { render, staticRenderFns }","<!--\r\n * @Author: your name\r\n * @Date: 2020-12-13 09:57:16\r\n * @LastEditTime: 2021-08-09 15:54:24\r\n * @LastEditors: Please set LastEditors\r\n * @Description: In User Settings Edit\r\n * @FilePath: \\mooklookweb\\mooklook_ch\\src\\components\\Footer.vue\r\n-->\r\n<template>\r\n  <div class=\"footer\">\r\n    <div class=\"layer\">\r\n      <div class=\"about\" v-if=\"aboutItem\">\r\n        <div class=\"title\" v-if=\"lange == 'Ch'\">{{ aboutItem.title }}</div>\r\n        <div class=\"item\">\r\n          <p\r\n            class=\"txt\"\r\n            v-for=\"(val, index) in aboutItem.childrens\"\r\n            :key=\"index\"\r\n            @click=\"jumpPage(index)\"\r\n          >\r\n            {{ val.title }}\r\n          </p>\r\n        </div>\r\n      </div>\r\n      <div class=\"law\">\r\n        <!-- <div class=\"title\">法律</div>\r\n        <div class=\"item\">\r\n          <p class=\"txt\" v-for=\"(val, index) in 3\" :key=\"index\">{{ index }}</p>\r\n        </div> -->\r\n      </div>\r\n      <div class=\"record\">\r\n        <div class=\"foot_icon\">\r\n          <img class=\"auto-img\" src=\"../assets/icon/foot_icon.png\" />\r\n        </div>\r\n        <div class=\"\">\r\n          <div\r\n            class=\"record_txt name\"\r\n            :style=\"{\r\n              textAlign: isPhone || keepRecord.length == 1 ? 'center' : 'right',\r\n            }\"\r\n          >\r\n            {{ keepRecord[0].tit }}\r\n          </div>\r\n          <div\r\n            class=\"record_txt ICP\"\r\n            :style=\"{ textAlign: isPhone ? 'center' : '' }\"\r\n          >\r\n            {{ keepRecord[1].tit }}\r\n          </div>\r\n          <div\r\n          v-if=\"keepRecord[2]\"\r\n            @click=\"onRecord\"\r\n            class=\"record_txt ICP\"\r\n            :style=\"{ textAlign: isPhone ? 'center' : '' }\"\r\n          >\r\n            {{ keepRecord[2].tit }}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <!-- <el-row class=\"footer-content\" :gutter=\"20\" justify=\"center\">\r\n      <el-col :span=\"isPhone || keepRecord.length==1?24:12\">\r\n        <div class=\"record_txt\" :style=\"{textAlign:isPhone||keepRecord.length==1?'center':'right'}\">{{keepRecord[0].tit}}</div>\r\n      </el-col>\r\n      <el-col :span=\"isPhone?24:12\" v-if=\"keepRecord.length>1\" >\r\n        <div @click=\"onRecord\" class=\"record_txt\" :style=\"{textAlign:isPhone?'center':''}\">{{keepRecord[1].tit}}</div>\r\n      </el-col>\r\n    </el-row> -->\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { categoryList,getArticleList } from \"@/api/api\";\r\nexport default {\r\n  name: \"Footer\",\r\n  props: [\"lang\"],\r\n  data() {\r\n    return {\r\n      questionList: [],\r\n      keepRecord: [],\r\n      Hotline: [],\r\n      isPhone: document.body.clientWidth < 920,\r\n      aboutItem: {},\r\n    };\r\n  },\r\n  created() {\r\n    this.switchLange(this.lange);\r\n    this.getProductList();\r\n  },\r\n  methods: {\r\n    // 切换语言\r\n    switchLange(lange) {\r\n      switch (lange) {\r\n        case \"JPN\":\r\n          this.keepRecord = [\r\n            { tit: \"株式会社花奈本舗美業研究所\" },\r\n            { tit: \"電話：045-550-5909\" },\r\n            // { tit: \"粤ICP备19076733号\" },\r\n          ];\r\n          break;\r\n        default:\r\n          this.keepRecord = [\r\n            { tit: \"花奈本铺贸易（广州）有限公司\" },\r\n            { tit: \"电话号码：045-550-5909\" },\r\n            { tit: \"粤ICP备19076733号\" },\r\n          ];\r\n      }\r\n    },\r\n    // 获取专利\r\n    getArticleList(min = 1, max = 6) {\r\n      let params = {\r\n        articleTypeId: this.lange == \"Ch\" ? 47 : 49,\r\n        pageIndex: min,\r\n        pageSize: max,\r\n      };\r\n      getArticleList(params).then((res) => {\r\n        this.articleList = res.data.data.data;\r\n        this.$router.push({\r\n          name: \"AOG\",\r\n          query: {\r\n            id: this.articleList[0].id,\r\n            detail: JSON.stringify(this.articleList[0]),\r\n          },\r\n        });\r\n      });\r\n    },\r\n    jumpPage(index) {\r\n      switch (index) {\r\n        case 0:\r\n          this.$router.push({\r\n            name: \"Home\",\r\n          });\r\n          document.body.scrollTop = document.documentElement.scrollTop = 0;\r\n          break;\r\n        case 1:\r\n          this.$router.push({\r\n            name: \"Product\",\r\n            query: {\r\n              id: this.productMenu[0].id,\r\n              detail: JSON.stringify(this.productMenu[0]),\r\n              index: \"1-0\",\r\n            },\r\n          });\r\n          break;\r\n        case 2:\r\n          this.getArticleList();\r\n          break;\r\n        case 3:\r\n          this.$router.push({\r\n            name: \"Introduce\",\r\n            query: {\r\n              id: this.Introduce[0].id,\r\n              detail: JSON.stringify(this.Introduce[0]),\r\n              index: \"1-0\",\r\n            },\r\n          });\r\n          break;\r\n      }\r\n    },\r\n    goPage(item) {\r\n      this.$router.push({ name: \"FooterView\", query: { id: item.id } });\r\n    },\r\n    onRecord() {\r\n      window.location.href = \"https://beian.miit.gov.cn\";\r\n    },\r\n    // 产品系列菜单栏\r\n    getProductList() {\r\n      categoryList({ lang: this.lange == \"JPN\" ? \"ja_JP\" : \"\" }).then((res) => {\r\n        if (res.data.code == 0) {\r\n          // 关于\r\n          this.aboutItem = res.data.data[4];\r\n          // 产品系列\r\n          this.productMenu = res.data.data[0] && res.data.data[0].childrens;\r\n          // 明星单品\r\n          this.starItem = res.data.data[1] && res.data.data[1].childrens;\r\n          // 品牌介绍\r\n          this.Introduce = res.data.data[2] && res.data.data[2].childrens;\r\n        }\r\n      });\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.footer {\r\n  overflow: hidden;\r\n  padding: 62px 0 52px;\r\n  .layer {\r\n    max-width: 1440px;\r\n  min-width: 1240px;\r\n    margin: 0 auto;\r\n    display: flex;\r\n    justify-content: center;\r\n    .about,\r\n    .law {\r\n      width: 204px;\r\n      .title {\r\n        padding-bottom: 6px;\r\n        font-size: 18px;\r\n        font-weight: bold;\r\n        color: #212121;\r\n        border-bottom: 1px solid #876d4b;\r\n        display: inline-block;\r\n        margin-bottom: 20px;\r\n      }\r\n      .item {\r\n        font-size: 14px;\r\n        font-weight: 400;\r\n        color: #212121;\r\n        .txt {\r\n          padding-bottom: 13px;\r\n          cursor: pointer;\r\n        }\r\n      }\r\n    }\r\n    .record {\r\n      display: flex;\r\n      &_txt {\r\n        font-size: 14px;\r\n        color: #3e3a39;\r\n        cursor: pointer;\r\n      }\r\n      .name {\r\n        font-size: 18px;\r\n        font-weight: bold;\r\n        color: #212121;\r\n      }\r\n      .ICP {\r\n        font-size: 14px;\r\n        font-weight: 400;\r\n        color: #878787;\r\n        margin-top: 12px;\r\n      }\r\n      &_txt:last-child:hover {\r\n        color: #876d4b;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n","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!./Footer.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!./Footer.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Footer.vue?vue&type=template&id=1589f804&scoped=true&\"\nimport script from \"./Footer.vue?vue&type=script&lang=js&\"\nexport * from \"./Footer.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Footer.vue?vue&type=style&index=0&id=1589f804&lang=less&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  \"1589f804\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}