{"version":3,"sources":["webpack:///./src/assets/product/banner.jpg","webpack:///./src/assets/product sync ^\\.\\/banner.*\\.jpg$","webpack:///./node_modules/core-js/modules/es.array.find.js","webpack:///./src/assets/product/banner_en.jpg","webpack:///./src/views/product/canshuduibi.vue?5bc0","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?a673","webpack:///src/views/product/canshuduibi.vue","webpack:///./src/views/product/canshuduibi.vue?3437","webpack:///./src/views/product/canshuduibi.vue"],"names":["module","exports","map","webpackContext","req","id","webpackContextResolve","__webpack_require__","o","e","Error","code","keys","Object","resolve","$","$find","find","addToUnscopables","FIND","SKIPS_HOLES","Array","target","proto","forced","callbackfn","this","arguments","length","undefined","render","_vm","_h","$createElement","_c","_self","staticClass","staticStyle","attrs","$i18n","locale","_v","_s","$t","_l","item","index","key","style","duibilist","on","$event","stopPropagation","del","image","product_name","product_feature","_e","classchange","model","value","callback","$$v","classid","expression","cat_id","cat_name","selectchange","selectid","$set","product_id","item_title","getParameteritemvalue","item_id","staticRenderFns","component"],"mappings":"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","file":"js/chunk-3efe1f52.c7076155.js","sourcesContent":["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\";","'use strict';\nvar $ = require('../internals/export');\nvar $find = require('../internals/array-iteration').find;\nvar addToUnscopables = require('../internals/add-to-unscopables');\n\nvar FIND = 'find';\nvar SKIPS_HOLES = true;\n\n// Shouldn't skip holes\nif (FIND in []) Array(1)[FIND](function () { SKIPS_HOLES = false; });\n\n// `Array.prototype.find` method\n// https://tc39.es/ecma262/#sec-array.prototype.find\n$({ target: 'Array', proto: true, forced: SKIPS_HOLES }, {\n  find: function find(callbackfn /* , that = undefined */) {\n    return $find(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);\n  }\n});\n\n// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables\naddToUnscopables(FIND);\n","module.exports = __webpack_public_path__ + \"img/banner_en.423f7d52.jpg\";","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./canshuduibi.vue?vue&type=style&index=0&id=4be1f080&scoped=true&lang=css&\"","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 () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;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)])])])}\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--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!./canshuduibi.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!./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&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":""}