{"version":3,"sources":["webpack:///./src/views/logon/rfq.vue?1b85","webpack:///./src/views/logon/rfq.vue?e7e5","webpack:///src/views/logon/rfq.vue","webpack:///./src/views/logon/rfq.vue?034c","webpack:///./src/views/logon/rfq.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","projectname","_m","quanttableData","length","ref","staticStyle","attrs","background","tableRowClassName","slot","_e","qualtableData","_l","item","refInFor","list","arraySpanMethod","marketName","on","$event","NextRequest","dialogVisible","$router","push","staticRenderFns","data","width","totalNumber","subTotalNumber","quantheight","discount","id","created","script","document","dataLayer","window","gtag","methods","sendQuotationEMail","quotation","then","res","handleScroll","row","rowIndex","addClass","column","columnIndex","advertisementFlow","path","source","information","iscookies","localStorage","name","query","client","getQuotationList","getQuotationDetail","rfqId","getSummaries","columns","sums","component"],"mappings":"yIAAA,yBAAqjB,EAAG,G,yCCAxjB,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,MAAM,CAACE,YAAY,YAAY,CAACN,EAAIO,GAAG,yBAA0BP,EAAIQ,GAAGR,EAAIS,aAAa,OAAQT,EAAIU,GAAG,GAAIV,EAAIW,eAAeC,OAAO,EAAGR,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,SAAS,CAACN,EAAIO,GAAG,kBAAkBH,EAAG,WAAW,CAACS,IAAI,QAAQC,YAAY,CAAC,MAAQ,QAAQC,MAAM,CAAC,aAAa,MAAM,KAAOf,EAAIW,eAAe,OAAS,GAAG,wBAAwB,GAAG,oBAAoB,CAACK,WAAW,WAAW,iBAAiBhB,EAAIiB,oBAAoB,CAACb,EAAG,kBAAkB,CAACW,MAAM,CAAC,KAAO,aAAa,MAAQ,SAAS,MAAQ,SAAS,MAAQ,SAASX,EAAG,kBAAkB,CAACW,MAAM,CAAC,KAAO,aAAa,MAAQ,SAAS,MAAQ,YAAYX,EAAG,kBAAkB,CAACW,MAAM,CAAC,KAAO,cAAc,MAAQ,KAAK,MAAQ,SAAS,MAAQ,QAAQX,EAAG,kBAAkB,CAACW,MAAM,CAAC,KAAO,UAAU,MAAQ,MAAM,MAAQ,SAAS,MAAQ,SAASX,EAAG,kBAAkB,CAACW,MAAM,CAAC,KAAO,SAAS,MAAQ,IAAI,MAAQ,KAAK,MAAQ,YAAYX,EAAG,kBAAkB,CAACW,MAAM,CAAC,KAAO,iBAAiB,MAAQ,wBAAwB,MAAQ,SAAS,MAAQ,SAASX,EAAG,kBAAkB,CAACW,MAAM,CAAC,KAAO,eAAe,MAAQ,sBAAsB,MAAQ,SAAS,MAAQ,SAASX,EAAG,kBAAkB,CAACW,MAAM,CAAC,KAAO,WAAW,MAAQ,kBAAkB,MAAQ,SAAS,MAAQ,QAAQX,EAAG,kBAAkB,CAACW,MAAM,CAAC,KAAO,WAAW,MAAQ,kBAAkB,MAAQ,SAAS,MAAQ,SAAS,GAAGX,EAAG,aAAa,CAACW,MAAM,CAAC,UAAY,gBAAgB,CAACX,EAAG,MAAM,CAACW,MAAM,CAAC,KAAO,WAAWG,KAAK,WAAW,CAAClB,EAAIO,GAAG,wDAAwDH,EAAG,MAAMJ,EAAIO,GAAG,qDAAqDH,EAAG,MAAMJ,EAAIO,GAAG,iFAAiFH,EAAG,MAAMJ,EAAIO,GAAG,6FAA6FH,EAAG,MAAMJ,EAAIO,GAAG,2EAA2EH,EAAG,MAAMJ,EAAIO,GAAG,qGAAqGH,EAAG,MAAMJ,EAAIO,GAAG,+BAA+BH,EAAG,OAAO,CAACU,YAAY,CAAC,MAAQ,MAAM,OAAS,YAAY,CAACd,EAAIO,GAAG,4BAA4B,GAAGP,EAAImB,KAAMnB,EAAIoB,cAAcR,OAAO,EAAGR,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,MAAM,CAACE,YAAY,SAAS,CAACN,EAAIO,GAAG,iBAAiBP,EAAIqB,GAAIrB,EAAiB,eAAE,SAASsB,GAAM,OAAOlB,EAAG,MAAM,CAACA,EAAG,WAAW,CAACS,IAAI,QAAQU,UAAS,EAAKT,YAAY,CAAC,MAAQ,QAAQC,MAAM,CAAC,aAAa,MAAM,KAAOO,EAAKE,KAAK,OAAS,GAAG,wBAAwB,GAAG,oBAAoB,CAACR,WAAW,WAAW,cAAchB,EAAIyB,gBAAgB,iBAAiBzB,EAAIiB,oBAAoB,CAACb,EAAG,kBAAkB,CAACW,MAAM,CAAC,KAAO,UAAU,MAAQO,EAAKI,WAAW,MAAQ,YAAYtB,EAAG,kBAAkB,CAACW,MAAM,CAAC,KAAO,MAAM,MAAQ,WAAW,MAAQ,YAAYX,EAAG,kBAAkB,CAACW,MAAM,CAAC,KAAO,OAAO,MAAQ,OAAO,MAAQ,YAAYX,EAAG,kBAAkB,CAACW,MAAM,CAAC,KAAO,WAAW,MAAQ,gBAAgB,MAAQ,aAAa,IAAI,MAAKX,EAAG,aAAa,CAACW,MAAM,CAAC,UAAY,gBAAgB,CAACX,EAAG,MAAM,CAACW,MAAM,CAAC,KAAO,WAAWG,KAAK,WAAW,CAAClB,EAAIO,GAAG,iHAAiHH,EAAG,MAAMJ,EAAIO,GAAG,oIAAoIH,EAAG,MAAMJ,EAAIO,GAAG,sIAAsIH,EAAG,MAAMJ,EAAIO,GAAG,6FAA6FH,EAAG,MAAMJ,EAAIO,GAAG,2EAA2EH,EAAG,MAAMJ,EAAIO,GAAG,qGAAqGH,EAAG,MAAMJ,EAAIO,GAAG,+BAA+BH,EAAG,OAAO,CAACU,YAAY,CAAC,MAAQ,MAAM,OAAS,YAAY,CAACd,EAAIO,GAAG,2BAA2BH,EAAG,MAAM,CAACJ,EAAIO,GAAG,sDAAsD,GAAGP,EAAImB,KAAKf,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,SAAS,CAACuB,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAO5B,EAAI6B,iBAAiB,CAAC7B,EAAIO,GAAG,wBAAwBH,EAAG,YAAY,CAACW,MAAM,CAAC,MAAQ,GAAG,QAAUf,EAAI8B,cAAc,MAAQ,OAAOH,GAAG,CAAC,iBAAiB,SAASC,GAAQ5B,EAAI8B,cAAcF,KAAU,CAACxB,EAAG,OAAO,CAACJ,EAAIO,GAAG,8CAA8CH,EAAG,OAAO,CAACE,YAAY,gBAAgBS,MAAM,CAAC,KAAO,UAAUG,KAAK,UAAU,CAACd,EAAG,YAAY,CAACuB,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAO5B,EAAI6B,iBAAiB,CAAC7B,EAAIO,GAAG,kBAAkBH,EAAG,YAAY,CAACW,MAAM,CAAC,KAAO,WAAWY,GAAG,CAAC,MAAQ,SAASC,GAAQ5B,EAAI8B,eAAgB,EAAM9B,EAAI+B,QAAQC,KAAK,mBAAmB,CAAChC,EAAIO,GAAG,gBAAgB,MAAM,IACp2J0B,EAAkB,CAAC,WAAa,IAAIjC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACU,YAAY,CAAC,aAAa,SAAS,CAACd,EAAIO,GAAG,iDAAiDH,EAAG,MAAMJ,EAAIO,GAAG,gJ,YCyJjN,GACf2B,OACA,OACAvB,kBACAS,iBACAU,iBACAK,SACAC,eACAC,kBACAC,eACA7B,eACA8B,YACAC,QAIAC,UACA,wBACA,iBACA,yBACA,yCACAC,WACAA,mEACAC,6BACAD,cAEA,aACAE,0BAFAC,sCAIAC,iBACAA,+BAIAC,SACAC,qBACAA,gBACAR,WACAS,0DACAC,KAAAC,QAEAC,eAEA,sFAEA,gEAEA,kBAUAnC,uBAAAoC,WAAAC,IACA,gLACA,cAEA,IAEAC,cAAAF,SAAAG,WAAAF,cAAAG,IACA,QAEA,mBAGAhC,qBAAA4B,SAAAG,WAAAF,cAAAG,IACA,sDAMAC,yBAEA,4BAGAA,gBACAC,WACAC,UACAC,oBACAX,KAAAC,IACA,SAOAO,gBACAC,WACAC,gCACAC,oBACAX,KAAAC,IACA,UAQAW,YAEA,yCACA,2CACA,gBAEA,uBACA,gBACAC,wCAGA,sCACA,mBAAAC,cAAAC,OAAAL,qBAaA/B,cACA,gDACA,mBAAAmC,aAAAC,OAAAC,SAAAN,sBACA,uBAGAO,mBACA,2BACAC,gBACAC,UACAnB,KAAAC,IACA,cACA,iEACA,2DACA,kBACA,4CACA,0CACA,0DACA,oDAWA,gCACA,iBACA7B,+EACAA,mCAGA,qBACAA,uEACAA,2BAEA,qBACAA,uFACAA,2CAEA,mBACAA,mFACAA,uCAEA,aACAA,uEACAA,iCAgCAgD,gBAEA,cAAAC,OAAArC,GAAA,EACA,KA0BA,OAzBAqC,kBAEA,SAGA,YADAC,cAIA,wCAGA,6CAWAA,SAVAA,sBACA,kBACA,gBAGA,EAFA,KAIA,GACAA,iBAKA,KC3Y4V,I,wBCQxVC,EAAY,eACd,EACA1E,EACAkC,GACA,EACA,KACA,WACA,MAIa,aAAAwC,E","file":"static/js/chunk-3c8001c7.22090ca7.js","sourcesContent":["import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./rfq.vue?vue&type=style&index=0&id=6a3472ce&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./rfq.vue?vue&type=style&index=0&id=6a3472ce&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"contact\"},[_c('div',{staticClass:\"contentInfo\"},[_c('div',{staticClass:\"contact\"},[_c('div',{staticClass:\"rfqtitle\"},[_vm._v(\"Holden Quotation for \\\"\"+_vm._s(_vm.projectname)+\"\\\"\")]),_vm._m(0),(_vm.quanttableData.length>0)?_c('div',{staticClass:\"quant rfq\"},[_c('div',{staticClass:\"label\"},[_vm._v(\"Quantitative\")]),_c('el-table',{ref:\"quant\",staticStyle:{\"width\":\"100%\"},attrs:{\"max-height\":\"500\",\"data\":_vm.quanttableData,\"border\":\"\",\"highlight-current-row\":\"\",\"header-cell-style\":{background:'#ecf5ff'},\"row-class-name\":_vm.tableRowClassName}},[_c('el-table-column',{attrs:{\"prop\":\"marketName\",\"label\":\"Market\",\"align\":\"center\",\"width\":\"280\"}}),_c('el-table-column',{attrs:{\"prop\":\"targetName\",\"label\":\"Target\",\"align\":\"center\"}}),_c('el-table-column',{attrs:{\"prop\":\"irLeverName\",\"label\":\"IR\",\"align\":\"center\",\"width\":\"80\"}}),_c('el-table-column',{attrs:{\"prop\":\"loiName\",\"label\":\"LOI\",\"align\":\"center\",\"width\":\"100\"}}),_c('el-table-column',{attrs:{\"prop\":\"number\",\"label\":\"N\",\"width\":\"50\",\"align\":\"center\"}}),_c('el-table-column',{attrs:{\"prop\":\"cpiRecruitment\",\"label\":\"CPI-recruitment (USD)\",\"align\":\"center\",\"width\":\"110\"}}),_c('el-table-column',{attrs:{\"prop\":\"cpiIncentive\",\"label\":\"CPI-incentive (USD)\",\"align\":\"center\",\"width\":\"100\"}}),_c('el-table-column',{attrs:{\"prop\":\"cpiTotal\",\"label\":\"CPI-total (USD)\",\"align\":\"center\",\"width\":\"70\"}}),_c('el-table-column',{attrs:{\"prop\":\"subTotal\",\"label\":\"Sub-Total (USD)\",\"align\":\"center\",\"width\":\"90\"}})],1),_c('el-tooltip',{attrs:{\"placement\":\"right-start\"}},[_c('div',{attrs:{\"slot\":\"content\"},slot:\"content\"},[_vm._v(\"* The minimum project fee is: $500 for each market. \"),_c('br'),_vm._v(\"* The CPI will change if the sample size change. \"),_c('br'),_vm._v(\"* Timeline is counted from full launch. Usually we need 1-3 days for set up. \"),_c('br'),_vm._v(\"* Price and feasibility are based on the information available at the time of quotation. \"),_c('br'),_vm._v(\"* Price and feasibility can change if the specs of the project change. \"),_c('br'),_vm._v(\"* Estimate conditions will be valid for 60 days. After 60 days price and feasibility can change. \"),_c('br'),_vm._v(\"* All prices are in USD. \")]),_c('span',{staticStyle:{\"color\":\"red\",\"cursor\":\"pointer\"}},[_vm._v(\"*Terms & conditions\")])])],1):_vm._e(),(_vm.qualtableData.length>0)?_c('div',{staticClass:\"qual rfq\"},[_c('div',{staticClass:\"label\"},[_vm._v(\"Qualitative\")]),_vm._l((_vm.qualtableData),function(item){return _c('div',[_c('el-table',{ref:\"quant\",refInFor:true,staticStyle:{\"width\":\"100%\"},attrs:{\"max-height\":\"500\",\"data\":item.list,\"border\":\"\",\"highlight-current-row\":\"\",\"header-cell-style\":{background:'#ecf5ff'},\"span-method\":_vm.arraySpanMethod,\"row-class-name\":_vm.tableRowClassName}},[_c('el-table-column',{attrs:{\"prop\":\"rowName\",\"label\":item.marketName,\"align\":\"center\"}}),_c('el-table-column',{attrs:{\"prop\":\"cpi\",\"label\":\"CPI(USD)\",\"align\":\"center\"}}),_c('el-table-column',{attrs:{\"prop\":\"unit\",\"label\":\"Unit\",\"align\":\"center\"}}),_c('el-table-column',{attrs:{\"prop\":\"subTotal\",\"label\":\"SubTotal(USD)\",\"align\":\"center\"}})],1)],1)}),_c('el-tooltip',{attrs:{\"placement\":\"right-start\"}},[_c('div',{attrs:{\"slot\":\"content\"},slot:\"content\"},[_vm._v(\" * If an booked interview is cancelled by client, cancel fee is: 100% of recruitment fee + 50% of incentive. \"),_c('br'),_vm._v(\"* If an approved respondent (interview time hasn't been booked) is cancelled by client, cancel fee is: 100% of recruitment fee. \"),_c('br'),_vm._v(\"* If an booked interview is required to re-schedule by client within 48 hours before the interview, re-schedule fee is: $30 each. \"),_c('br'),_vm._v(\"* Price and feasibility are based on the information available at the time of quotation. \"),_c('br'),_vm._v(\"* Price and feasibility can change if the specs of the project change. \"),_c('br'),_vm._v(\"* Estimate conditions will be valid for 60 days. After 60 days price and feasibility can change. \"),_c('br'),_vm._v(\"* All prices are in USD. \")]),_c('span',{staticStyle:{\"color\":\"red\",\"cursor\":\"pointer\"}},[_vm._v(\"*Terms & conditions\")])]),_c('div',[_vm._v(\"Price is based on the service what we delivery.\")])],2):_vm._e(),_c('div',{staticClass:\"button\"}),_c('div',{staticClass:\"button\"},[_c('button',{on:{\"click\":function($event){return _vm.NextRequest()}}},[_vm._v(\"Next Request\")])])])]),_c('el-dialog',{attrs:{\"title\":\"\",\"visible\":_vm.dialogVisible,\"width\":\"30%\"},on:{\"update:visible\":function($event){_vm.dialogVisible=$event}}},[_c('span',[_vm._v(\"An email has been sent to your email box\")]),_c('span',{staticClass:\"dialog-footer\",attrs:{\"slot\":\"footer\"},slot:\"footer\"},[_c('el-button',{on:{\"click\":function($event){return _vm.NextRequest()}}},[_vm._v(\"Next Request\")]),_c('el-button',{attrs:{\"type\":\"primary\"},on:{\"click\":function($event){_vm.dialogVisible = false;_vm.$router.push('/?source=rfq')}}},[_vm._v(\"Home page\")])],1)])],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{\"margin-top\":\"10px\"}},[_vm._v(\"Below is our ballpark cost for your project. \"),_c('br'),_vm._v(\" Please note this is not the final cost. It's based on the basic information you provided here and would change if any criteria changes.\")])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"contact\">\r\n    <div class=\"contentInfo\">\r\n      <div class=\"contact\">\r\n        <div class=\"rfqtitle\">Holden Quotation for \"{{projectname}}\"</div>\r\n        <!-- <div class=\"button\" style=\"\"> <button @click=\"dialogVisible=true;sendQuotationEMail()\">Send me the quotation by email</button> </div> -->\r\n        <div style=\"margin-top:10px;\">Below is our ballpark cost for your project. </br> Please note this is not the final cost. It's based on the basic information you provided here and would change if any criteria changes.</div>\r\n        <!-- <div class=\"holden\"><img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/logo.png\" alt=\"\"></div>\r\n        <div class=\"introduce\"> …..your Asian team on the ground</div> -->\r\n        <!-- <div v-if=\"qualtableData.length<0\" class=\"wrong\">The quotation is wrong, please click \"More Request\" to quote again</div> -->\r\n        <div class=\"quant rfq\" v-if=\"quanttableData.length>0\">\r\n          <div class=\"label\">Quantitative</div>\r\n          <el-table ref=\"quant\" max-height=\"500\" :data=\"quanttableData\" border highlight-current-row style=\"width: 100%\" :header-cell-style=\"{background:'#ecf5ff'}\" :row-class-name=\"tableRowClassName\">\r\n            <el-table-column prop=\"marketName\" label=\"Market\" align=\"center\" width=\"280\">\r\n            </el-table-column>\r\n            <el-table-column prop=\"targetName\" label=\"Target\" align=\"center\">\r\n            </el-table-column>\r\n            <el-table-column prop=\"irLeverName\" label=\"IR\" align=\"center\" width=\"80\">\r\n            </el-table-column>\r\n            <el-table-column prop=\"loiName\" label=\"LOI\" align=\"center\" width=\"100\">\r\n            </el-table-column>\r\n            <el-table-column prop=\"number\" label=\"N\" width=\"50\" align=\"center\">\r\n            </el-table-column>\r\n            <el-table-column prop=\"cpiRecruitment\" label=\"CPI-recruitment (USD)\" align=\"center\" width=\"110\">\r\n            </el-table-column>\r\n            <el-table-column prop=\"cpiIncentive\" label=\"CPI-incentive (USD)\" align=\"center\" width=\"100\">\r\n            </el-table-column>\r\n            <el-table-column prop=\"cpiTotal\" label=\"CPI-total (USD)\" align=\"center\" width=\"70\">\r\n            </el-table-column>\r\n            <el-table-column prop=\"subTotal\" label=\"Sub-Total (USD)\" align=\"center\" width=\"90\">\r\n            </el-table-column>\r\n            <!-- <el-table-column prop=\"discount\" label=\"Discount\" align=\"center\" width=\"90\" v-if=\"discount\">\r\n            </el-table-column> -->\r\n            <!-- <el-table-column prop=\"specialDiscount\" label=\"Special Discount\" align=\"center\" width=\"\" v-if=\"specialDiscountShow\">\r\n            </el-table-column> -->\r\n            <!-- <el-table-column prop=\"subTotalDiscount\" label=\"Sub-Total after discount (USD)\" align=\"center\" width=\"100\" v-if=\"discount\">\r\n            </el-table-column> -->\r\n            <!-- <el-table-column prop=\"Timeline\" label=\"Timeline\" width=\"120\" align=\"center\">\r\n            </el-table-column> -->\r\n          </el-table>\r\n          <el-tooltip placement=\"right-start\">\r\n            <div slot=\"content\">* The minimum project fee is: $500 for each market.\r\n              <br />* The CPI will change if the sample size change.\r\n              <br />* Timeline is counted from full launch. Usually we need 1-3 days for set up.\r\n              <br />* Price and feasibility are based on the information available at the time of quotation.\r\n              <br />* Price and feasibility can change if the specs of the project change.\r\n              <br />* Estimate conditions will be valid for 60 days. After 60 days price and feasibility can change.\r\n              <br />* All prices are in USD.\r\n            </div>\r\n            <span style=\"color:red;cursor:pointer\">*Terms & conditions</span>\r\n\r\n          </el-tooltip>\r\n        </div>\r\n\r\n        <div class=\"qual rfq\" v-if=\"qualtableData.length>0\">\r\n          <div class=\"label\">Qualitative</div>\r\n\r\n          <!-- <el-table style=\"width: 100%\" :data=\"qualtableData.rows\" border highlight-current-row :header-cell-style=\"{background:'#ecf5ff'}\" :cell-class-name=\"addClass\" :row-class-name=\"tableRowClassName\"> -->\r\n\r\n          <!-- <el-table-column align=\"center\" v-for=\"(each, ind) in qualtableData.secondaryHeader['key']\" width=\"120\">\r\n                    <div>{{each.content}}</div>\r\n\r\n         \r\n              </el-table-column> -->\r\n\r\n          <!-- <template v-for=\"(item, index) in qualtableData.headers\">\r\n              <el-table-column align=\"center\" :label=\"item.market\" :key=\"`${index}`\">\r\n                <el-table-column align=\"center\" v-for=\"(each, ind) in qualtableData.secondaryHeader[`${item.key_str}`]\" :width=\"width\">\r\n                  <template slot=\"header\">\r\n                    <div>{{ each.name }}</div>\r\n                  </template>\r\n                  <template slot-scope=\"{ row }\">\r\n                    <div>{{ row[`${item.key_str}`][each.content] }}</div>\r\n                  </template>\r\n                </el-table-column>\r\n              </el-table-column>\r\n            </template>\r\n          </el-table> -->\r\n          <div v-for=\"item in qualtableData\">\r\n            <el-table ref=\"quant\" max-height=\"500\" :data=\"item.list\" border highlight-current-row style=\"width: 100%\" :header-cell-style=\"{background:'#ecf5ff'}\" :span-method=\"arraySpanMethod\" :row-class-name=\"tableRowClassName\">\r\n              <el-table-column prop=\"rowName\" :label=\"item.marketName\" align=\"center\">\r\n              </el-table-column>\r\n              <el-table-column prop=\"cpi\" label=\"CPI(USD)\" align=\"center\">\r\n              </el-table-column>\r\n              <el-table-column prop=\"unit\" label=\"Unit\" align=\"center\">\r\n              </el-table-column>\r\n              <el-table-column prop=\"subTotal\" label=\"SubTotal(USD)\" align=\"center\">\r\n              </el-table-column>\r\n\r\n            </el-table>\r\n          </div>\r\n          <el-tooltip placement=\"right-start\">\r\n            <div slot=\"content\">\r\n              * If an booked interview is cancelled by client, cancel fee is: 100% of recruitment fee + 50% of incentive.\r\n              <br />* If an approved respondent (interview time hasn't been booked) is cancelled by client, cancel fee is: 100% of recruitment fee.\r\n              <br />* If an booked interview is required to re-schedule by client within 48 hours before the interview, re-schedule fee is: $30 each.\r\n              <br />* Price and feasibility are based on the information available at the time of quotation.\r\n              <br />* Price and feasibility can change if the specs of the project change.\r\n              <br />* Estimate conditions will be valid for 60 days. After 60 days price and feasibility can change.\r\n              <br />* All prices are in USD.\r\n            </div>\r\n            <span style=\"color:red;cursor:pointer\">*Terms & conditions</span>\r\n\r\n          </el-tooltip>\r\n          <div>Price is based on the service what we delivery.</div>\r\n\r\n        </div>\r\n\r\n        <!-- <div class=\"attention\" v-if=\"quanttableData.length>0||Object.keys(qualtableData).length>0\">\r\n          <div style=\"color:red\">Terms & conditions</div>\r\n          <div class=\"quantAttention\" v-if=\"quanttableData.length>0\">\r\n            <div>Quantitative</div>\r\n            <div>* The minimum project fee is: $500 for each market.</div>\r\n            <div>* The CPI will change if the sample size change.</div>\r\n            <div>* Timeline is counted from full launch. Usually we need 1-3 days for set up.</div>\r\n            <div>* Price and feasibility are based on the information available at the time of quotation.</div>\r\n            <div>* Price and feasibility can change if the specs of the project change.</div>\r\n            <div>* Estimate conditions will be valid for 60 days. After 60 days price and feasibility can change.</div>\r\n            <div>* All prices are in USD.</div>\r\n\r\n          </div>\r\n          <div class=\"qualAttention\" v-if=\"Object.keys(qualtableData).length>0\">\r\n            <div>Qualitative</div>\r\n            <div>* If an booked interview is cancelled by client, cancel fee is: 100% of recruitment fee + 50% of incentive.</div>\r\n            <div>* If an approved respondent (interview time hasn't been booked) is cancelled by client, cancel fee is: 100% of recruitment fee.</div>\r\n            <div>* If an booked interview is required to re-schedule by client within 48 hours before the interview, re-schedule fee is: $30 each.</div>\r\n            <div>* Price and feasibility are based on the information available at the time of quotation.</div>\r\n            <div>* Price and feasibility can change if the specs of the project change.</div>\r\n            <div>* Estimate conditions will be valid for 60 days. After 60 days price and feasibility can change.</div>\r\n            <div>* All prices are in USD.</div>\r\n\r\n          </div>\r\n        </div> -->\r\n        <div class=\"button\">\r\n          <!-- <button @click=\"dialogVisible=true;sendQuotationEMail()\">Send me the quotation by email</button> -->\r\n        </div>\r\n        <div class=\"button\">\r\n          <button @click=\"NextRequest()\">Next Request</button>\r\n        </div>\r\n\r\n      </div>\r\n    </div>\r\n    <el-dialog title=\"\" :visible.sync=\"dialogVisible\" width=\"30%\">\r\n      <span>An email has been sent to your email box</span>\r\n      <span slot=\"footer\" class=\"dialog-footer\">\r\n        <el-button @click=\"NextRequest()\">Next Request</el-button>\r\n        <el-button type=\"primary\" @click=\"dialogVisible = false;$router.push('/?source=rfq')\">Home page</el-button>\r\n      </span>\r\n    </el-dialog>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { getQuotationDetail, advertisementFlow, sendQuotationEMail } from \"@/api/api\";\r\nexport default {\r\n  data() {\r\n    return {\r\n      quanttableData: [],\r\n      qualtableData: [],\r\n      dialogVisible: false,\r\n      width: \"\",\r\n      totalNumber: \"\",\r\n      subTotalNumber: \"\",\r\n      quantheight: \"\",\r\n      projectname: \"\",\r\n      discount: \"\",\r\n      id: \"\"\r\n      // specialDiscountShow:false\r\n    };\r\n  },\r\n  created() {\r\n    this.getQuotationList();\r\n    this.iscookies();\r\n    this.advertisementFlow(); // 在组件创建时加载Google代码\r\n    const script = document.createElement(\"script\");\r\n    script.async = true;\r\n    script.src = \"https://www.googletagmanager.com/gtag/js?id=AW-11335422054\";\r\n    document.head.appendChild(script);\r\n    script.onload = () => {\r\n      window.dataLayer = window.dataLayer || [];\r\n      function gtag() {\r\n        dataLayer.push(arguments);\r\n      }\r\n      gtag(\"js\", new Date());\r\n      gtag(\"config\", \"AW-11335422054\");\r\n    };\r\n    // this.getheight();\r\n  },\r\n  methods: {\r\n    sendQuotationEMail() {\r\n      sendQuotationEMail({\r\n        id: this.id,\r\n        quotation: JSON.parse(localStorage.getItem(\"quotation\"))\r\n      }).then(res => {});\r\n    },\r\n    handleScroll() {\r\n      //计算滚动条位置\r\n      var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;\r\n      //计算绑定div位置\r\n      var offsetTop = document.querySelector(\".el-table__header-wrapper\").offsetTop;\r\n      //进行比较设置位置fixed\r\n      this.whether = scrollTop > offsetTop;\r\n    },\r\n\r\n    // getheight() {\r\n    //   this.quantheight = this.$refs.quant.offsetHeight;\r\n    //   if (this.quantheight > 500) {\r\n    //     this.quantheight = 500;\r\n    //   }\r\n    //   console.log(this.quantheight);\r\n    // },\r\n    tableRowClassName({ row, rowIndex }) {\r\n      if (row.rowName == \"Total\" || row.rowName == \"Discount\" || row.rowName == \"Rebate Discount\" || row.rowName == \"New Relationship Discount\" || row.rowName == \"Total After Discount\" || row.marketName == \"Total\") {\r\n        return \"success-row\";\r\n      }\r\n      return \"\";\r\n    },\r\n    addClass({ row, column, rowIndex, columnIndex }) {\r\n      if (columnIndex == 0) {\r\n        //此判断为前两列\r\n        return \"addBorder\";\r\n      }\r\n    },\r\n    arraySpanMethod({ row, column, rowIndex, columnIndex }) {\r\n      if (row.rowName == \"Total\" || row.rowName == \"Discount\" || row.rowName == \"Total After Discount\") {\r\n        //  if(columnIndex==1){\r\n        //   return[2,2]\r\n        //  }\r\n      }\r\n    },\r\n    advertisementFlow() {\r\n      // 如果没有source\r\n      if (this.$route.query.source == undefined) {\r\n        // console.log(1);\r\n        // 就把source拼接\r\n        advertisementFlow({\r\n          path: \"rfq\",\r\n          source: \"\",\r\n          information: \"报价页\"\r\n        }).then(res => {\r\n          if (res.code == 10000) {\r\n            // console.log(res);\r\n            // console.log(source);\r\n          }\r\n        });\r\n        // 如果有source\r\n      } else {\r\n        advertisementFlow({\r\n          path: \"rfq\",\r\n          source: this.$route.query.source,\r\n          information: \"报价页\"\r\n        }).then(res => {\r\n          if (res.code == 10000) {\r\n            // console.log(res);\r\n            // console.log(source);\r\n          }\r\n        });\r\n      }\r\n    },\r\n    // 检测是否登录过，然后跳转\r\n    iscookies() {\r\n      // 如果登录过,看看过期没有，过期了要删除\r\n      if (localStorage.getItem(\"logincookies\")) {\r\n        var val = localStorage.getItem(\"logincookies\");\r\n        var dataobj = JSON.parse(val);\r\n\r\n        var newTime = new Date().getTime();\r\n        if (newTime - dataobj.time > 21600000) {\r\n          localStorage.removeItem(\"logincookies\");\r\n        }\r\n      }\r\n      if (!localStorage.getItem(\"logincookies\")) {\r\n        this.$router.push({ name: \"equote\", query: { source: \"nologin\" } });\r\n      }\r\n    },\r\n    // 清空\r\n    // removeRedisValue() {\r\n    //   removeRedisValue({\r\n    //     client: this.$route.query.client\r\n    //   }).then(res => {\r\n    //     console.log(res);\r\n    //     var loginclient = JSON.parse(localStorage.getItem(\"login\"));\r\n    //     this.$router.push({ name: \"Table\", query: { client: loginclient, source: \"morequote\" } });\r\n    //   });\r\n    // },\r\n    NextRequest() {\r\n      var loginclient = JSON.parse(localStorage.getItem(\"login\"));\r\n      this.$router.push({ name: \"Table\", query: { client: loginclient, source: \"morequote\" } });\r\n      this.dialogVisible = false;\r\n    },\r\n    // 获取rfq列表\r\n    getQuotationList() {\r\n      var rfqid = this.$route.query.id;\r\n      getQuotationDetail({\r\n        rfqId: rfqid\r\n      }).then(res => {\r\n        if (res.code == 10000) {\r\n          this.projectname = JSON.parse(localStorage.getItem(\"projectname\"));\r\n          this.discount = JSON.parse(localStorage.getItem(\"discount\"));\r\n          this.id = res.data.id;\r\n          this.quanttableData = res.data.quantitativeList;\r\n          this.qualtableData = res.data.qualitativeList;\r\n          this.subTotalNumber = res.data.qualitativeList.subTotalNumber;\r\n          this.totalNumber = res.data.qualitativeList.totalNumber;\r\n          // this.qualtableData.forEach((item,index)=>{\r\n          //   console.log(item[index]);\r\n          // if(item.list.cpi >= 1000){\r\n          //     item.list.cpi=item.list.cpi.toString().replace(/(\\d)(?=(?:\\d{3})+$)/g, \"$1,\");\r\n          //   }\r\n          //   if(item.list.subTotal >= 1000){\r\n          //     item.list.subTotal=item.list.subTotal.toString().replace(/(\\d)(?=(?:\\d{3})+$)/g, \"$1,\");\r\n          //   }\r\n          // })\r\n\r\n          this.quanttableData.forEach(item => {\r\n            if (item.cpiIncentive) {\r\n              item.cpiIncentive = item.cpiIncentive.toString().replace(/(\\d)(?=(?:\\d{3})+$)/g, \"$1,\");\r\n              item.cpiIncentive = \"$\" + item.cpiIncentive;\r\n            }\r\n\r\n            if (Number(item.subTotal)) {\r\n              item.subTotal = item.subTotal.toString().replace(/(\\d)(?=(?:\\d{3})+$)/g, \"$1,\");\r\n              item.subTotal = \"$\" + item.subTotal;\r\n            }\r\n            if (item.subTotalDiscount) {\r\n              item.subTotalDiscount = item.subTotalDiscount.toString().replace(/(\\d)(?=(?:\\d{3})+$)/g, \"$1,\");\r\n              item.subTotalDiscount = \"$\" + item.subTotalDiscount;\r\n            }\r\n            if (item.cpiRecruitment) {\r\n              item.cpiRecruitment = item.cpiRecruitment.toString().replace(/(\\d)(?=(?:\\d{3})+$)/g, \"$1,\");\r\n              item.cpiRecruitment = \"$\" + item.cpiRecruitment;\r\n            }\r\n            if (item.cpiTotal) {\r\n              item.cpiTotal = item.cpiTotal.toString().replace(/(\\d)(?=(?:\\d{3})+$)/g, \"$1,\");\r\n              item.cpiTotal = \"$\" + item.cpiTotal;\r\n            }\r\n            // if(item.specialDiscount==null){\r\n            //   this.specialDiscountShow=true\r\n            // }\r\n          });\r\n          // if (this.qualtableData.headers.length <= 2) {\r\n          //   this.width = false;\r\n          // } else {\r\n          //   this.width = \"200\";\r\n          // }\r\n          // this.qualtableData =[];\r\n          // if(this.qualtableData.rows)\r\n          // this.qualtableData.rows.forEach(item => {\r\n          //   // console.log(item);\r\n          //   // item.map(ite => {\r\n\r\n          //   //   console.log(ite);\r\n          //   // });\r\n          //   for (var k in item) {\r\n          //     // console.log(item[k]);\r\n          //     if (item[k] == null) {\r\n          //       item[k] = { cpi: \"/\", unit: \"/\", subTotal: \"/\" };\r\n          //     }\r\n          //   }\r\n          // });\r\n          // console.log(this.quanttableData);\r\n        }\r\n      });\r\n    },\r\n\r\n    // 只有一列合计\r\n    getSummaries(param) {\r\n      // console.log(param);\r\n      const { columns, data } = param;\r\n      const sums = [];\r\n      columns.forEach((column, index) => {\r\n        //这步是为了让最后一行出现 合计 这一行，并且最后一行第一列出现 合计 二字。合计的字可以在这里更改\r\n        if (index === 0) {\r\n          //判断是第一列\r\n          sums[index] = \"Total\";\r\n          return;\r\n        }\r\n        // 吧每个格子里面都变成数字，会返回数字或者nan\r\n        const values = data.map(item => Number(item[column.property]));\r\n        // console.log(column.property);\r\n        // 不是nan的\r\n        if (!values.every(value => isNaN(value)) && column.property == \"subTotal\") {\r\n          sums[index] = values.reduce((prev, curr) => {\r\n            const value = Number(curr);\r\n            if (!isNaN(value)) {\r\n              return prev + curr;\r\n            } else {\r\n              return prev;\r\n            }\r\n          }, 0);\r\n          sums[index] = \"$\" + sums[index];\r\n        } else {\r\n          sums[index] = \"\";\r\n        }\r\n      });\r\n      return sums;\r\n    }\r\n    // qualgetSummaries(param) {\r\n    //   const { columns, data } = param;\r\n    //   // console.log(param);\r\n    //   const sums = [];\r\n    //   columns.forEach((column, index) => {\r\n    //     //这步是为了让最后一行出现 合计 这一行，并且最后一行第一列出现 合计 二字。合计的字可以在这里更改\r\n    //     if (index === 0) {\r\n    //       //判断是第一列\r\n    //       sums[index] = \"Total\";\r\n    //       return;\r\n    //     }\r\n    //     // const values = data.map(item => console.log(item));\r\n    //     // console.log(values);\r\n    //     var values = [];\r\n    //     data.forEach(item => {\r\n    //       // console.log(item);\r\n    //       for (var k in item) {\r\n    //         // console.log(item[k]);\r\n    //         values.push(item[k]);\r\n    //         // console.log(values);\r\n    //       }\r\n    //     });\r\n    //     // console.log(values);\r\n    //     const value = values.map(item => Number(item.subTotal));\r\n    //     // console.log(column.property);\r\n    //   });\r\n    //   return sums;\r\n    // }\r\n  }\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n// .el-table{\r\n// position: relative;\r\n// }\r\n// /deep/.el-table__header-wrapper{\r\n// position: fixed;\r\n// top: 300px;\r\n// z-index: 999;\r\n// }\r\n* {\r\n  word-break: break-word !important;\r\n}\r\n.rfqtitle {\r\n  font-weight: 700;\r\n  font-size: 40px;\r\n  text-align: center;\r\n  color: #0087d7;\r\n}\r\n/deep/.cell {\r\n  word-break: break-word !important;\r\n}\r\n.wrong {\r\n  font-size: 20px;\r\n  font-weight: 700;\r\n  color: red;\r\n  margin: 20px 0;\r\n}\r\n/deep/.el-table .success-row {\r\n  background: #f0f9eb;\r\n}\r\n/deep/.addBorder {\r\n  width: 300px !important;\r\n  text-align: left !important;\r\n}\r\n.qualAttention {\r\n  margin-top: 30px;\r\n  margin-bottom: 30px;\r\n}\r\n/deep/.el-table::before {\r\n  border: none;\r\n}\r\n\r\n/deep/.is-center {\r\n  border: 1px solid rgb(238, 229, 229);\r\n}\r\n.rfq {\r\n  margin-top: 30px;\r\n  margin-bottom: 100px;\r\n  .label {\r\n    font-size: 20px;\r\n    border: 1px solid #67c23a;\r\n    display: inline-block;\r\n    padding: 8px 15px;\r\n    border-radius: 8px;\r\n    background-color: #f0f9eb;\r\n    color: #67c23a;\r\n  }\r\n}\r\n.button {\r\n  text-align: center;\r\n  button {\r\n    margin-top: 30px;\r\n    border: none;\r\n    border-radius: 10px;\r\n    padding: 8px 15px;\r\n    background-color: #409eff;\r\n    color: #fff;\r\n    font-size: 20px;\r\n    width: 400px;\r\n    box-shadow: 1px 1px 1px #ccc;\r\n  }\r\n}\r\n.left {\r\n  text-align: left;\r\n  display: flex;\r\n  justify-content: space-between;\r\n}\r\n/deep/.el-table {\r\n  margin-top: 15px;\r\n}\r\n.marginTop30 {\r\n  margin-top: 0.3rem;\r\n}\r\n.fontBold {\r\n  font-weight: bold;\r\n}\r\n.contentInfo {\r\n  background: url(\"https://retailplatform.oss-cn-hangzhou.aliyuncs.com/holdenWebH5/contact_bg.jpg\") no-repeat center top;\r\n  background-size: 100% 100%;\r\n  width: 100%;\r\n  padding: 40px 0 75px;\r\n  .contact {\r\n    padding: 40px 50px;\r\n    width: 90%;\r\n    margin: 0 auto;\r\n    background: #fff;\r\n    .holden {\r\n      font-size: 50px;\r\n      font-weight: 700;\r\n      color: #0070c0;\r\n    }\r\n    .introduce {\r\n      color: #cc3300;\r\n      font-size: 18px;\r\n    }\r\n  }\r\n}\r\n@media screen and (max-width: 576px) {\r\n  .rfq {\r\n    .label {\r\n      font-size: 50px;\r\n      padding: 10px 20px;\r\n    }\r\n  }\r\n  .btn {\r\n    button {\r\n      font-size: 43px;\r\n      width: 20%;\r\n    }\r\n  }\r\n  .checkyes {\r\n    font-size: 60px;\r\n  }\r\n  .type {\r\n    font-size: 70px;\r\n  }\r\n  .check {\r\n    width: 100px;\r\n    height: 100px;\r\n  }\r\n  .contentInfo {\r\n    .contact {\r\n      width: 90%;\r\n      .holden {\r\n        font-size: 80px;\r\n      }\r\n      .introduce {\r\n        font-size: 30px;\r\n      }\r\n    }\r\n  }\r\n  /deep/.el-table {\r\n    font-size: 45px;\r\n    .cell {\r\n      height: 70px;\r\n      line-height: 70px;\r\n    }\r\n    .is-leaf {\r\n      height: 120px;\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!./rfq.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!./rfq.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./rfq.vue?vue&type=template&id=6a3472ce&scoped=true&\"\nimport script from \"./rfq.vue?vue&type=script&lang=js&\"\nexport * from \"./rfq.vue?vue&type=script&lang=js&\"\nimport style0 from \"./rfq.vue?vue&type=style&index=0&id=6a3472ce&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"6a3472ce\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}