{"version":3,"sources":["webpack:///./src/components/Booking/BookingListBottom.vue?cf2f","webpack:///./src/components/Booking/BookingListBottom.vue","webpack:///src/components/Booking/BookingListBottom.vue","webpack:///./src/components/Booking/BookingListBottom.vue?911a","webpack:///./src/components/Booking/BookingListBottom.vue?275a"],"names":["render","_vm","this","_c","_self","staticClass","_v","_s","totalCount","totalAmount","allowUseTikTokCode","on","goToPay","staticRenderFns","name","props","selectedBooking","type","Array","selectedOpenBooking","data","watch","val","count","forEach","row","tikTokCouponStatus","methods","getTotalAmountByBookings","bookings","amount","booking","status","bookingStatusHelper","getBookingStatus","balanceDue","length","$router","push","query","bookingId","map","r","join","orderId","openBookingOrderId","computed","component"],"mappings":"kHAAA,W,gECAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,kCAAkC,CAACJ,EAAIK,GAAGL,EAAIM,GAAGN,EAAIO,eAAeL,EAAG,MAAM,CAACE,YAAY,eAAe,CAACJ,EAAIK,GAAG,SAASH,EAAG,MAAM,CAACE,YAAY,4BAA4B,CAACJ,EAAIK,GAAG,OAAOH,EAAG,MAAM,CAACE,YAAY,eAAe,CAACJ,EAAIK,GAAG,YAAYH,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACJ,EAAIK,GAAGL,EAAIM,GAAGN,EAAIQ,kBAAoBR,EAAIS,mBAAkGP,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAACJ,EAAIK,GAAG,UAAjIH,EAAG,MAAM,CAACE,YAAY,YAAYM,GAAG,CAAC,MAAQV,EAAIW,UAAU,CAACX,EAAIK,GAAG,aAEzjBO,EAAkB,G,wBCcP,GACfC,KAAA,oBACAC,MAAA,CACAC,gBAAA,CACAC,KAAAC,OAEAC,oBAAA,CACAF,KAAAC,QAGAE,OACA,OACAV,oBAAA,IAGAW,MAAA,CACAL,gBAAAM,GACA,IAAAC,EAAA,EACAD,KAAAE,QAAAC,IACA,IAAAA,EAAAC,oBAAA,IAAAD,EAAAC,oBACAH,MAGA,KAAAb,mBAAAa,EAAA,IAGAI,QAAA,CACAC,yBAAAC,GACA,IAAAC,EAAA,EASA,OARAD,EAAAL,QAAAO,IACA,MAAAC,EAAAC,OAAAC,iBAAAH,GACA,UAAAC,EACAF,GAAAC,EAAAD,OACA,cAAAE,IACAF,GAAAC,EAAAI,cAGAL,GAEAlB,UACA,KAAAI,gBAAAoB,OAAA,EACA,KAAAC,QAAAC,KAAA,CACAxB,KAAA,MACAyB,MAAA,CACAC,UAAA,KAAAxB,gBAAAyB,IAAAC,KAAAF,WAAAG,KAAA,QAGA,KAAAxB,oBAAAiB,OAAA,GACA,KAAAC,QAAAC,KAAA,CACAxB,KAAA,iBACAyB,MAAA,CACAK,QAAA,KAAAzB,oBAAA,GAAA0B,wBAMAC,SAAA,CACArC,cACA,YAAAO,gBAAAoB,OAAA,EACA,KAAAR,yBAAA,KAAAZ,iBACA,KAAAG,oBAAAiB,OAAA,EACA,KAAAR,yBAAA,KAAAT,qBAEA,GAEAX,aACA,YAAAQ,gBAAAoB,OAAA,EACA,KAAApB,gBAAAoB,OACA,KAAAjB,oBAAAiB,OAAA,EACA,KAAAjB,oBAAAiB,OAEA,KCxFyW,I,wBCQrWW,EAAY,eACd,EACA/C,EACAa,GACA,EACA,KACA,WACA,MAIa,aAAAkC,E","file":"js/chunk-64cc824d.d5a9c870.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BookingListBottom.vue?vue&type=style&index=0&id=63384538&prod&lang=less&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"toPay-m\"},[_c('div',{staticClass:\"toPay-m-l\"},[_c('div',{staticClass:\"toPay-m-txt selectBookingCount\"},[_vm._v(_vm._s(_vm.totalCount))]),_c('div',{staticClass:\"toPay-m-txt\"},[_vm._v(\"张订单\")]),_c('div',{staticClass:\"toPay-m-txt vertical-bar\"},[_vm._v(\"|\")]),_c('div',{staticClass:\"toPay-m-txt\"},[_vm._v(\"应付总计:￥\")]),_c('div',{staticClass:\"toPay-m-price\"},[_vm._v(_vm._s(_vm.totalAmount))])]),(!_vm.allowUseTikTokCode)?_c('div',{staticClass:\"toPay-m-r\",on:{\"click\":_vm.goToPay}},[_vm._v(\"立即支付\")]):_c('div',{staticClass:\"toPay-m-r disable\"},[_vm._v(\"立即支付\")])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"toPay-m\">\r\n        <div class=\"toPay-m-l\">\r\n            <div class=\"toPay-m-txt selectBookingCount\">{{totalCount}}</div>\r\n            <div class=\"toPay-m-txt\">张订单</div>\r\n            <div class=\"toPay-m-txt vertical-bar\">|</div>\r\n            <div class=\"toPay-m-txt\">应付总计:￥</div>\r\n            <div class=\"toPay-m-price\">{{totalAmount}}</div>\r\n        </div>\r\n        <div v-if=\"!allowUseTikTokCode\" class=\"toPay-m-r\" @click=\"goToPay\">立即支付</div>\r\n        <div v-else class=\"toPay-m-r disable\">立即支付</div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport bookingStatusHelper from '@/utilities/bookingStatusHelper'\r\nexport default {\r\n    name: \"BookingListBottom\",\r\n    props: {\r\n        selectedBooking: {\r\n            type: Array\r\n        },\r\n        selectedOpenBooking: {\r\n            type: Array\r\n        }\r\n    },\r\n    data() {\r\n      return {\r\n        allowUseTikTokCode: false\r\n      }\r\n    },\r\n    watch: {\r\n      selectedBooking(val) {\r\n        let count = 0;\r\n        val && val.forEach((row)=> {\r\n          if(row.tikTokCouponStatus === 1 || row.tikTokCouponStatus === 3) {\r\n            count++;\r\n          }\r\n        });\r\n        this.allowUseTikTokCode = count > 0;\r\n      }\r\n    },\r\n    methods: {\r\n        getTotalAmountByBookings (bookings) {\r\n            let amount = 0\r\n            bookings.forEach((booking) => {\r\n                const status = bookingStatusHelper.getBookingStatus(booking)\r\n                if (status == 'unpaid') {\r\n                    amount += booking.amount\r\n                } else if (status == 'unpaidFull'){\r\n                    amount += booking.balanceDue\r\n                }\r\n            })\r\n            return amount\r\n        },\r\n        goToPay () {\r\n            if (this.selectedBooking.length > 0) {\r\n                this.$router.push({\r\n                    name: \"Pay\",\r\n                    query: {\r\n                        bookingId: this.selectedBooking.map(r=>r.bookingId).join(',')\r\n                    }\r\n                })\r\n            } else if (this.selectedOpenBooking.length > 0) {\r\n                this.$router.push({\r\n                    name: \"OpenBookingPay\",\r\n                    query: {\r\n                        orderId: this.selectedOpenBooking[0].openBookingOrderId\r\n                    }\r\n                })\r\n            }\r\n        }\r\n    },\r\n    computed: {\r\n        totalAmount () {\r\n            if (this.selectedBooking.length > 0) {\r\n                return this.getTotalAmountByBookings(this.selectedBooking)\r\n            } else if (this.selectedOpenBooking.length > 0) {\r\n                return this.getTotalAmountByBookings(this.selectedOpenBooking)\r\n            }\r\n            return 0\r\n        },\r\n        totalCount () {\r\n            if (this.selectedBooking.length > 0) {\r\n                return this.selectedBooking.length\r\n            } else if (this.selectedOpenBooking.length > 0) {\r\n                return this.selectedOpenBooking.length\r\n            }\r\n            return 0\r\n        }\r\n    }\r\n}\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.toPay-m {\r\n    position: fixed;\r\n    left: 0;\r\n    bottom: 0;\r\n    z-index: 10100;\r\n    display: -webkit-box;\r\n    display: -webkit-flex;\r\n    display: -moz-box;\r\n    display: -ms-flexbox;\r\n    display: flex;\r\n    width: 100%;\r\n    height: 49px;\r\n    .toPay-m-l {\r\n        -webkit-box-flex: 0;\r\n        -webkit-flex: none;\r\n        -moz-box-flex: 0;\r\n        -ms-flex: none;\r\n        flex: none;\r\n        display: -webkit-box;\r\n        display: -webkit-flex;\r\n        display: -moz-box;\r\n        display: -ms-flexbox;\r\n        display: flex;\r\n        -webkit-box-align: center;\r\n        -webkit-align-items: center;\r\n        -moz-box-align: center;\r\n        -ms-flex-align: center;\r\n        align-items: center;\r\n        width: 253px;\r\n        padding: 0 20px;\r\n        background-color: #4A90E2;\r\n        color: #fff;\r\n        .toPay-m-txt {\r\n            font-size: 14px;\r\n            line-height: 16px;\r\n        }\r\n        .selectBookingCount {\r\n            padding-right: 2px;\r\n        }\r\n        .toPay-m-txt {\r\n            font-size: 14px;\r\n            line-height: 16px;\r\n        }\r\n        .vertical-bar {\r\n            padding: 0 10px;\r\n            position: relative;\r\n            top: -2px;\r\n        }\r\n        .toPay-m-price {\r\n            font-size: 18px;\r\n            line-height: 21px;\r\n            font-weight: bold;\r\n            padding-left: 2px;\r\n        }\r\n        &.is-full {\r\n          width: 100%;\r\n        }\r\n    }\r\n    .toPay-m-r {\r\n        -webkit-box-flex: 1;\r\n        -webkit-flex: 1;\r\n        -moz-box-flex: 1;\r\n        -ms-flex: 1;\r\n        flex: 1;\r\n        display: -webkit-box;\r\n        display: -webkit-flex;\r\n        display: -moz-box;\r\n        display: -ms-flexbox;\r\n        display: flex;\r\n        -webkit-box-pack: center;\r\n        -webkit-justify-content: center;\r\n        -moz-box-pack: center;\r\n        -ms-flex-pack: center;\r\n        justify-content: center;\r\n        -webkit-box-align: center;\r\n        -webkit-align-items: center;\r\n        -moz-box-align: center;\r\n        -ms-flex-align: center;\r\n        align-items: center;\r\n        font-size: 14px;\r\n        line-height: 1;\r\n        color: #454545;\r\n        letter-spacing: 1px;\r\n        font-weight: bold;\r\n        background: -webkit-gradient(linear, left top, right top, from(#FEBC10), to(#FAD961));\r\n        background: -webkit-linear-gradient(left, #FEBC10, #FAD961);\r\n        background: -moz-linear-gradient(left, #FEBC10, #FAD961);\r\n        background: -o-linear-gradient(left, #FEBC10, #FAD961);\r\n        background: linear-gradient(to right, #FEBC10, #FAD961);\r\n        &.disable {\r\n          background: #D2D9DE;\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!./BookingListBottom.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!./BookingListBottom.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./BookingListBottom.vue?vue&type=template&id=63384538&scoped=true\"\nimport script from \"./BookingListBottom.vue?vue&type=script&lang=js\"\nexport * from \"./BookingListBottom.vue?vue&type=script&lang=js\"\nimport style0 from \"./BookingListBottom.vue?vue&type=style&index=0&id=63384538&prod&lang=less&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  \"63384538\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}