{"version":3,"sources":["webpack:///./src/views/CartPayment.vue?0c97","webpack:///src/views/CartPayment.vue","webpack:///./src/views/CartPayment.vue?cdc9","webpack:///./src/views/CartPayment.vue?4831","webpack:///./src/views/CartPayment.vue?ac26"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_m","_l","item","key","id","class","isEbook","_v","_s","productName","_e","staticStyle","formatNumber","contactPrice","qty","shippingCustomerName","shippingPhone","shippingAddress","shippingZipCode","billingCustomerName","billingPhone","billingAddress","billingZipCode","taxId","ref","attrs","disablePaymentMethods","defaultPaymentMethod","shippingPrice","packagePrice","feeAmount","discountPrice","netAmount","on","submitPayment","staticRenderFns","components","Payment","data","no","fee","discountCode","weigh","status","totalAmount","deliveryType","saleOrderItems","computed","paymentMethod","methods","axios","delete","settotalWeigh","setdiscount","setboxPrice","setbookPrice","settotalBook","setshipmentPrice","$refs","payment","submit","then","mounted","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,QAAQ,CAACE,YAAY,oCAAoC,CAACN,EAAIO,GAAG,GAAGH,EAAG,QAAQJ,EAAIQ,GAAIR,EAAkB,gBAAE,SAASS,GAAM,OAAOL,EAAG,KAAK,CAACM,IAAID,EAAKE,IAAI,CAACP,EAAG,KAAK,CAACA,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAACF,EAAG,MAAM,CAACE,YAAY,SAASM,MAAM,CAAE,WAAYH,EAAKI,UAAW,CAACb,EAAIc,GAAG,IAAId,EAAIe,GAAGN,EAAKO,aAAa,OAAQP,EAAY,QAAEL,EAAG,MAAM,CAACE,YAAY,8BAA8B,CAACN,EAAIc,GAAG,wBAAwBd,EAAIiB,QAAQ,GAAGb,EAAG,KAAK,CAACc,YAAY,CAAC,aAAa,UAAU,CAAClB,EAAIc,GAAG,IAAId,EAAIe,GAAGf,EAAImB,aAAaV,EAAKW,aAAc,GAAG,OAAUhB,EAAG,KAAK,CAACc,YAAY,CAAC,aAAa,UAAU,CAAClB,EAAIc,GAAGd,EAAIe,GAAGN,EAAKY,QAAQjB,EAAG,KAAK,CAACc,YAAY,CAAC,aAAa,UAAU,CAACd,EAAG,KAAK,CAACc,YAAY,CAAC,MAAQ,YAAY,CAAClB,EAAIc,GAAG,KAAKd,EAAIe,GAAGf,EAAImB,cAAeV,EAAKW,cAAgB,IAAMX,EAAKY,KAAO,GAAI,GAAG,IAAQ,cAAa,SAASjB,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,MAAM,CAACJ,EAAIc,GAAG,mBAAmBV,EAAG,MAAM,CAACJ,EAAIc,GAAG,eAAed,EAAIe,GAAGf,EAAIsB,yBAAyBlB,EAAG,MAAM,CAACJ,EAAIc,GAAG,oBAAoBd,EAAIe,GAAGf,EAAIuB,kBAAkBnB,EAAG,MAAM,CAACJ,EAAIc,GAAG,YAAYd,EAAIe,GAAGf,EAAIwB,iBAAiB,IAAIxB,EAAIe,GAAGf,EAAIyB,0BAA0BrB,EAAG,MAAMA,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,MAAM,CAACJ,EAAIc,GAAG,uBAAuBV,EAAG,MAAM,CAACJ,EAAIc,GAAG,SAASd,EAAIe,GAAGf,EAAI0B,wBAAwBtB,EAAG,MAAM,CAACJ,EAAIc,GAAG,oBAAoBd,EAAIe,GAAGf,EAAI2B,iBAAiBvB,EAAG,MAAM,CAACJ,EAAIc,GAAG,YAAYd,EAAIe,GAAGf,EAAI4B,gBAAgB,IAAI5B,EAAIe,GAAGf,EAAI6B,mBAAoB7B,EAAS,MAAEI,EAAG,MAAM,CAACJ,EAAIc,GAAG,2BAA2Bd,EAAIe,GAAGf,EAAI8B,UAAU9B,EAAIiB,WAAWb,EAAG,MAAM,CAACE,YAAY,SAASF,EAAG,KAAK,CAACE,YAAY,aAAa,CAACN,EAAIc,GAAG,uBAAuBV,EAAG,MAAM,CAACA,EAAG,QAAQ,CAACA,EAAG,QAAQ,CAACA,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACF,EAAG,IAAI,CAACJ,EAAIc,GAAG,2HAA2H,IAAI,GAAGV,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,UAAU,CAAC2B,IAAI,UAAUC,MAAM,CAAC,eAAiBhC,EAAIiC,sBAAsB,cAAgBjC,EAAIkC,yBAAyB,GAAG9B,EAAG,MAAM,CAACE,YAAY,mCAAmC,CAACF,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,kCAAkC,CAACF,EAAG,IAAI,CAACJ,EAAIc,GAAG,iBAAiBV,EAAG,IAAI,CAACc,YAAY,CAAC,MAAQ,YAAY,CAAClB,EAAIc,GAAG,KAAKd,EAAIe,GAAGf,EAAImB,aAAanB,EAAIoB,aAAc,GAAG,IAAO,SAAShB,EAAG,MAAM,CAACE,YAAY,kCAAkC,CAACF,EAAG,IAAI,CAACJ,EAAIc,GAAG,qBAAqBV,EAAG,IAAI,CAACJ,EAAIc,GAAG,IAAId,EAAIe,GAAGf,EAAImB,aAAanB,EAAImC,cAAgBnC,EAAIoC,aAAc,GAAG,SAAYhC,EAAG,MAAM,CAACE,YAAY,kCAAkC,CAACF,EAAG,IAAI,CAACJ,EAAIc,GAAG,kBAAkBV,EAAG,IAAI,CAACJ,EAAIc,GAAG,IAAId,EAAIe,GAAGf,EAAImB,aAAanB,EAAIqC,UAAW,GAAG,SAAYjC,EAAG,MAAM,CAACE,YAAY,kCAAkC,CAACF,EAAG,IAAI,CAACJ,EAAIc,GAAG,sBAAsBV,EAAG,IAAI,CAACE,YAAY,eAAe,CAACN,EAAIc,GAAG,MAAMd,EAAIe,GAAGf,EAAImB,aAAanB,EAAIsC,cAAe,GAAG,SAAYlC,EAAG,MAAMA,EAAG,MAAM,CAACE,YAAY,kDAAkD,CAACF,EAAG,KAAK,CAACJ,EAAIc,GAAG,eAAeV,EAAG,KAAK,CAACc,YAAY,CAAC,MAAQ,YAAY,CAAClB,EAAIc,GAAG,KAAKd,EAAIe,GAAGf,EAAImB,aAAanB,EAAIuC,UAAW,GAAG,IAAO,WAAWnC,EAAG,WAAW,CAACE,YAAY,OAAO0B,MAAM,CAAC,KAAO,KAAK,MAAQ,IAAIQ,GAAG,CAAC,MAAQxC,EAAIyC,gBAAgB,CAACzC,EAAIc,GAAG,eAAe,QAC99G4B,EAAkB,CAAC,WAAa,IAAI1C,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,QAAQ,CAACA,EAAG,KAAK,CAACA,EAAG,KAAK,CAACc,YAAY,CAAC,MAAQ,OAAOc,MAAM,CAAC,MAAQ,QAAQ,CAAChC,EAAIc,GAAG,YAAYV,EAAG,KAAK,CAACc,YAAY,CAAC,MAAQ,MAAM,aAAa,SAASc,MAAM,CAAC,MAAQ,QAAQ,CAAChC,EAAIc,GAAG,iBAAiBV,EAAG,KAAK,CAACc,YAAY,CAAC,MAAQ,MAAM,aAAa,SAASc,MAAM,CAAC,MAAQ,QAAQ,CAAChC,EAAIc,GAAG,aAAaV,EAAG,KAAK,CAACc,YAAY,CAAC,MAAQ,MAAM,aAAa,SAASc,MAAM,CAAC,MAAQ,QAAQ,CAAChC,EAAIc,GAAG,yB,4DCsIxf,GACE6B,WAAY,CACVC,QAAJ,QAEEC,KAJF,WAKI,MAAO,CACLlC,GAAI,KACJmC,GAAI,KACJ1B,aAAc,EACd2B,IAAK,EACLT,cAAe,EACfU,aAAc,KACd1B,qBAAsB,KACtBE,gBAAiB,KACjBC,gBAAiB,KACjBF,cAAe,KACfG,oBAAqB,KACrBE,eAAgB,KAChBC,eAAgB,KAChBF,aAAc,KACdG,MAAO,KACPK,cAAe,EACfC,aAAc,EACda,MAAO,KACPC,OAAQ,KACRC,YAAa,EACbC,aAAc,KACdlB,qBAAsB,EACtBD,sBAAuB,GACvBoB,eAAgB,KAGpBC,SAAU,CACRf,UADJ,WAEM,OAAO,KAAb,4BAGIF,UALJ,WAKA,MACA,6BACM,OAAN,iFAEIkB,cATJ,WASA,MACM,OAAN,mEAGEC,QAAS,OAAX,OAAW,CAAX,kBACA,gBACA,eACA,mBACA,cACA,cACA,gBACA,kBAPA,IASIf,cATJ,WASA,WACMxC,KAAKwD,MAAMC,OAAO,SAClBzD,KAAK0D,cAAc,GACnB1D,KAAK2D,YAAY,GACjB3D,KAAK4D,YAAY,GACjB5D,KAAK6D,aAAa,GAClB7D,KAAK8D,aAAa,GAClB9D,KAAK+D,iBAAiB,GACtB/D,KAAKgE,MAAMC,QAAQC,SAASC,MAAK,SAAvC,GACQ,EAAR,mEAGIjD,aAAc,EAAlB,OAEEkD,QApEF,WAoEA,WACA,wBACI,EAAJ,8CACM,IAAN,SACM,EAAN,QACM,EAAN,QACM,EAAN,4BACM,EAAN,UACM,EAAN,8BACM,EAAN,4BACM,EAAN,4CACM,EAAN,kCACM,EAAN,kCACM,EAAN,8BACM,EAAN,0CACM,EAAN,gCACM,EAAN,gCACM,EAAN,4BACM,EAAN,cACM,EAAN,8BACM,EAAN,4BACM,EAAN,cACM,EAAN,gBACM,EAAN,4BACM,EAAN,gCACM,EAAN,aACA,oBACA,qBACA,oBACA,oBAEA,gCAEQ,EAAR,8BACQ,EAAR,wBAEQ,EAAR,0BAEM,EAAN,6DCjPqV,I,wBCQjVC,EAAY,eACd,EACAvE,EACA2C,GACA,EACA,KACA,KACA,MAIa,aAAA4B,E,kECnBf","file":"js/chunk-ef9f50a6.e55cd501.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container pb-5\"},[_c('div',{staticClass:\"row mt-3\"},[_c('div',{staticClass:\"col-12\"},[_c('table',{staticClass:\"table table-border so-item-table\"},[_vm._m(0),_c('tbody',_vm._l((_vm.saleOrderItems),function(item){return _c('tr',{key:item.id},[_c('td',[_c('dir',{staticClass:\"row p-0 mt-0 mb-0\"},[_c('div',{staticClass:\"col-12\",class:{ 'col-lg-8': item.isEbook }},[_vm._v(\" \"+_vm._s(item.productName)+\" \")]),(item.isEbook)?_c('div',{staticClass:\"col-12 col-lg-4 text-muted\"},[_vm._v(\" E-Book Available \")]):_vm._e()])],1),_c('td',{staticStyle:{\"text-align\":\"right\"}},[_vm._v(\"฿\"+_vm._s(_vm.formatNumber(item.contactPrice, 2, true)))]),_c('td',{staticStyle:{\"text-align\":\"right\"}},[_vm._v(_vm._s(item.qty))]),_c('td',{staticStyle:{\"text-align\":\"right\"}},[_c('h5',{staticStyle:{\"color\":\"#212529\"}},[_vm._v(\" ฿\"+_vm._s(_vm.formatNumber( (item.contactPrice || 0) * (item.qty || 0), 2, true ))+\" \")])])])}),0)])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12\"},[_c('div',{staticClass:\"address-detail\"},[_c('div',[_vm._v(\"ที่อยู่จัดส่ง\")]),_c('div',[_vm._v(\"ชื่อผู้รับ: \"+_vm._s(_vm.shippingCustomerName))]),_c('div',[_vm._v(\"หมายเลขโทรศัพท์: \"+_vm._s(_vm.shippingPhone))]),_c('div',[_vm._v(\"ที่อยู่: \"+_vm._s(_vm.shippingAddress)+\" \"+_vm._s(_vm.shippingZipCode))])])])]),_c('hr'),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12\"},[_c('div',{staticClass:\"address-detail\"},[_c('div',[_vm._v(\"ที่อยู่ออกใบเสร็จ\")]),_c('div',[_vm._v(\"ชื่อ: \"+_vm._s(_vm.billingCustomerName))]),_c('div',[_vm._v(\"หมายเลขโทรศัพท์: \"+_vm._s(_vm.billingPhone))]),_c('div',[_vm._v(\"ที่อยู่: \"+_vm._s(_vm.billingAddress)+\" \"+_vm._s(_vm.billingZipCode))]),(_vm.taxId)?_c('div',[_vm._v(\"เลขประจำตัวผู้เสียภาษี: \"+_vm._s(_vm.taxId))]):_vm._e()])])]),_c('div',{staticClass:\"line\"}),_c('h4',{staticClass:\"ml-2 mb-3\"},[_vm._v(\"เลือกวิธีชำระเงิน\")]),_c('div',[_c('b-row',[_c('b-col',[_c('div',{staticClass:\"styleContentReturn\"},[_c('p',[_vm._v(\"รายการหนังสือที่ชำระเงินแล้วไม่สามารถยกเลิกคำสั่งซื้อได้ ทั้งนี้ สามารถคืนสินค้าได้ตามเงื่อนไขการรับประกันสินค้า\")])])])],1)],1),_c('div',{staticClass:\"row mt-4\"},[_c('div',{staticClass:\"col-lg-8 pl-2\"},[_c('Payment',{ref:\"payment\",attrs:{\"disableMethods\":_vm.disablePaymentMethods,\"defaultMethod\":_vm.defaultPaymentMethod}})],1),_c('div',{staticClass:\"col-lg-4 mt-5 mt-lg-0 pl-4 pr-4\"},[_c('div',[_c('div',{staticClass:\"d-flex justify-content-between\"},[_c('p',[_vm._v(\"ราคาทั้งหมด\")]),_c('p',{staticStyle:{\"color\":\"#212529\"}},[_vm._v(\" ฿\"+_vm._s(_vm.formatNumber(_vm.contactPrice, 2, true))+\" \")])]),_c('div',{staticClass:\"d-flex justify-content-between\"},[_c('p',[_vm._v(\"ค่าบริการจัดส่ง\")]),_c('p',[_vm._v(\"฿\"+_vm._s(_vm.formatNumber(_vm.shippingPrice + _vm.packagePrice, 2, true)))])]),_c('div',{staticClass:\"d-flex justify-content-between\"},[_c('p',[_vm._v(\"ค่าธรรมเนียม\")]),_c('p',[_vm._v(\"฿\"+_vm._s(_vm.formatNumber(_vm.feeAmount, 2, true)))])]),_c('div',{staticClass:\"d-flex justify-content-between\"},[_c('p',[_vm._v(\"ส่วนลดค่าหนังสือ\")]),_c('p',{staticClass:\"text-danger\"},[_vm._v(\"- ฿\"+_vm._s(_vm.formatNumber(_vm.discountPrice, 2, true)))])]),_c('hr'),_c('div',{staticClass:\"d-flex justify-content-between align-items-end\"},[_c('h6',[_vm._v(\"ราคาสุทธิ\")]),_c('h4',{staticStyle:{\"color\":\"#FFD400\"}},[_vm._v(\" ฿\"+_vm._s(_vm.formatNumber(_vm.netAmount, 2, true))+\" \")])])]),_c('b-button',{staticClass:\"mt-5\",attrs:{\"size\":\"lg\",\"block\":\"\"},on:{\"click\":_vm.submitPayment}},[_vm._v(\"ชำระเงิน\")])],1)])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('thead',[_c('tr',[_c('td',{staticStyle:{\"width\":\"40%\"},attrs:{\"scope\":\"col\"}},[_vm._v(\"รายการ\")]),_c('td',{staticStyle:{\"width\":\"20%\",\"text-align\":\"right\"},attrs:{\"scope\":\"col\"}},[_vm._v(\" ราคา/เล่ม \")]),_c('td',{staticStyle:{\"width\":\"20%\",\"text-align\":\"right\"},attrs:{\"scope\":\"col\"}},[_vm._v(\" จำนวน \")]),_c('td',{staticStyle:{\"width\":\"20%\",\"text-align\":\"right\"},attrs:{\"scope\":\"col\"}},[_vm._v(\" ราคาทั้งหมด \")])])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"container pb-5\">\r\n    <div class=\"row mt-3\">\r\n      <div class=\"col-12\">\r\n        <table class=\"table table-border so-item-table\">\r\n          <thead>\r\n            <tr>\r\n              <td scope=\"col\" style=\"width:40%\">รายการ</td>\r\n              <td scope=\"col\" style=\"width:20%;text-align: right;\">\r\n                ราคา/เล่ม\r\n              </td>\r\n              <td scope=\"col\" style=\"width:20%;text-align: right;\">\r\n                จำนวน\r\n              </td>\r\n              <td scope=\"col\" style=\"width:20%;text-align: right;\">\r\n                ราคาทั้งหมด\r\n              </td>\r\n            </tr>\r\n          </thead>\r\n          <tbody>\r\n            <tr v-for=\"item in saleOrderItems\" :key=\"item.id\">\r\n              <td>\r\n                <dir class=\"row p-0 mt-0 mb-0\">\r\n                  <div class=\"col-12\" :class=\"{ 'col-lg-8': item.isEbook }\">\r\n                    {{ item.productName }}\r\n                  </div>\r\n                  <div class=\"col-12 col-lg-4 text-muted\" v-if=\"item.isEbook\">\r\n                    E-Book Available\r\n                  </div>\r\n                </dir>\r\n              </td>\r\n              <td style=\"text-align: right\">฿{{ formatNumber(item.contactPrice, 2, true) }}</td>\r\n              <td style=\"text-align: right\">{{ item.qty }}</td>\r\n              <td style=\"text-align: right\">\r\n                <h5 style=\"color: #212529\">\r\n                  ฿{{\r\n                    formatNumber(\r\n                      (item.contactPrice || 0) * (item.qty || 0),\r\n                      2,\r\n                      true\r\n                    )\r\n                  }}\r\n                </h5>\r\n              </td>\r\n            </tr>\r\n          </tbody>\r\n        </table>\r\n      </div>\r\n    </div>\r\n    <div class=\"row\">\r\n      <div class=\"col-12\">\r\n        <div class=\"address-detail\">\r\n          <div>ที่อยู่จัดส่ง</div>\r\n          <div>ชื่อผู้รับ: {{ shippingCustomerName }}</div>\r\n          <div>หมายเลขโทรศัพท์: {{ shippingPhone }}</div>\r\n          <div>ที่อยู่: {{ shippingAddress }} {{shippingZipCode}}</div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <hr />\r\n    <div class=\"row\">\r\n      <div class=\"col-12\">\r\n        <div class=\"address-detail\">\r\n          <div>ที่อยู่ออกใบเสร็จ</div>\r\n          <div>ชื่อ: {{ billingCustomerName }}</div>\r\n          <div>หมายเลขโทรศัพท์: {{ billingPhone }}</div>\r\n          <div>ที่อยู่: {{ billingAddress }} {{billingZipCode}}</div>\r\n          <div v-if=\"taxId\">เลขประจำตัวผู้เสียภาษี: {{ taxId }}</div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"line\"></div>\r\n    <h4 class=\"ml-2 mb-3\">เลือกวิธีชำระเงิน</h4>\r\n    <div>\r\n      <b-row>\r\n        <b-col>\r\n          <div class=\"styleContentReturn\">\r\n            <p>รายการหนังสือที่ชำระเงินแล้วไม่สามารถยกเลิกคำสั่งซื้อได้ ทั้งนี้ สามารถคืนสินค้าได้ตามเงื่อนไขการรับประกันสินค้า</p>\r\n          </div>\r\n        </b-col>\r\n      </b-row>\r\n    </div>\r\n    <div class=\"row mt-4\">\r\n      <div class=\"col-lg-8 pl-2\">\r\n        <Payment ref=\"payment\" :disableMethods=\"disablePaymentMethods\" :defaultMethod=\"defaultPaymentMethod\"></Payment>\r\n      </div>\r\n      <div class=\"col-lg-4 mt-5 mt-lg-0 pl-4 pr-4\">\r\n        <div>\r\n          <div class=\"d-flex justify-content-between\">\r\n            <p>ราคาทั้งหมด</p>\r\n            <p style=\"color: #212529\">\r\n              ฿{{ formatNumber(contactPrice, 2, true) }}\r\n            </p>\r\n          </div>\r\n          <!-- <div class=\"d-flex justify-content-between\">\r\n            <p>ค่าส่ง</p>\r\n            <p>฿{{ formatNumber(shippingPrice, 2, true) }}</p>\r\n          </div>\r\n          <div class=\"d-flex justify-content-between\">\r\n            <p>ค่ากล่อง</p>\r\n            <p>฿{{ formatNumber(packagePrice, 2, true) }}</p>\r\n          </div> -->\r\n          <div class=\"d-flex justify-content-between\">\r\n            <p>ค่าบริการจัดส่ง</p>\r\n            <p>฿{{ formatNumber(shippingPrice + packagePrice, 2, true) }}</p>\r\n          </div>\r\n          <div class=\"d-flex justify-content-between\">\r\n            <p>ค่าธรรมเนียม</p>\r\n            <p>฿{{ formatNumber(feeAmount, 2, true) }}</p>\r\n          </div>\r\n          <div class=\"d-flex justify-content-between\">\r\n            <p>ส่วนลดค่าหนังสือ</p>\r\n            <p class=\"text-danger\">- ฿{{ formatNumber(discountPrice, 2, true) }}</p>\r\n          </div>\r\n          <hr />\r\n          <div class=\"d-flex justify-content-between align-items-end\">\r\n            <h6>ราคาสุทธิ</h6>\r\n            <h4 style=\"color: #FFD400\">\r\n              ฿{{ formatNumber(netAmount, 2, true) }}\r\n            </h4>\r\n          </div>\r\n        </div>\r\n        <b-button class=\"mt-5\" size=\"lg\" block @click=\"submitPayment\"\r\n          >ชำระเงิน</b-button\r\n        >\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Payment from \"./Payment\";\r\nimport saleOrderService from \"../services/saleOrder.service\";\r\nimport { formatNumber } from \"../libs/util\";\r\nimport { mapGetters, mapActions } from \"vuex\";\r\nexport default {\r\n  components: {\r\n    Payment\r\n  },\r\n  data() {\r\n    return {\r\n      id: null,\r\n      no: null,\r\n      contactPrice: 0,\r\n      fee: 0,\r\n      discountPrice: 0,\r\n      discountCode: null,\r\n      shippingCustomerName: null,\r\n      shippingAddress: null,\r\n      shippingZipCode: null,\r\n      shippingPhone: null,\r\n      billingCustomerName: null,\r\n      billingAddress: null,\r\n      billingZipCode: null,\r\n      billingPhone: null,\r\n      taxId: null,\r\n      shippingPrice: 0,\r\n      packagePrice: 0,\r\n      weigh: null,\r\n      status: null,\r\n      totalAmount: 0,\r\n      deliveryType: null,\r\n      defaultPaymentMethod: 0,\r\n      disablePaymentMethods: [],\r\n      saleOrderItems: []\r\n    };\r\n  },\r\n  computed: {\r\n    netAmount() {\r\n      return (this.totalAmount) + this.feeAmount;\r\n      // return Math.floor(((this.totalAmount || 0) + this.feeAmount) * 100) / 100;\r\n    },\r\n    feeAmount() {\r\n      const f = (this.totalAmount || 0) * 0.022;\r\n      return this.$refs.payment?.paymentMethod == 0 ? (f + (f * 0.07)) : 0;\r\n    },\r\n    paymentMethod() {\r\n       return this.$refs.payment?.paymentMethod;\r\n    }\r\n  },\r\n  methods: {\r\n    ...mapActions([\r\n      \"setbookPrice\",\r\n      \"setshipmentPrice\",\r\n      \"setboxPrice\",\r\n      \"setdiscount\",\r\n      \"settotalWeigh\",\r\n      \"settotalBook\"\r\n    ]),\r\n    submitPayment() {\r\n      this.axios.delete(\"/Cart\");\r\n      this.settotalWeigh(0);\r\n      this.setdiscount(0);\r\n      this.setboxPrice(0);\r\n      this.setbookPrice(0);\r\n      this.settotalBook(0);\r\n      this.setshipmentPrice(0);\r\n      this.$refs.payment.submit().then(res => {\r\n        this.$router.push({name: \"PaymentDetail\", params: { paymentId: res.data }});\r\n      });\r\n    },\r\n    formatNumber: formatNumber\r\n  },\r\n  mounted() {\r\n    const soId = this.$route.params.id;\r\n    saleOrderService.getAccountSaleOrder(soId).then(res => {\r\n      const data = res.data;\r\n      this.id = data.id;\r\n      this.no = data.no;\r\n      this.contactPrice = data.contactPrice;\r\n      this.fee = data.fee;\r\n      this.discountPrice = data.discountPrice;\r\n      this.discountCode = data.discountCode;\r\n      this.shippingCustomerName = data.shippingCustomerName;\r\n      this.shippingAddress = data.shippingAddress;\r\n      this.shippingZipCode = data.shippingZipCode;\r\n      this.shippingPhone = data.shippingPhone;\r\n      this.billingCustomerName = data.billingCustomerName;\r\n      this.billingAddress = data.billingAddress;\r\n      this.billingZipCode = data.billingZipCode;\r\n      this.billingPhone = data.billingPhone;\r\n      this.taxId = data.taxId;\r\n      this.shippingPrice = data.shippingPrice;\r\n      this.packagePrice = data.packagePrice;\r\n      this.weigh = data.weigh;\r\n      this.status = data.status;\r\n      this.deliveryType = data.deliveryType;\r\n      this.saleOrderItems = data.saleOrderItems;\r\n      this.totalAmount =\r\n        (this.contactPrice || 0) +\r\n        (this.shippingPrice || 0) +\r\n        (this.packagePrice || 0) -\r\n        (this.discountPrice || 0);\r\n      \r\n      if(this.deliveryType == \"Non-Delivery\")\r\n      {\r\n        this.disablePaymentMethods = [0,1,2];\r\n        this.defaultPaymentMethod = 3;\r\n      } else {\r\n        this.disablePaymentMethods = [3];\r\n      }\r\n      this.$refs.payment.setPaymentData(0, this.id, this.totalAmount, this.no);\r\n    });\r\n  }\r\n};\r\n</script>\r\n\r\n<style>\r\n.address-detail {\r\n  padding: 0.75rem;\r\n}\r\n.so-item-table {\r\n  border-bottom: 1px solid #dee2e6;\r\n}\r\ntable.so-item-table > tbody > tr > td {\r\n  padding-top: 1.25rem;\r\n  padding-bottom: 1rem;\r\n}\r\ntable.so-item-table > thead > tr > td {\r\n  border-top: 0;\r\n  padding-top: 1.25rem;\r\n  padding-bottom: 1rem;\r\n}\r\n.line {\r\n  background: #d3dbf8 0% 0% no-repeat padding-box;\r\n  height: 2px;\r\n  margin-top: 20px;\r\n  margin-bottom: 40px;\r\n}\r\n.styleContentReturn > p > strong {\r\n  color: #DB3A34 !important;\r\n  font-size: 18px !important;\r\n  font-weight: 500 !important;\r\n}\r\n@media (max-width: 576px) {\r\n  .styleContentReturn > p > strong {\r\n    color: #212529 !important;\r\n  }\r\n}\r\n.styleContentReturn > p {\r\n  margin-left: .5rem;\r\n  color: #DB3A34 !important;\r\n  font-size: 14px !important;\r\n  font-weight: 400 !important;\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!./CartPayment.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!./CartPayment.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CartPayment.vue?vue&type=template&id=252f5171&\"\nimport script from \"./CartPayment.vue?vue&type=script&lang=js&\"\nexport * from \"./CartPayment.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CartPayment.vue?vue&type=style&index=0&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  null,\n  null\n  \n)\n\nexport default component.exports","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!./CartPayment.vue?vue&type=style&index=0&lang=css&\""],"sourceRoot":""}