{"version":3,"sources":["webpack:///./src/views/product/canshuduibi.vue?d553","webpack:///./src/assets/product/banner.jpg","webpack:///./src/assets/product sync ^\\.\\/banner.*\\.jpg$","webpack:///./src/assets/product/banner_en.jpg","webpack:///./src/assets/product/banner_hk.jpg","webpack:///./src/assets/product/banner_pt.jpg","webpack:///./src/assets/product/banner_es.jpg","webpack:///./src/views/product/canshuduibi.vue","webpack:///src/views/product/canshuduibi.vue","webpack:///./src/views/product/canshuduibi.vue?47aa","webpack:///./src/views/product/canshuduibi.vue?28e4"],"names":["module","exports","map","webpackContext","req","id","webpackContextResolve","__webpack_require__","o","e","Error","code","keys","Object","resolve","render","_vm","this","_c","_self","staticClass","staticStyle","attrs","require","$i18n","locale","_v","_s","$t","_l","item","index","key","style","duibilist","on","$event","stopPropagation","del","image","product_name","product_feature","_e","length","classchange","model","value","classid","callback","$$v","expression","classList","cat_id","cat_name","selectchange","selectid","$set","xilielist","product_id","parameterItemList","item_title","getParameteritemvalue","item_id","staticRenderFns","data","duibiProduct","beforeCreate","document","querySelector","setAttribute","deactivated","removeAttribute","created","getList","getclass","methods","JSON","parse","localStorage","getItem","canshuduibi","then","res","forEach","process","parent_id","productsClass","object","parameterList","find","para_value","productsList","page","limit","list","images","get_image_list","product_img","push","setItem","stringify","filter","splice","component"],"mappings":"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","file":"js/chunk-12016082.ac36a88a.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./canshuduibi.vue?vue&type=style&index=0&id=4be1f080&prod&scoped=true&lang=css\"","module.exports = __webpack_public_path__ + \"img/banner.423f7d52.jpg\";","var map = {\n\t\"./banner.jpg\": \"3787\",\n\t\"./banner_en.jpg\": \"a619\",\n\t\"./banner_es.jpg\": \"de91\",\n\t\"./banner_hk.jpg\": \"ce7b\",\n\t\"./banner_pt.jpg\": \"d6e7\"\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = \"7c50\";","module.exports = __webpack_public_path__ + \"img/banner_en.423f7d52.jpg\";","module.exports = __webpack_public_path__ + \"img/banner_hk.af22aaeb.jpg\";","module.exports = __webpack_public_path__ + \"img/banner_pt.21383b4f.jpg\";","module.exports = __webpack_public_path__ + \"img/banner_es.2e8ed03c.jpg\";","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{staticClass:\"topimage\"},[_c('el-image',{staticStyle:{\"width\":\"100%\"},attrs:{\"src\":require('@/assets/product/banner'+(this.$i18n.locale == 'zh' ? '' : '_'+this.$i18n.locale)+'.jpg')}})],1),_c('div',{staticClass:\"appmain\"},[_c('div',{staticStyle:{\"text-align\":\"center\",\"font-size\":\"30px\",\"font-weight\":\"bold\",\"margin-top\":\"30px\"}},[_vm._v(\" 参数对比 \")]),_c('div',{staticClass:\"toptable\",staticStyle:{\"margin-top\":\"30px\"}},[_c('table',{staticStyle:{\"width\":\"100%\",\"table-layout\":\"fixed\"},attrs:{\"cellpadding\":\"10px\",\"cellspacing\":\"0px\"}},[_c('tr',{staticStyle:{\"height\":\"260px\",\"text-align\":\"left\"}},[_c('th',[_c('span',{staticStyle:{\"margin-left\":\"20px\"}},[_vm._v(_vm._s(_vm.$t('productinfo.xuanzexinghao')))])]),_vm._l((4),function(item,index){return _c('th',{key:item,style:({'vertical-align': _vm.duibilist[index] ? 'top' : ''})},[(_vm.duibilist[index])?_c('div',{staticStyle:{\"width\":\"220px\",\"height\":\"139px\",\"background\":\"#fff\",\"margin\":\"0 auto\",\"position\":\"relative\"}},[_c('div',{staticStyle:{\"position\":\"absolute\",\"width\":\"20px\",\"height\":\"20px\",\"background\":\"#E2E2E2\",\"right\":\"0px\",\"text-align\":\"center\",\"line-height\":\"20px\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.del(index)}}},[_c('i',{staticClass:\"el-icon-close\"})]),_c('div',{staticStyle:{\"width\":\"150px\",\"margin\":\"0 auto\"}},[_c('el-image',{staticStyle:{\"width\":\"100%\"},attrs:{\"src\":_vm.duibilist[index].image}})],1),_c('div',{staticStyle:{\"text-align\":\"center\",\"line-height\":\"20px\"}},[_vm._v(\" \"+_vm._s(_vm.duibilist[index].product_name)+\" \")]),_c('div',{staticStyle:{\"text-align\":\"center\",\"font-size\":\"14px\",\"font-weight\":\"normal\",\"color\":\"rgba(51,51,51,0.6)\",\"line-height\":\"20px\"}},[_vm._v(\" \"+_vm._s(_vm.duibilist[index].product_feature)+\" \")])]):_vm._e(),(!_vm.duibilist[index])?_c('div',[_c('div',{staticStyle:{\"display\":\"flex\"}},[_c('div',{staticStyle:{\"margin-left\":\"10px\"}},[_vm._v(_vm._s(_vm.$t('productinfo.fenlei')))]),_c('el-select',{staticStyle:{\"margin-left\":\"70px\",\"width\":\"50%\"},attrs:{\"size\":\"mini\",\"filterable\":\"\",\"disabled\":_vm.duibilist.length>0},on:{\"change\":_vm.classchange},model:{value:(_vm.classid),callback:function ($$v) {_vm.classid=$$v},expression:\"classid\"}},_vm._l((_vm.classList),function(item,index){return _c('el-option',{key:index,attrs:{\"value\":item.cat_id,\"label\":item.cat_name}})}),1)],1),_c('div',{staticStyle:{\"display\":\"flex\",\"margin-top\":\"20px\"}},[_c('div',{staticStyle:{\"margin-left\":\"10px\"}},[_vm._v(_vm._s(_vm.$t('productinfo.qingxuanxinghao')))]),_c('el-select',{staticStyle:{\"margin-left\":\"20px\",\"width\":\"50%\"},attrs:{\"size\":\"mini\",\"filterable\":\"\"},on:{\"change\":_vm.selectchange},model:{value:(_vm.selectid[index]),callback:function ($$v) {_vm.$set(_vm.selectid, index, $$v)},expression:\"selectid[index]\"}},_vm._l((_vm.xilielist),function(item,index){return _c('el-option',{key:index,attrs:{\"value\":item.product_id,\"label\":item.product_name}})}),1)],1)]):_vm._e()])})],2)])]),_c('div',{staticClass:\"bottomtable\",staticStyle:{\"margin-top\":\"15px\",\"height\":\"600px\",\"overflow-y\":\"auto\"}},[_c('table',{staticStyle:{\"width\":\"100%\",\"table-layout\":\"fixed\",\"border\":\"1px solid #E2E2E2\"},attrs:{\"cellpadding\":\"10px\",\"cellspacing\":\"0px\"}},_vm._l((_vm.parameterItemList),function(item,index){return _c('tr',{key:index,staticStyle:{\"height\":\"20px\",\"border-bottom\":\"1px solid #E2E2E2\",\"text-align\":\"left\"}},[_c('th',{staticStyle:{\"background\":\"#F9F9F9\"}},[_c('span',{staticStyle:{\"margin-left\":\"20px\"}},[_vm._v(_vm._s(item.item_title))])]),_c('th',[(_vm.duibilist[0])?_c('div',{staticStyle:{\"white-space\":\"pre-line\"}},[_vm._v(\" \"+_vm._s(_vm.getParameteritemvalue(0,item.item_id))+\" \")]):_vm._e()]),_c('th',[(_vm.duibilist[1])?_c('div',{staticStyle:{\"white-space\":\"pre-line\"},style:({'color': _vm.getParameteritemvalue(1,item.item_id) != _vm.getParameteritemvalue(0,item.item_id) ? 'red' : ''})},[_vm._v(\" \"+_vm._s(_vm.getParameteritemvalue(1,item.item_id))+\" \")]):_vm._e()]),_c('th',[(_vm.duibilist[2])?_c('div',{staticStyle:{\"white-space\":\"pre-line\"},style:({'color': _vm.getParameteritemvalue(2,item.item_id) != _vm.getParameteritemvalue(0,item.item_id) ? 'red' : ''})},[_vm._v(\" \"+_vm._s(_vm.getParameteritemvalue(2,item.item_id))+\" \")]):_vm._e()]),_c('th',[(_vm.duibilist[3])?_c('div',{staticStyle:{\"white-space\":\"pre-line\"},style:({'color': _vm.getParameteritemvalue(3,item.item_id) != _vm.getParameteritemvalue(0,item.item_id) ? 'red' : ''})},[_vm._v(\" \"+_vm._s(_vm.getParameteritemvalue(3,item.item_id))+\" \")]):_vm._e()])])}),0)])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <div class=\"topimage\">\r\n            <el-image style=\"width:100%\" :src=\"require('@/assets/product/banner'+(this.$i18n.locale == 'zh' ? '' : '_'+this.$i18n.locale)+'.jpg')\"></el-image>\r\n        </div>\r\n        <div class=\"appmain\">\r\n            <div style=\"text-align: center;font-size: 30px;font-weight: bold;margin-top: 30px;\">\r\n                参数对比\r\n            </div>\r\n            <div style=\"margin-top: 30px;\" class=\"toptable\">\r\n                <table cellpadding=\"10px\" cellspacing=\"0px\" style=\"width: 100%;table-layout: fixed;\" >\r\n                    <tr style=\"height: 260px;text-align: left;\">\r\n                        <th><span style=\"margin-left: 20px;\">{{$t('productinfo.xuanzexinghao')}}</span></th>\r\n                        <th v-for=\"(item,index) in 4\" :key=\"item\" :style=\"{'vertical-align': duibilist[index] ? 'top' : ''}\" >\r\n                            <div style=\"width: 220px;height: 139px;background: #fff;margin: 0 auto;position: relative;\" v-if=\"duibilist[index]\">\r\n                                <div style=\"position: absolute;width: 20px;height: 20px;background: #E2E2E2;right: 0px;text-align: center;line-height: 20px;\" @click.stop=\"del(index)\">\r\n                                    <i class=\"el-icon-close\"></i>\r\n                                </div>\r\n                                <div style=\"width: 150px;margin: 0 auto;\">\r\n                                    <el-image style=\"width: 100%;\" :src=\"duibilist[index].image\"></el-image>\r\n                                </div>\r\n                                <div style=\"text-align: center;line-height: 20px;\">\r\n                                    {{duibilist[index].product_name}}\r\n                                </div>\r\n                                <div style=\"text-align: center;font-size: 14px;font-weight: normal;color: rgba(51,51,51,0.6);line-height: 20px;\">\r\n                                    {{duibilist[index].product_feature}}\r\n                                </div>\r\n                            </div>\r\n                            <div  v-if=\"!duibilist[index]\">\r\n                                <div style=\"display: flex;\">\r\n                                    <div style=\"margin-left: 10px;\">{{$t('productinfo.fenlei')}}</div>\r\n                                    <el-select size=\"mini\" filterable style=\"margin-left: 70px;width: 50%;\" v-model=\"classid\" :disabled=\"duibilist.length>0\" @change=\"classchange\">\r\n                                        <el-option v-for=\"(item,index) in classList\" :key=\"index\" :value=\"item.cat_id\" :label=\"item.cat_name\"></el-option>\r\n                                    </el-select>\r\n                                </div>\r\n                                <div style=\"display: flex;margin-top: 20px;\">\r\n                                    <div style=\"margin-left: 10px;\">{{$t('productinfo.qingxuanxinghao')}}</div>\r\n                                    <el-select size=\"mini\" filterable style=\"margin-left: 20px;width: 50%;\" v-model=\"selectid[index]\" @change=\"selectchange\" >\r\n                                        <el-option v-for=\"(item,index) in xilielist\" :key=\"index\" :value=\"item.product_id\" :label=\"item.product_name\"></el-option>\r\n                                    </el-select>\r\n                                </div>\r\n                            </div>\r\n                        </th>\r\n                    </tr>\r\n                </table>\r\n            </div>\r\n            <div style=\"margin-top: 15px;height: 600px;overflow-y: auto;\" class=\"bottomtable\">\r\n                <table cellpadding=\"10px\" cellspacing=\"0px\" style=\"width: 100%; table-layout: fixed;border: 1px solid #E2E2E2;\">\r\n                    <tr style=\"height: 20px;border-bottom: 1px solid #E2E2E2;text-align: left;\" v-for=\"(item,index) in parameterItemList\" :key=\"index\">\r\n                        <th style=\"background: #F9F9F9;\"><span style=\"margin-left: 20px;\">{{item.item_title}}</span></th>\r\n                        <th>\r\n                            <div v-if=\"duibilist[0]\" style=\"white-space: pre-line;\">\r\n                                {{getParameteritemvalue(0,item.item_id)}}\r\n                            </div>\r\n                        </th>\r\n                        <th>\r\n                            <div v-if=\"duibilist[1]\" style=\"white-space: pre-line;\" :style=\"{'color': getParameteritemvalue(1,item.item_id) != getParameteritemvalue(0,item.item_id) ? 'red' : ''}\">\r\n                                {{getParameteritemvalue(1,item.item_id)}}\r\n                            </div>\r\n                        </th>\r\n                        <th>\r\n                            <div v-if=\"duibilist[2]\" style=\"white-space: pre-line;\" :style=\"{'color': getParameteritemvalue(2,item.item_id) != getParameteritemvalue(0,item.item_id) ? 'red' : ''}\">\r\n                                {{getParameteritemvalue(2,item.item_id)}}\r\n                            </div>\r\n                        </th>\r\n                        <th>\r\n                            <div v-if=\"duibilist[3]\" style=\"white-space: pre-line;\" :style=\"{'color': getParameteritemvalue(3,item.item_id) != getParameteritemvalue(0,item.item_id) ? 'red' : ''}\">\r\n                                {{getParameteritemvalue(3,item.item_id)}}\r\n                            </div>\r\n                        </th>\r\n                    </tr>\r\n                </table>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n<script>\r\nimport { canshuduibi,productsClass,productsList } from \"@/api/api\"; \r\nexport default {\r\n    data(){\r\n        return{\r\n            duibiProduct:[],\r\n            duibilist:[],\r\n            xilielist:[],\r\n            parameterItemList:[],\r\n            selectid:{},\r\n            classList:[],\r\n            classid:''\r\n        }\r\n    },\r\n    beforeCreate() {\r\n        document.querySelector('body').setAttribute('style', 'background:#ffffff')\r\n    },\r\n    // 在销毁前，将body的style属性删除\r\n    deactivated() {\r\n        document.querySelector('body').removeAttribute('style')\r\n    },\r\n    created(){\r\n        this.getList()\r\n        this.getclass()\r\n    },\r\n    methods:{\r\n        getList(){\r\n            let duibiProduct = JSON.parse(localStorage.getItem(\"duibiProduct\"))\r\n            this.duibiProduct = duibiProduct\r\n            canshuduibi({duibiProduct:duibiProduct}).then(res=>{\r\n                this.duibilist = res.data.duibilist\r\n                this.xilielist = res.data.xilielist\r\n                this.parameterItemList = res.data.parameterItemList\r\n                this.duibilist.forEach(item=>{\r\n                    item.image = process.env.VUE_APP_BASE_API+item.image\r\n                })\r\n                this.classid = res.data.parent_id\r\n            })\r\n        },\r\n        getclass(){\r\n            productsClass().then(res=>{\r\n                this.classList = res.data\r\n            })\r\n        },\r\n        getParameteritemvalue(index,item_id){\r\n           let object = this.duibilist[index].parameterList.find((item=>item.item_id == item_id))\r\n           if(object){\r\n                return object.para_value\r\n           }else{\r\n                return '/'\r\n           }\r\n        },\r\n        classchange(value){\r\n            this.classid = value\r\n            productsList({cat_id:this.classid,page:1,limit:9999}).then(res=>{\r\n                res.data.list.forEach((item,index)=>{\r\n                    item.images = process.env.VUE_APP_BASE_API+item.get_image_list[0].product_img\r\n                })\r\n                this.xilielist = res.data.list\r\n            })\r\n        },\r\n        selectchange(value){\r\n            this.duibiProduct.push(value)\r\n            localStorage.setItem(\"duibiProduct\",JSON.stringify(this.duibiProduct))\r\n            this.getList()\r\n            this.selectid = {}\r\n        },\r\n        del(index){\r\n            let product_id = this.duibilist[index].product_id\r\n            this.duibiProduct = this.duibiProduct.filter((item) => {return item !== product_id});\r\n            localStorage.setItem(\"duibiProduct\",JSON.stringify(this.duibiProduct))\r\n            this.duibilist.splice(index,1)\r\n        }\r\n    }\r\n}\r\n</script>\r\n<style scoped>\r\n    .toptable table{\r\n        border: 1px solid #E2E2E2;\r\n        background: #F9F9F9;\r\n    }\r\n    .toptable tr td,th{\r\n        border-right: 1px solid #E2E2E2;\r\n    }\r\n    .bottomtable table{\r\n        border-bottom: 0px;;\r\n    }\r\n    .bottomtable tr td,th{\r\n        border-right: 1px solid #E2E2E2;\r\n        border-bottom: 1px solid #E2E2E2;\r\n    }\r\n    @media screen and (max-width: 1280px) {\r\n        .appmain{\r\n            width: 100%;\r\n        }\r\n    }\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./canshuduibi.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./canshuduibi.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./canshuduibi.vue?vue&type=template&id=4be1f080&scoped=true\"\nimport script from \"./canshuduibi.vue?vue&type=script&lang=js\"\nexport * from \"./canshuduibi.vue?vue&type=script&lang=js\"\nimport style0 from \"./canshuduibi.vue?vue&type=style&index=0&id=4be1f080&prod&scoped=true&lang=css\"\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  \"4be1f080\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}