{"version":3,"sources":["webpack:///./src/components/Booking/BookingListBottom.vue?ecf5","webpack:///./src/components/Booking/BookingListBottom.vue?1766","webpack:///src/components/Booking/BookingListBottom.vue","webpack:///./src/components/Booking/BookingListBottom.vue?4c30","webpack:///./src/components/Booking/BookingListBottom.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","totalCount","totalAmount","allowUseTikTokCode","on","goToPay","staticRenderFns","component"],"mappings":"kHAAA,yBAAukB,EAAG,G,gECA1kB,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,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,kCAAkC,CAACN,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIS,eAAeL,EAAG,MAAM,CAACE,YAAY,eAAe,CAACN,EAAIO,GAAG,SAASH,EAAG,MAAM,CAACE,YAAY,4BAA4B,CAACN,EAAIO,GAAG,OAAOH,EAAG,MAAM,CAACE,YAAY,eAAe,CAACN,EAAIO,GAAG,YAAYH,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACN,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIU,kBAAoBV,EAAIW,mBAAkGP,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAACN,EAAIO,GAAG,UAAjIH,EAAG,MAAM,CAACE,YAAY,YAAYM,GAAG,CAAC,MAAQZ,EAAIa,UAAU,CAACb,EAAIO,GAAG,aACtlBO,EAAkB,G,sDCetB,GACE,KAAF,oBACE,MAAF,CACI,gBAAJ,CACM,KAAN,OAEI,oBAAJ,CACM,KAAN,QAGE,KAVF,WAWI,MAAJ,CACM,oBAAN,IAGE,MAAF,CACI,gBADJ,SACA,GACM,IAAN,IACM,GAAN,uBACA,oDACU,OAGJ,KAAN,yBAGE,QAAF,CACI,yBADJ,SACA,GACM,IAAN,IASM,OARA,EAAN,qBACQ,IAAR,6BACA,YACU,GAAV,SACA,kBACU,GAAV,iBAGA,GAEI,QAbJ,WAcA,8BACQ,KAAR,cACU,KAAV,MACU,MAAV,CACY,UAAZ,sCAAc,OAAd,4BAGA,mCACQ,KAAR,cACU,KAAV,iBACU,MAAV,CACY,QAAZ,oDAME,SAAF,CACI,YADJ,WAEM,OAAN,8BACA,oDACA,kCACA,wDAEA,GAEI,WATJ,WAUM,OAAN,8BACA,4BACA,kCACA,gCAEA,KCxF0W,I,wBCQtWC,EAAY,eACd,EACAhB,EACAe,GACA,EACA,KACA,WACA,MAIa,aAAAC,E","file":"js/chunk-3fd99ca3.c81325cf.js","sourcesContent":["import mod 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=950e87fc&lang=less&scoped=true&\"; export default mod; 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=950e87fc&lang=less&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;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(\"立即支付\")])])}\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=950e87fc&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=950e87fc&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  \"950e87fc\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}