You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 line
7.3 KiB
1 line
7.3 KiB
{"remainingRequest":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/node_modules/babel-loader/lib/index.js!/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/node_modules/cache-loader/dist/cjs.js??ref--0-0!/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/src/views/order/childComps/OrderBottom.vue?vue&type=script&lang=js&","dependencies":[{"path":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/src/views/order/childComps/OrderBottom.vue","mtime":1616808034027},{"path":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/node_modules/babel-loader/lib/index.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/node_modules/vue-loader/lib/index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:aW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMuYXJyYXkuZmlsdGVyIjsKaW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMuYXJyYXkuZmluZCI7CmltcG9ydCAiY29yZS1qcy9tb2R1bGVzL2VzLmFycmF5LmZvci1lYWNoIjsKaW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMuYXJyYXkucmVkdWNlIjsKaW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMubnVtYmVyLnRvLWZpeGVkIjsKaW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvd2ViLmRvbS1jb2xsZWN0aW9ucy5mb3ItZWFjaCI7CmltcG9ydCBfb2JqZWN0U3ByZWFkIGZyb20gIi9Vc2Vycy9saW5odWFrdW4vRG93bmxvYWRzL2NvZGVybGhrL2JpZyBiYXIvYmlnYmFyLXN0YXJ0L25vZGVfbW9kdWxlcy9AYmFiZWwvcnVudGltZS9oZWxwZXJzL2VzbS9vYmplY3RTcHJlYWQyIjsKLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KaW1wb3J0IENoZWNrQnV0dG9uIGZyb20gJy4vQ2hlY2tCdXR0b24nOwppbXBvcnQgeyBtYXBHZXR0ZXJzIH0gZnJvbSAndnVleCc7CmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAiT3JkZXJCb3R0b20iLAogIGNvbXBvbmVudHM6IHsKICAgIENoZWNrQnV0dG9uOiBDaGVja0J1dHRvbgogIH0sCiAgY29tcHV0ZWQ6IF9vYmplY3RTcHJlYWQoX29iamVjdFNwcmVhZCh7fSwgbWFwR2V0dGVycyhbJ2NhcnRMaXN0J10pKSwge30sIHsKICAgIHRvdGFsUHJpY2U6IGZ1bmN0aW9uIHRvdGFsUHJpY2UoKSB7CiAgICAgIHJldHVybiAnwqUnICsgdGhpcy5jYXJ0TGlzdC5maWx0ZXIoZnVuY3Rpb24gKGl0ZW0pIHsKICAgICAgICByZXR1cm4gaXRlbS5jaGVja2VkOwogICAgICB9KS5yZWR1Y2UoZnVuY3Rpb24gKHByZVZhbHVlLCBpdGVtKSB7CiAgICAgICAgcmV0dXJuIHByZVZhbHVlICsgaXRlbS5wcmljZSAqIGl0ZW0uY291bnQ7CiAgICAgIH0sIDApLnRvRml4ZWQoMik7CiAgICB9LAogICAgY2hlY2tMZW5ndGg6IGZ1bmN0aW9uIGNoZWNrTGVuZ3RoKCkgewogICAgICByZXR1cm4gIXRoaXMuY2FydExpc3QuZmlsdGVyKGZ1bmN0aW9uIChpdGVtKSB7CiAgICAgICAgcmV0dXJuIGl0ZW0uY2hlY2tlZDsKICAgICAgfSkubGVuZ3RoOwogICAgfSwKICAgIGlzU2VsZWN0QWxsOiBmdW5jdGlvbiBpc1NlbGVjdEFsbCgpIHsKICAgICAgaWYgKHRoaXMuY2FydExpc3QubGVuZ3RoID09PSAwKSByZXR1cm4gZmFsc2U7CiAgICAgIHJldHVybiAhdGhpcy5jYXJ0TGlzdC5maW5kKGZ1bmN0aW9uIChpdGVtKSB7CiAgICAgICAgcmV0dXJuICFpdGVtLmNoZWNrZWQ7CiAgICAgIH0pOwogICAgfQogIH0pLAogIG1ldGhvZHM6IHsKICAgIGNoZWNrQnRuQ2xpY2s6IGZ1bmN0aW9uIGNoZWNrQnRuQ2xpY2soKSB7CiAgICAgIC8vIDEu5Yik5pat5piv5ZCm5pyJ5pyq6YCJ5Lit55qE5oyJ6ZKuCiAgICAgIHZhciBpc1NlbGVjdEFsbCA9IHRoaXMuJHN0b3JlLmdldHRlcnMuY2FydExpc3QuZmluZChmdW5jdGlvbiAoaXRlbSkgewogICAgICAgIHJldHVybiAhaXRlbS5jaGVja2VkOwogICAgICB9KTsgLy8gMi7mnInmnKrpgInkuK3nmoTlhoXlrrksIOWImeWFqOmDqOmAieS4rQoKICAgICAgaWYgKGlzU2VsZWN0QWxsKSB7CiAgICAgICAgdGhpcy4kc3RvcmUuc3RhdGUuY2FydExpc3QuZm9yRWFjaChmdW5jdGlvbiAoaXRlbSkgewogICAgICAgICAgaXRlbS5jaGVja2VkID0gdHJ1ZTsKICAgICAgICB9KTsKICAgICAgfSBlbHNlIHsKICAgICAgICB0aGlzLiRzdG9yZS5zdGF0ZS5jYXJ0TGlzdC5mb3JFYWNoKGZ1bmN0aW9uIChpdGVtKSB7CiAgICAgICAgICBpdGVtLmNoZWNrZWQgPSBmYWxzZTsKICAgICAgICB9KTsKICAgICAgfQogICAgfSwKICAgIGJ0bmNsaWNrOiBmdW5jdGlvbiBidG5jbGljaygpIHsKICAgICAgdGhpcy4kZW1pdCgnb3JkZXInKTsKICAgIH0KICB9Cn07"},{"version":3,"sources":["OrderBottom.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;AASA,OAAA,WAAA,MAAA,eAAA;AACA,SAAA,UAAA,QAAA,MAAA;AAEA,eAAA;AACA,EAAA,IAAA,EAAA,aADA;AAEA,EAAA,UAAA,EAAA;AACA,IAAA,WAAA,EAAA;AADA,GAFA;AAKA,EAAA,QAAA,kCACA,UAAA,CAAA,CAAA,UAAA,CAAA,CADA;AAEA,IAAA,UAFA,wBAEA;AACA,aAAA,MAAA,KAAA,QAAA,CAAA,MAAA,CAAA,UAAA,IAAA,EAAA;AACA,eAAA,IAAA,CAAA,OAAA;AACA,OAFA,EAEA,MAFA,CAEA,UAAA,QAAA,EAAA,IAAA,EAAA;AACA,eAAA,QAAA,GAAA,IAAA,CAAA,KAAA,GAAA,IAAA,CAAA,KAAA;AACA,OAJA,EAIA,CAJA,EAIA,OAJA,CAIA,CAJA,CAAA;AAKA,KARA;AASA,IAAA,WATA,yBASA;AACA,aAAA,CAAA,KAAA,QAAA,CAAA,MAAA,CAAA,UAAA,IAAA;AAAA,eAAA,IAAA,CAAA,OAAA;AAAA,OAAA,EAAA,MAAA;AACA,KAXA;AAYA,IAAA,WAZA,yBAYA;AACA,UAAA,KAAA,QAAA,CAAA,MAAA,KAAA,CAAA,EACA,OAAA,KAAA;AACA,aAAA,CAAA,KAAA,QAAA,CAAA,IAAA,CAAA,UAAA,IAAA;AAAA,eAAA,CAAA,IAAA,CAAA,OAAA;AAAA,OAAA,CAAA;AACA;AAhBA,IALA;AAuBA,EAAA,OAAA,EAAA;AACA,IAAA,aAAA,EAAA,yBAAA;AACA;AACA,UAAA,WAAA,GAAA,KAAA,MAAA,CAAA,OAAA,CAAA,QAAA,CAAA,IAAA,CAAA,UAAA,IAAA;AAAA,eAAA,CAAA,IAAA,CAAA,OAAA;AAAA,OAAA,CAAA,CAFA,CAIA;;AACA,UAAA,WAAA,EAAA;AACA,aAAA,MAAA,CAAA,KAAA,CAAA,QAAA,CAAA,OAAA,CAAA,UAAA,IAAA,EAAA;AACA,UAAA,IAAA,CAAA,OAAA,GAAA,IAAA;AACA,SAFA;AAGA,OAJA,MAIA;AACA,aAAA,MAAA,CAAA,KAAA,CAAA,QAAA,CAAA,OAAA,CAAA,UAAA,IAAA,EAAA;AACA,UAAA,IAAA,CAAA,OAAA,GAAA,KAAA;AACA,SAFA;AAGA;AACA,KAfA;AAgBA,IAAA,QAhBA,sBAgBA;AACA,WAAA,KAAA,CAAA,OAAA;AACA;AAlBA;AAvBA,CAAA","sourcesContent":["<template>\n <div class=\"bottom-menu\">\n <CheckButton class=\"select-all\" @checkBtnClick=\"checkBtnClick\" v-model=\"isSelectAll\"></CheckButton>\n <span class=\"total-price\">合计: {{totalPrice}}</span>\n <span class=\"buy-product\" @click=\"btnclick\" >确定下单</span>\n </div>\n</template>\n\n<script>\n import CheckButton from './CheckButton'\n import {mapGetters} from 'vuex'\n\n\texport default {\n\t\tname: \"OrderBottom\",\n components: {\n\t\t CheckButton\n },\n computed: {\n\t\t ...mapGetters(['cartList']),\n\t\t totalPrice(){\n\t\t return '¥'+this.cartList.filter(item=>{\n\t\t return item.checked\n }).reduce((preValue,item)=>{\n return preValue+item.price*item.count\n },0).toFixed(2)\n },\n checkLength(){\n\t\t return !this.cartList.filter(item=>item.checked).length\n },\n isSelectAll () {\n\t\t if(this.cartList.length === 0)\n\t\t return false\n return !this.cartList.find(item=>!item.checked)\n }\n },\n methods: {\n checkBtnClick: function () {\n // 1.判断是否有未选中的按钮\n let isSelectAll = this.$store.getters.cartList.find(item => !item.checked);\n\n // 2.有未选中的内容, 则全部选中\n if (isSelectAll) {\n this.$store.state.cartList.forEach(item => {\n item.checked = true;\n });\n } else {\n this.$store.state.cartList.forEach(item => {\n item.checked = false;\n });\n }\n },\n btnclick(){\n this.$emit('order')\n }\n }\n\t}\n</script>\n\n<style scoped>\n .bottom-menu {\n width: 100%;\n height: 44px;\n background-color: #eee;\n box-shadow: 0 -2px 3px rgba(0, 0, 0, .2);\n font-size: 14px;\n color: #888;\n line-height: 44px;\n padding-left: 35px;\n box-sizing: border-box;\n }\n\n .bottom-menu .select-all {\n position: absolute;\n line-height: 0;\n left: -9999999999px;\n top: 13px;\n }\n\n .bottom-menu .total-price {\n position: relative;\n left: -25px;\n margin-left: 0px;\n font-size: 16px;\n color: #666;\n }\n\n .bottom-menu .buy-product {\n background-color: orangered;\n color: #fff;\n width: 100px;\n height: 44px;\n text-align: center;\n line-height: 44px;\n float: right;\n }\n</style>\n"],"sourceRoot":"src/views/order/childComps"}]} |