{"version":3,"sources":["webpack:///./src/views/product/product_details/hkmall_detail.vue?d4e1","webpack:///./src/views/product/product_details/hkmall_detail.vue","webpack:///src/views/product/product_details/hkmall_detail.vue","webpack:///./src/views/product/product_details/hkmall_detail.vue?42f5","webpack:///./src/views/product/product_details/hkmall_detail.vue?69b5"],"names":["render","_vm","this","_c","_self","staticClass","_v","_m","on","$event","payment","attrs","staticStyle","_l","edition","val","index","key","_s","name","intro","function","value","is_yes","class","amount","pricearr","id","staticRenderFns","data","cloudid","pagedata","detailD","mounted","console","log","$route","query","pageinit","methods","_this","axios","post","then","msg","res","err","logining","$nextTick","extra","detail","map","price","split","catch","error","$router","push","editionid","component"],"mappings":"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","file":"js/chunk-444f6e36.48aef523.js","sourcesContent":["export * from \"-!../../../../node_modules/_mini-css-extract-plugin@0.9.0@mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/_css-loader@3.6.0@css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/_vue-loader@15.10.1@vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/_postcss-loader@3.0.0@postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/_vue-loader@15.10.1@vue-loader/lib/index.js??vue-loader-options!./hkmall_detail.vue?vue&type=style&index=0&id=4caef395&prod&scoped=true&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('section',[_c('div',{staticClass:\"banner\"},[_c('div',{staticClass:\"banner-con\"},[_c('div',{staticClass:\"event\"},[_c('div',{staticClass:\"banner-title\"},[_vm._v(\"香港商城\")]),_c('div',{staticClass:\"banner-pro\"},[_vm._v(\"助力香港企业入驻，支持人民币、港币支付\")]),_c('div',{staticClass:\"b-button-box\"},[_vm._m(0),_c('div',{staticClass:\"button\",on:{\"click\":function($event){return _vm.payment()}}},[_vm._v(\"立即订购\")])])]),_c('img',{staticClass:\"bgimg hkmall\",attrs:{\"src\":\"https://aigeshou-ocean.oss-cn-shenzhen.aliyuncs.com/gorex/office/bannerzhmy.png\"}})])]),_vm._m(1),_c('div',{staticClass:\"section\",staticStyle:{\"margin-top\":\"60px\"}},[_c('div',{staticClass:\"section-content\"},[_c('div',{staticClass:\"part data\",attrs:{\"id\":\"price\"}},[_vm._m(2),_c('div',{staticClass:\"goods-simple\"},[_vm._l((_vm.edition),function(val,index){return [_c('div',{key:index,staticClass:\"goods-simple-col\"},[_c('div',{staticClass:\"goods-card-simple\"},[_c('div',{staticClass:\"simple-card-header\"},[_c('div',{staticClass:\"simple-header-title\"},[_vm._v(_vm._s(val.name))]),_c('div',{staticClass:\"simple-header-desc\"},[_vm._v(_vm._s(val.intro))])]),_c('div',{staticClass:\"simple-content-form\"},_vm._l((val.function),function(value,key){return _c('div',{key:key,staticClass:\"form-item\"},[_c('div',{staticClass:\"form-item-icon\"},[(value.is_yes==1)?_c('i',{staticClass:\"el-icon-circle-check active\"}):_c('i',{staticClass:\"iconfont icon-yuan1\"})]),_c('div',{staticClass:\"form-item-con\",class:{'active':value.is_yes==1}},[_c('p',{staticStyle:{\"flex-shrink\":\"0\"}},[_vm._v(_vm._s(value.function))]),(value.is_yes==0)?_c('p',[_vm._v(\"不支持\")]):_c('p',{staticClass:\"active\"},[_vm._v(_vm._s(value.amount==0?'支持': value.amount))])])])}),0),_c('div',{staticClass:\"simple-price-box\"},[_c('div',{staticClass:\"simple-show-label\"}),_c('div',{staticClass:\"right-price-box\"},[_c('div',{staticClass:\"price-content\"},[_c('span',{staticClass:\"price-icon\"},[_vm._v(\"￥\")]),_c('span',{staticClass:\"price-trade\"},[_c('span',{staticClass:\"price-trade-price\"},[_c('span',[_vm._v(_vm._s(val.pricearr[0]))]),_c('span',{staticClass:\"trade-price-point\"},[_vm._v(\".\"+_vm._s(val.pricearr[1]))])])]),_c('span',{staticClass:\"price-info\"},[_vm._v(\"/年\")])])])]),_c('div',{staticClass:\"buy-button-box\",attrs:{\"data-tracker-type\":\"goodsBuy\"}},[_c('button',{staticClass:\"ace-btn ace-large ace-btn-primary button-action\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.payment(val.id)}}},[_c('span',{staticClass:\"ace-btn-helper\"},[_vm._v(\"立即购买\")])])])])])]})],2)])])])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"edition-price\"},[_c('span',[_vm._v(\"2980.\")]),_vm._v(\"00/年\")])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"intro\"},[_c('div',{staticClass:\"section\"},[_c('div',{staticClass:\"section-content\"},[_c('div',{staticClass:\"con-title\"},[_c('div',[_vm._v(\"仅需五步、上线您的专属小程序\")]),_c('p',[_vm._v(\"工程师、设计师、平台客服，多对一为您提供全流程服务\")])]),_c('div',{staticClass:\"intro-part intro-part2\"},[_c('div',{staticClass:\"intro-list\"},[_c('div',{staticClass:\"intro-con\"},[_c('div',{staticClass:\"number\"},[_vm._v(\"1\")]),_c('div',{staticClass:\"intro-i\"},[_c('div',[_vm._v(\"注册聚码账号，订购云产品\")]),_c('p',[_vm._v(\"产品下单前可咨询客服，选择合适您的软件版本\")])])]),_c('div',{staticClass:\"intro-con\"},[_c('div',{staticClass:\"number\"},[_vm._v(\"2\")]),_c('div',{staticClass:\"intro-i\"},[_c('div',[_vm._v(\"注册微信商户号，微信小程序\")]),_c('p',[_vm._v(\"通过微信官网平台注册，可省300元认证费用\")])])]),_c('div',{staticClass:\"intro-con\"},[_c('div',{staticClass:\"number\"},[_vm._v(\"3\")]),_c('div',{staticClass:\"intro-i\"},[_c('div',[_vm._v(\"定制化设计您的小程序首页风格\")]),_c('p',[_vm._v(\"专业设计师与您沟通，设计符合您的产品风格的首页\")])])]),_c('div',{staticClass:\"intro-con\"},[_c('div',{staticClass:\"number\"},[_vm._v(\"4\")]),_c('div',{staticClass:\"intro-i\"},[_c('div',[_vm._v(\"上传您的产品，设置价格与运费\")]),_c('p',[_vm._v(\"客服人员将协助您使用系统对产品进行编辑或调价\")])])]),_c('div',{staticClass:\"intro-con\"},[_c('div',{staticClass:\"number\"},[_vm._v(\"5\")]),_c('div',{staticClass:\"intro-i\"},[_c('div',[_vm._v(\"小程序提审，审核通过即可上线\")]),_c('p',[_vm._v(\"客服人员将协助您设置小程序，以便通过审核并上线\")])])])]),_c('div',{staticClass:\"part2m\"},[_c('img',{attrs:{\"src\":\"https://aigeshou-ocean.oss-cn-shenzhen.aliyuncs.com/gorex/office/index.png\"}}),_c('img',{attrs:{\"src\":\"https://aigeshou-ocean.oss-cn-shenzhen.aliyuncs.com/gorex/office/item.png\"}})])]),_c('div',{staticClass:\"intro-part intro-part3\"},[_c('div',{staticClass:\"intro-title\"},[_c('img',{attrs:{\"src\":\"https://oss.ocean.xdangjia.com/dev_gorex/admin/avatar/1631582385541.png\"}}),_c('span',[_vm._v(\"功能介绍\")])]),_c('p',{staticClass:\"intro-i-operate active\"},[_vm._v(\"云商城提供多种类型的营销功能供您使用，以面向各类商户的业务需求场景。按您的实际业务场景可选择启用不同的营销活动，搭配基础功能以开展多种形式的营销方案\")]),_c('div',{staticClass:\"intro-box active\"},[_c('div',{staticClass:\"intro-item\"},[_c('p',{staticClass:\"intro-i-title\"},[_c('i',{staticClass:\"iconfont icon-vip\"}),_vm._v(\"会员\")]),_c('p',{staticClass:\"intro-i-operate\"},[_vm._v(\"支持多级会员，积分累计或支付年费的形式开通或升级会员\")])]),_c('div',{staticClass:\"intro-item\"},[_c('p',{staticClass:\"intro-i-title\"},[_c('i',{staticClass:\"iconfont icon-217yonghu_jifen\"}),_vm._v(\"积分\")]),_c('p',{staticClass:\"intro-i-operate\"},[_vm._v(\"积分可抵扣现金使用，可设置多种途径获得积分，购物送积分，评价送积分等\")])]),_c('div',{staticClass:\"intro-item\"},[_c('p',{staticClass:\"intro-i-title\"},[_c('i',{staticClass:\"iconfont icon-youhuiquan\"}),_vm._v(\"优惠券\")]),_c('p',{staticClass:\"intro-i-operate\"},[_vm._v(\"领券中心可领取各类优惠券，设置使用期限设置包括活动券、会员券等\")])]),_c('div',{staticClass:\"intro-item\"},[_c('p',{staticClass:\"intro-i-title\"},[_c('i',{staticClass:\"iconfont icon-manjian\"}),_vm._v(\"满减\")]),_c('p',{staticClass:\"intro-i-operate\"},[_vm._v(\"消费满一定金额可自动减免一定金额，例如满100减10，满200减20，满300减30\")])]),_c('div',{staticClass:\"intro-item\"},[_c('p',{staticClass:\"intro-i-title\"},[_c('i',{staticClass:\"iconfont icon-zhekouyouhui\"}),_vm._v(\"满折\")]),_c('p',{staticClass:\"intro-i-operate\"},[_vm._v(\"消费满一定数量可自动进行一定折扣，例如1件9折，2件8折，3件7折\")])])])]),_c('div',{staticClass:\"intro-part intro-part4\"},[_c('div',{staticClass:\"intro-title\"},[_c('img',{attrs:{\"src\":\"https://oss.ocean.xdangjia.com/dev_gorex/admin/avatar/1631582385541.png\"}}),_c('span',[_vm._v(\"我们的服务\")])]),_c('p',{staticClass:\"intro-i-operate active\"},[_vm._v(\"聚码对售后服务非常重视，为确保解决客户在软件使用过程中遇到的问题，我们安排专业工程师与专业设计师全程多对一服务，协助解决各类问题，永久免费提供使用指导\")]),_c('div',{staticClass:\"intro-box active\"},[_c('div',{staticClass:\"intro-item\"},[_c('p',{staticClass:\"intro-i-title\"},[_c('i',{staticClass:\"iconfont icon-icon2\"}),_vm._v(\"资深工程师\")]),_c('p',{staticClass:\"intro-i-operate\"},[_vm._v(\"开发团队有丰富的从业经验，在移动互联网领域开发过多个业务类型的项目\")])]),_c('div',{staticClass:\"intro-item\"},[_c('p',{staticClass:\"intro-i-title\"},[_c('i',{staticClass:\"iconfont icon-shejishi1\"}),_vm._v(\"品牌设计师\")]),_c('p',{staticClass:\"intro-i-operate\"},[_vm._v(\"聚码联合品牌设计师提供设计服务，包括企业运营设计、包装设计、VI设计服务\")])]),_c('div',{staticClass:\"intro-item\"},[_c('p',{staticClass:\"intro-i-title\"},[_c('i',{staticClass:\"iconfont icon-504tongji_ditu\"}),_vm._v(\"全国连锁服务\")]),_c('p',{staticClass:\"intro-i-operate\"},[_vm._v(\"聚码在全国各大城市设立服务中心，建立品牌服务渠道，提供更便捷的服务\")])]),_c('div',{staticClass:\"intro-item\"},[_c('p',{staticClass:\"intro-i-title\"},[_c('i',{staticClass:\"iconfont icon-mianfei\"}),_vm._v(\"永久免费指导\")]),_c('p',{staticClass:\"intro-i-operate\"},[_vm._v(\"每个客户设立专项服务群，聚码工程师与设计师直接为客户提供指导服务\")])]),_c('div',{staticClass:\"intro-item\"},[_c('p',{staticClass:\"intro-i-title\"},[_c('i',{staticClass:\"iconfont icon-shizhongnaolingjishixianshi2\"}),_vm._v(\"定期免费升级\")]),_c('p',{staticClass:\"intro-i-operate\"},[_vm._v(\"聚码SaaS系统将持续不断的进行功能升级与漏洞修复，持续开发最新版本\")])]),_c('div',{staticClass:\"intro-item\"},[_c('p',{staticClass:\"intro-i-title\"},[_c('i',{staticClass:\"iconfont icon-gexingdingzhi\"}),_vm._v(\"支持功能定制\")]),_c('p',{staticClass:\"intro-i-operate\"},[_vm._v(\"现有功能无法满足客户需求时，提供新功能或新版本的开发定制服务\")])]),_c('div',{staticClass:\"intro-item\"},[_c('p',{staticClass:\"intro-i-title\"},[_c('i',{staticClass:\"iconfont icon-chaxunbaogaoshenqing\"}),_vm._v(\"协助账号申请\")]),_c('p',{staticClass:\"intro-i-operate\"},[_vm._v(\"聚码系统接入的第三方账号，我们将提供协助客户开通第三方账号的服务\")])]),_c('div',{staticClass:\"intro-item\"},[_c('p',{staticClass:\"intro-i-title\"},[_c('i',{staticClass:\"iconfont icon-shenhedaiban\"}),_vm._v(\"协助审核上线\")]),_c('p',{staticClass:\"intro-i-operate\"},[_vm._v(\"第三方账号需要审核上线的，我们也将协助客户提供合格的资料顺利通过审核\")])]),_c('div',{staticClass:\"intro-item\"},[_c('p',{staticClass:\"intro-i-title\"},[_c('i',{staticClass:\"iconfont icon-yunying\"}),_vm._v(\"协助运营设计\")]),_c('p',{staticClass:\"intro-i-operate\"},[_vm._v(\"客户策划营销活动，我们提供营销内容设计服务，包括界面设计、海报设计服务\")])])])])])])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"title-module\"},[_c('div',{staticClass:\"main-title\"},[_vm._v(\"产品规格\")]),_c('div',{staticClass:\"sub-title\"},[_c('p',[_vm._v(\"为企业搭建一站式营销中心，可轻松\")]),_c('p',[_vm._v(\"对接多个营销小程序\")])])])\n}]\n\nexport { render, staticRenderFns }","<template>\n\t<section>\n\n\t\t<div class=\"banner\">\n            \n            <div class=\"banner-con\">\n                <div class=\"event\">\n                    <div class=\"banner-title\">香港商城</div>\n                    <div class=\"banner-pro\">助力香港企业入驻，支持人民币、港币支付</div>\n                    <div class=\"b-button-box\">\n                        <div class=\"edition-price\"><span>2980.</span>00/年</div> \n                        <div class=\"button\" @click=\"payment()\">立即订购</div>\n                        <!-- <a href=\"#detail\"><div>功能介绍</div></a>\n                        <a href=\"#case\"><div>客户案例</div></a> -->\n                        \n                    </div>\n                </div>\n                <img class=\"bgimg hkmall\" src=\"https://aigeshou-ocean.oss-cn-shenzhen.aliyuncs.com/gorex/office/bannerzhmy.png\">\n        \n            </div>\n\t\t</div>\n\n        <div class=\"intro\">\n            <div class=\"section\">\n                <div class=\"section-content\">\n                    <div class=\"con-title\">\n                        <div>仅需五步、上线您的专属小程序</div>\n                        <p>工程师、设计师、平台客服，多对一为您提供全流程服务</p>\n                    </div>\n                 \n                    <div class=\"intro-part intro-part2\">\n                        <div class=\"intro-list\">\n                            <div class=\"intro-con\">\n                                <div class=\"number\">1</div>\n                                <div class=\"intro-i\">\n                                    <div>注册聚码账号，订购云产品</div>\n                                    <p>产品下单前可咨询客服，选择合适您的软件版本</p>\n                                </div>\n                            </div>\n                            <div class=\"intro-con\">\n                                <div class=\"number\">2</div>\n                                <div class=\"intro-i\">\n                                    <div>注册微信商户号，微信小程序</div>\n                                    <p>通过微信官网平台注册，可省300元认证费用</p>\n                                </div>\n                            </div>\n                            <div class=\"intro-con\">\n                                <div class=\"number\">3</div>\n                                <div class=\"intro-i\">\n                                    <div>定制化设计您的小程序首页风格</div>\n                                    <p>专业设计师与您沟通，设计符合您的产品风格的首页</p>\n                                </div>\n                            </div>\n                            <div class=\"intro-con\">\n                                <div class=\"number\">4</div>\n                                <div class=\"intro-i\">\n                                    <div>上传您的产品，设置价格与运费</div>\n                                    <p>客服人员将协助您使用系统对产品进行编辑或调价</p>\n                                </div>\n                            </div>\n                            <div class=\"intro-con\">\n                                <div class=\"number\">5</div>\n                                <div class=\"intro-i\">\n                                    <div>小程序提审，审核通过即可上线</div>\n                                    <p>客服人员将协助您设置小程序，以便通过审核并上线</p>\n                                </div>\n                            </div>\n                            \n                        </div>\n                        \n                        <div class=\"part2m\">\n                            <img src=\"https://aigeshou-ocean.oss-cn-shenzhen.aliyuncs.com/gorex/office/index.png\">\n                            <img src=\"https://aigeshou-ocean.oss-cn-shenzhen.aliyuncs.com/gorex/office/item.png\">\n\n                        </div>\n                    </div>\n                    <div class=\"intro-part intro-part3\">\n                        <div class=\"intro-title\">\n                            <img src=\"https://oss.ocean.xdangjia.com/dev_gorex/admin/avatar/1631582385541.png\">\n                            <span>功能介绍</span>\n                        </div>\n                        <p class=\"intro-i-operate active\">云商城提供多种类型的营销功能供您使用，以面向各类商户的业务需求场景。按您的实际业务场景可选择启用不同的营销活动，搭配基础功能以开展多种形式的营销方案</p>\n                        <div class=\"intro-box active\">\n                            <div class=\"intro-item\">\n                                <p class=\"intro-i-title\"><i class=\"iconfont icon-vip\"></i>会员</p>\n                                <p class=\"intro-i-operate\">支持多级会员，积分累计或支付年费的形式开通或升级会员</p>\n                            </div>\n                            <div class=\"intro-item\">\n                                <p class=\"intro-i-title\"><i class=\"iconfont icon-217yonghu_jifen\"></i>积分</p>\n                                <p class=\"intro-i-operate\">积分可抵扣现金使用，可设置多种途径获得积分，购物送积分，评价送积分等</p>\n                            </div>\n                            <div class=\"intro-item\">\n                                <p class=\"intro-i-title\"><i class=\"iconfont icon-youhuiquan\"></i>优惠券</p>\n                                <p class=\"intro-i-operate\">领券中心可领取各类优惠券，设置使用期限设置包括活动券、会员券等</p>\n                            </div>\n                            <div class=\"intro-item\">\n                                <p class=\"intro-i-title\"><i class=\"iconfont icon-manjian\"></i>满减</p>\n                                <p class=\"intro-i-operate\">消费满一定金额可自动减免一定金额，例如满100减10，满200减20，满300减30</p>\n                            </div>\n                            <div class=\"intro-item\">\n                                <p class=\"intro-i-title\"><i class=\"iconfont icon-zhekouyouhui\"></i>满折</p>\n                                <p class=\"intro-i-operate\">消费满一定数量可自动进行一定折扣，例如1件9折，2件8折，3件7折</p>\n                            </div>\n                        </div>\n\n                    </div>\n                    <div class=\"intro-part intro-part4\">\n                        <div class=\"intro-title\">\n                            <img src=\"https://oss.ocean.xdangjia.com/dev_gorex/admin/avatar/1631582385541.png\">\n                            <span>我们的服务</span>\n                        </div>\n                        <p class=\"intro-i-operate active\">聚码对售后服务非常重视，为确保解决客户在软件使用过程中遇到的问题，我们安排专业工程师与专业设计师全程多对一服务，协助解决各类问题，永久免费提供使用指导</p>\n                        <div class=\"intro-box active\">\n                            <div class=\"intro-item\">\n                                <p class=\"intro-i-title\"><i class=\"iconfont icon-icon2\"></i>资深工程师</p>\n                                <p class=\"intro-i-operate\">开发团队有丰富的从业经验，在移动互联网领域开发过多个业务类型的项目</p>\n                            </div>\n                            <div class=\"intro-item\">\n                                <p class=\"intro-i-title\"><i class=\"iconfont icon-shejishi1\"></i>品牌设计师</p>\n                                <p class=\"intro-i-operate\">聚码联合品牌设计师提供设计服务，包括企业运营设计、包装设计、VI设计服务</p>\n                            </div>\n                            <div class=\"intro-item\">\n                                <p class=\"intro-i-title\"><i class=\"iconfont icon-504tongji_ditu\"></i>全国连锁服务</p>\n                                <p class=\"intro-i-operate\">聚码在全国各大城市设立服务中心，建立品牌服务渠道，提供更便捷的服务</p>\n                            </div>\n                            <div class=\"intro-item\">\n                                <p class=\"intro-i-title\"><i class=\"iconfont icon-mianfei\"></i>永久免费指导</p>\n                                <p class=\"intro-i-operate\">每个客户设立专项服务群，聚码工程师与设计师直接为客户提供指导服务</p>\n                            </div>\n                            <div class=\"intro-item\">\n                                <p class=\"intro-i-title\"><i class=\"iconfont icon-shizhongnaolingjishixianshi2\"></i>定期免费升级</p>\n                                <p class=\"intro-i-operate\">聚码SaaS系统将持续不断的进行功能升级与漏洞修复，持续开发最新版本</p>\n                            </div>\n                            <div class=\"intro-item\">\n                                <p class=\"intro-i-title\"><i class=\"iconfont icon-gexingdingzhi\"></i>支持功能定制</p>\n                                <p class=\"intro-i-operate\">现有功能无法满足客户需求时，提供新功能或新版本的开发定制服务</p>\n                            </div>\n                            <div class=\"intro-item\">\n                                <p class=\"intro-i-title\"><i class=\"iconfont icon-chaxunbaogaoshenqing\"></i>协助账号申请</p>\n                                <p class=\"intro-i-operate\">聚码系统接入的第三方账号，我们将提供协助客户开通第三方账号的服务</p>\n                            </div>\n                            <div class=\"intro-item\">\n                                <p class=\"intro-i-title\"><i class=\"iconfont icon-shenhedaiban\"></i>协助审核上线</p>\n                                <p class=\"intro-i-operate\">第三方账号需要审核上线的，我们也将协助客户提供合格的资料顺利通过审核</p>\n                            </div>\n                            <div class=\"intro-item\">\n                                <p class=\"intro-i-title\"><i class=\"iconfont icon-yunying\"></i>协助运营设计</p>\n                                <p class=\"intro-i-operate\">客户策划营销活动，我们提供营销内容设计服务，包括界面设计、海报设计服务</p>\n                            </div>\n                        </div>\n                        \n                    </div>\n                </div>\n            </div>\n        </div>\n\t\t<div class=\"section\" style=\"margin-top: 60px;\">\n\t\t\t<div class=\"section-content\">\n                <div class=\"part data\" id=\"price\">\n                    <div class=\"title-module\">\n                            <div class=\"main-title\">产品规格</div>\n                            <div class=\"sub-title\">\n                                <p>为企业搭建一站式营销中心，可轻松</p>\n                                <p>对接多个营销小程序</p>\n                            </div>\n                    </div>\n                    <div class=\"goods-simple\">\n                        \n                        <template v-for=\"(val,index) in edition\">   \n                            <div class=\"goods-simple-col\" :key=\"index\">\n                                <div class=\"goods-card-simple\">\n                                    <div class=\"simple-card-header\">\n                                        <div class=\"simple-header-title\">{{val.name}}</div>\n                                        <div class=\"simple-header-desc\">{{val.intro}}</div>\n                                    </div>\n                                    <div class=\"simple-content-form\">\n                                        <div class=\"form-item\" v-for=\"(value,key) in val.function\" :key=\"key\">\n                                            <div class=\"form-item-icon\">\n                                                <i class=\"el-icon-circle-check active\" v-if=\"value.is_yes==1\"></i>\n                                                <i class=\"iconfont icon-yuan1\" v-else></i>\n                                                \n                                            </div>\n                                            <div class=\"form-item-con\" :class=\"{'active':value.is_yes==1}\">\n                                                <p style=\"flex-shrink: 0\">{{value.function}}</p>\n                                                <p v-if=\"value.is_yes==0\">不支持</p>\n                                                <p v-else class=\"active\">{{value.amount==0?'支持': value.amount}}</p>\n                                            </div>\n\n                                        </div>\n                                    </div>\n\n                                    <div class=\"simple-price-box \">\n                                        <div class=\"simple-show-label\"></div>\n                                        <div class=\"right-price-box\">\n                                            <div class=\"price-content\">\n                                                <span class=\"price-icon\">￥</span>\n                                                <span class=\"price-trade\">\n                                                    <span class=\"price-trade-price\">\n                                                        <span>{{val.pricearr[0]}}</span>\n                                                        <span class=\"trade-price-point\">.{{val.pricearr[1]}}</span>\n                                                    </span>\n                                                </span>\n                                                <span class=\"price-info\">/年</span>\n                                            </div>\n                                        </div>\n                                    </div>\n                                    <div class=\"buy-button-box\" data-tracker-type=\"goodsBuy\">\n                                        <button @click=\"payment(val.id)\" type=\"button\" class=\"ace-btn ace-large ace-btn-primary button-action\"><span class=\"ace-btn-helper\">立即购买</span>\n                                        </button>\n                                    </div>\n                                </div>\n\n                            </div>\n                            \n                        </template> \n                        \n                    </div>\n                </div>\n\n\n\t\t\t</div>\n\t\t</div>\n\t\t\n\t</section>\n</template>\n<script type=\"text/javascript\">\n\texport default {\n    data(){\n        return {\n        \tcloudid:'',\n        \tpagedata:{},\n        \tdetailD: [],\n            edition: []\n        }\n    },\n\tmounted(){\n\t\tconsole.log('this is partners');\n\t\tthis.cloudid = this.$route.query.id;\n\t\tthis.pageinit();\n\t},\n\tmethods: {\n\t\tpageinit(){\n\t\t\tconsole.log(this.cloudid)\n\t\t\tlet _this = this;\n\t\t\tthis.axios.post('/cloud/nologin/detail', {\n                cloudid: this.cloudid\n            })\n            .then(function (msg) {\n                const res = msg.data;\n                if (!res.err) {\n                    _this.$nextTick(function () {\n                        _this.pagedata = res.extra;\n                        _this.detailD = res.extra.detail;\n                        var edition = res.extra.edition;\n                        \n                        _this.edition = edition.map((val) => {\n                            var price = val.price.split('.');\n                            val.pricearr = price;\n                            return val;\n                        })\n                    })\n                    \n                } else {\n                    _this.logining = false;\n                }\n\n            })\n            .catch(function (error) {\n                console.log(error);\n            });\n\t\t},\n        payment(id){\n            this.$router.push({name: 'product_ordering',query:{id:2,editionid: id}});\n        }\n\t},\n  \n  // router\n}\n\n</script>\n<style type=\"text/css\" scoped>\n\t.banner{\n\t\twidth: 100%;\n\t\tmin-width: 1024px;\n\t\theight: 500px;\n        background-color: #ec3630;\n\t\toverflow-y: hidden;\n\t}\n\t.banner-con{\n\t\twidth: auto;\n\t\theight: 100%;\n\t    margin-left: auto;\n\t    margin-right: auto;\n\t    /*margin-top: 160px;*/\n\t    max-width: 1374px;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        position: relative;\n\n    }\n    .bgimg{\n        width: auto;\n        height: 100%;\n        position: absolute;\n        right: 0;\n    }\n    .bgimg.hkmall{\n        width: auto;\n        height: 100%;\n        object-position: right;\n    }\n    .event{\n\t\twidth: 409px;\n\t\theight: 100%;\n\t    display: flex;\n    \tflex-direction: column;\n    \tjustify-content: center;\n\t    padding-bottom: 40px;\n        padding-left: 30px;\n        position: absolute;\n        left: 0;\n        z-index: 9;\n    }\n    .banner-title{\n    \tfont-size: 32px;\n    \tfont-weight: bold;\n    \tcolor: #fff;\n        font-family: 'SimSun';\n    }\n    .banner-pro{\n    \tfont-size: 20px;\n    \tcolor: #fff;\n    \tpadding-top: 4px;\n    }\n    .b-button-box{\n    \twidth: 100%;\n    \tdisplay: flex;\n    \talign-items: center;\n    \tmargin-top: 30px;\n        color: #fff;\n    }\n    .b-button-box a,.b-button-box .button{\n    \twidth: 140px;\n    \theight: 34px;\n    \tdisplay: flex;\n    \talign-items: center;\n    \tjustify-content: center;\n    \tborder-radius: 5px;\n    \tcursor: pointer;\n    \tfont-size: 16px;\n    \tcolor: #169BD5;\n        margin-left: 30px;\n    }\n    .b-button-box .button{\n    \tcolor: #fff; \n        border: 1px solid #fff;\n    }\n    .edition-price{\n        font-size: 18px;\n    }\n    .edition-price span{\n        font-size: 28px;\n    }\n\n    .part-title{\n    \tfont-size: 24px;\n    \tfont-weight: bold;\n    \tline-height: 24px;\n    \tcolor: #333333;\n    \tmargin-top: 80px;\n    }\n    .list-item{\n    \tmargin-top: 40px;\n    }\n\n\n    .goods-simple{\n        width: 100%;\n        display: flex;\n        flex-wrap: wrap;\n        justify-content: center;\n        margin-top: 60px;\n        padding-bottom: 60px;\n    }\n    .goods-simple-col{\n        flex: 0 0 25%;\n        width: 25%;\n        max-width: 25%;\n        padding: 5px 20px;\n    }\n    .goods-card-simple {\n        background: #fff;\n        position: relative;\n        border: 1px solid #ededec;\n        transition: box-shadow .3s ease-out;\n    }\n    .goods-card-simple:hover {\n        box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);\n    }\n    .simple-card-header {\n        padding: 0 20px 10px;\n        padding-top: 28px;\n        box-sizing: border-box;\n        background: url(https://aigeshou-ocean.oss-cn-shenzhen.aliyuncs.com/gorex/office/online/online_header.jpeg) center top / 100% no-repeat;\n    }\n    .simple-header-title {\n        position: relative;\n        text-align: left;\n        font-size: 18px;\n        color: #181818;\n        letter-spacing: .55px;\n        line-height: 30px;\n        margin-bottom: 8px;\n        font-weight: 600;\n        transition: all .3s;\n    }\n    .simple-header-desc {\n        text-align: left;\n        font-size: 14px;\n        min-height: 48px;\n        letter-spacing: .37px;\n        line-height: 24px;\n        color: #999;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        display: -webkit-box;\n        -webkit-line-clamp: 2;\n        line-clamp: 2;\n        -webkit-box-orient: vertical;\n    }\n    .simple-content-form {\n        /*height: 208px;*/\n        padding: 8px 20px;\n        box-sizing: border-box;\n        /*border-bottom: 1px solid #ebecec;*/\n    }\n    .form-item{\n        display: flex;\n        align-items: center;\n        /*margin-top: 12px;*/\n    }\n    .form-item-icon{\n        width: 40px;\n        display: flex;\n        align-items: center;\n    }\n    .form-item-icon i{\n        font-size: 18px;\n        color: #999;\n        flex-shrink: 0;\n    }\n    .form-item-icon i.active{\n        color: #5bd44e;\n    }\n    .form-item-con{\n        height: 32px;\n        line-height: 32px;\n        flex: 1;\n        font-size: 14px;\n        color: #999;\n        /*border-bottom: 1px solid #ebecec;*/\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n    }\n    .form-item-con.active{\n        color: #333;\n    }\n    .simple-price-box {\n        padding: 0 20px;\n        box-sizing: border-box;\n        border-top: 1px solid #ebecec;\n    }\n    .simple-show-label {\n        margin-top: 12px;\n        margin-bottom: 12px;\n        height: 20px;\n        overflow: hidden;\n    }\n    .right-price-box {\n        margin-bottom: 14px;\n        height: 50px;\n    }\n    .price-content {\n        margin-bottom: 4px;\n    }\n    .price-icon {\n        color: #ff6a00;\n        font-size: 16px;\n        letter-spacing: .81px;\n    }\n    .price-trade {\n        text-align: left;\n        color: #ff6a00;\n        line-height: 26px;\n        font-size: 30px;\n        letter-spacing: 1.2px;\n    }\n    .trade-price-point {\n        font-size: 16px;\n        letter-spacing: .81px;\n    }\n    .price-info {\n        margin-left: 4px;\n        font-size: 14px;\n        letter-spacing: .81px;\n    }\n    .button-action {\n        width: 100%;\n    }\n    .ace-btn.ace-btn-primary, .ace-btn.ace-btn-primary.visited, .ace-btn.ace-btn-primary:link, .ace-btn.ace-btn-primary:visited {\n        color: #fff;\n    }\n    .ace-btn.ace-btn-primary {\n        border-style: solid;\n        background-color: #ff6a00;\n        border-color: transparent;\n    }\n    .ace-btn.ace-large {\n        border-radius: 0;\n        padding: 0 36px;\n        height: 36px;\n        font-size: 14px;\n        border-width: 1px;\n    }\n    .ace-btn.ace-btn-primary:hover {\n        color: #fff;\n        background-color: #ff791a;\n        border-color: #ff791a;\n        text-decoration: none;\n    }\n\n    \n    .data{\n        width: 100%;\n        border-radius: 30px;\n        background-color: #fff;\n        padding-top: 60px;\n        overflow: hidden;\n    }\n\n    .intro{\n        width: 100%;\n        background-color: #fff;\n        padding: 60px 0;\n    }\n    .intro .section-content{\n        padding: 0 80px;\n    }\n    .intro-part{\n        margin-top: 60px;\n        padding: 0 24px;\n    }\n\n    .intro-title{\n        display: flex;\n        align-items: center;\n        font-size: 18px;\n        font-weight: bold;\n        color: #333;\n    }\n    .intro-title img{\n        width: 34px;\n        height: auto;\n        margin-right: 12px;\n    }\n    .intro-box{\n        width: 100%;\n        display: flex;\n        flex-wrap: wrap;\n        color: #333;\n    }\n    .intro-box.active{\n        margin-top: 20px;\n    }\n    .intro-box.grey{\n        color: #909399;\n    }\n    .intro-item{\n        width: 33.33%;\n        margin: 20px 0;\n        \n        padding-right: 40px;\n    }\n    .intro-item:nth-of-type(3n){\n        padding-right: 0;\n    }\n    .intro-i-title{\n        font-size: 16px;\n        font-weight: bold;\n        display: flex;\n        align-items: center;\n    }\n    .intro-i-title .iconfont{\n        font-size: 24px;\n        margin-right: 6px;\n        color: #333;\n        font-weight: 400;\n    }\n    .intro-i-operate{\n        font-size: 14px;\n        padding-top: 8px;\n    }\n    .intro-i-operate.active{\n        width: 60%;\n    }\n    .intro-part2{\n        width: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        position: relative;\n        overflow: hidden;\n        padding-bottom: 12px;\n    }\n    .intro-part2::after{\n        content: ' ';\n        width: 120%;\n        height: 150px;\n        background: #ec3630;\n        transform: rotate(-4deg);\n        position: absolute;\n        left: 1px;\n        bottom: -99px;\n    }\n    .part2m{\n        flex-shrink: 0;\n        display: flex;\n        align-items: flex-end;\n        margin-left: 180px;\n        position: relative;\n        z-index: 9;\n    }\n    .part2m img:nth-of-type(1){\n        width: 260px;\n        height: auto;\n    }\n    .part2m img:nth-of-type(2){\n        width: 240px;\n        height: auto;\n        margin-left: 10px;\n    }\n   /* .part2m img{\n        width: 508px;\n        margin-left: 180px;\n        margin-right: 12px;\n        position: relative;\n        z-index: 9;\n    }*/\n    .intro-list{\n        width: 100%;\n    }\n    .intro-con{\n        display: flex;\n        align-items: center;\n        margin-top: 30px;\n    }\n    .intro-con .number{\n        flex-shrink: 0;\n        width: 50px;\n        font-size: 24px;\n        font-weight: bold;\n        position: relative;\n        padding-left: 12px;\n    }\n    .intro-con .number::before{\n        content: ' ';\n        width: 3px;\n        height: 30px;\n        background-color: #ec3630;\n        position: absolute;\n        left: 0;\n        top: 50%;\n        transform: translateY(-50%);\n    }\n    .intro-i{\n        color: #333;\n    }\n    .intro-i div{\n        font-size: 16px;\n        font-weight: bold;\n    }\n    .intro-i p{\n        font-size: 14px;\n        padding-top: 4px;\n    }\n    .con-title{\n        width: 100%;\n        color: #333;\n    }\n    .con-title div{\n        font-size: 24px;\n        font-weight: bold;\n        text-align: center;\n    }\n    .con-title p{\n        text-align: center;\n    }\n</style>","import mod from \"-!../../../../node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/_thread-loader@2.1.3@thread-loader/dist/cjs.js!../../../../node_modules/_babel-loader@8.3.0@babel-loader/lib/index.js!../../../../node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/_vue-loader@15.10.1@vue-loader/lib/index.js??vue-loader-options!./hkmall_detail.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/_thread-loader@2.1.3@thread-loader/dist/cjs.js!../../../../node_modules/_babel-loader@8.3.0@babel-loader/lib/index.js!../../../../node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/_vue-loader@15.10.1@vue-loader/lib/index.js??vue-loader-options!./hkmall_detail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./hkmall_detail.vue?vue&type=template&id=4caef395&scoped=true&\"\nimport script from \"./hkmall_detail.vue?vue&type=script&lang=js&\"\nexport * from \"./hkmall_detail.vue?vue&type=script&lang=js&\"\nimport style0 from \"./hkmall_detail.vue?vue&type=style&index=0&id=4caef395&prod&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/_vue-loader@15.10.1@vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"4caef395\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}