1 line
15 KiB
JSON
1 line
15 KiB
JSON
{"ast":null,"code":"import { computed } from \"vue\";\nimport { useStore } from \"vuex\";\nimport confirmBet from \"@/components/confirmBet.vue\";\nimport chipView from \"@/components/chipView.vue\";\nimport { baccaratData } from \"@/utils/common\";\nexport default {\n name: \"TableBaccarat\",\n components: {\n confirmBet,\n chipView\n },\n props: {\n touch: {\n type: String,\n default: \"\"\n },\n can_bet_big_small: {\n type: [String, Number],\n default: 1\n },\n can_bet_luck_six: {\n type: [String, Number],\n default: 1\n },\n baccarat_type: {\n type: [String, Number],\n default: 0\n },\n bet_amount_msg: {\n type: Object,\n default: () => ({\n ...baccaratData.amount\n })\n },\n winArray: {\n type: Array,\n default: () => []\n },\n downChip: {\n type: Object,\n default: () => ({\n ...baccaratData.amount\n })\n },\n chipArray: {\n type: Object,\n default: () => ({\n ...baccaratData.array\n })\n },\n tableData: {\n type: [Object],\n default: () => {}\n }\n },\n setup(prop, context) {\n const store = useStore();\n const Type = computed(() => store.state.config.$Type);\n const Lang = computed(() => store.state.config.$lang);\n const downBet = (e, type) => {\n context.emit(\"downBet\", e, type);\n };\n const confirmChip = () => {\n context.emit(\"confirmChip\");\n };\n const cancelChip = () => {\n context.emit(\"cancelChip\");\n };\n return {\n Type,\n Lang,\n downBet,\n confirmChip,\n cancelChip\n };\n }\n};","map":{"version":3,"names":["computed","useStore","confirmBet","chipView","baccaratData","name","components","props","touch","type","String","default","can_bet_big_small","Number","can_bet_luck_six","baccarat_type","bet_amount_msg","Object","amount","winArray","Array","downChip","chipArray","array","tableData","setup","prop","context","store","Type","state","config","$Type","Lang","$lang","downBet","e","emit","confirmChip","cancelChip"],"sources":["/Users/li/Desktop/work/work2/OG/GamePortrait/src/components/PlayTable/TableBaccarat.vue"],"sourcesContent":["<template>\n <div class=\"baccarat\">\n <div class=\"list top\">\n <!-- 小 -->\n <div class=\"item min\" :class=\"{ unclick: can_bet_big_small != 1 }\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.small_amount,\n show: touch == 'small_amount'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'small_amount')\"\n :list=\"chipArray.small_amount\"\n :win=\"winArray.includes('small')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"big\">{{ Lang[Type].small }}</span>\n <span>1:1.5</span>\n </div>\n <div class=\"money\">{{ bet_amount_msg.small_amount || 0 }}</div>\n </div>\n <!-- 闲对 -->\n <div class=\"item ppair\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.player_pair_amount,\n show: touch == 'player_pair_amount'\n }\"\n ></confirmBet>\n\n <chipView\n @click=\"downBet($event, 'player_pair_amount')\"\n :list=\"chipArray.player_pair_amount\"\n :win=\"winArray.includes('player_pair')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"big\">{{ Lang[Type].p_player }}</span>\n <span>1:{{ tableData.price_pair }}</span>\n </div>\n <div class=\"money\">{{ bet_amount_msg.player_pair_amount }}</div>\n </div>\n <!-- 幸运6 -->\n <div class=\"item luck\" :class=\"{ unclick: can_bet_luck_six != 1 }\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.luck_six_amount,\n show: touch == 'luck_six_amount'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'luck_six_amount')\"\n :list=\"chipArray.luck_six_amount\"\n :win=\"winArray.includes('luck_six')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"big\">{{ Lang[Type].luckSix }} {{ Lang[Type].max }}</span>\n <span>1:20</span>\n </div>\n\n <div class=\"money\">{{ bet_amount_msg.luck_six_amount || 0 }}</div>\n </div>\n <!-- 庄对 -->\n <div class=\"item bpair\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.banker_pair_amount,\n show: touch == 'banker_pair_amount'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'banker_pair_amount')\"\n :list=\"chipArray.banker_pair_amount\"\n :win=\"winArray.includes('banker_pair')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"big\">{{ Lang[Type].p_banker }}</span>\n <span>1:{{ tableData.price_pair }}</span>\n </div>\n <div class=\"money\">{{ bet_amount_msg.banker_pair_amount }}</div>\n </div>\n <!-- 大 -->\n <div class=\"item max\" :class=\"{ unclick: can_bet_big_small != 1 }\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{ money: downChip.big_amount, show: touch == 'big_amount' }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'big_amount')\"\n :list=\"chipArray.big_amount\"\n :win=\"winArray.includes('big')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"big\">{{ Lang[Type].big }}</span>\n <span>1:0.5</span>\n </div>\n <div class=\"money\">{{ bet_amount_msg.big_amount || 0 }}</div>\n </div>\n </div>\n <div class=\"list bottom\">\n <!-- 闲 -->\n <div class=\"item palyer\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.player_amount,\n show: touch == 'player_amount'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'player_amount')\"\n :list=\"chipArray.player_amount\"\n :win=\"winArray.includes('player')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"big\">{{ Lang[Type].player }}</span>\n <span>1:{{ tableData.price_player }}</span>\n </div>\n <div class=\"money\">{{ bet_amount_msg.player_amount }}</div>\n </div>\n <!-- 和 -->\n <div class=\"item tie\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{ money: downChip.tie_amount, show: touch == 'tie_amount' }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'tie_amount')\"\n :list=\"chipArray.tie_amount\"\n :win=\"winArray.includes('tie')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"big\">{{ Lang[Type].tie }}</span>\n <span>1:{{ tableData.price_tie_baccarat }}</span>\n </div>\n <div class=\"money\">{{ bet_amount_msg.tie_amount }}</div>\n </div>\n <!-- 庄 -->\n <div class=\"item banker\">\n <confirmBet\n @confirm=\"confirmChip\"\n @cancel=\"cancelChip\"\n :data=\"{\n money: downChip.banker_amount,\n show: touch == 'banker_amount'\n }\"\n ></confirmBet>\n <chipView\n @click=\"downBet($event, 'banker_amount')\"\n :list=\"chipArray.banker_amount\"\n :win=\"winArray.includes('banker')\"\n ></chipView>\n <div class=\"text\">\n <span class=\"big\">{{ Lang[Type].banker }}</span>\n <span>\n {{ baccarat_type == 0 ? `1:${tableData.price_banker}` : \"1:1\" }}\n </span>\n </div>\n <div class=\"money\">{{ bet_amount_msg.banker_amount }}</div>\n </div>\n </div>\n </div>\n</template>\n\n<script>\nimport { computed } from \"vue\"\nimport { useStore } from \"vuex\"\nimport confirmBet from \"@/components/confirmBet.vue\"\nimport chipView from \"@/components/chipView.vue\"\nimport { baccaratData } from \"@/utils/common\"\nexport default {\n name: \"TableBaccarat\",\n components: { confirmBet, chipView },\n props: {\n touch: {\n type: String,\n default: \"\"\n },\n can_bet_big_small: {\n type: [String, Number],\n default: 1\n },\n can_bet_luck_six: {\n type: [String, Number],\n default: 1\n },\n baccarat_type: {\n type: [String, Number],\n default: 0\n },\n bet_amount_msg: {\n type: Object,\n default: () => ({\n ...baccaratData.amount\n })\n },\n winArray: {\n type: Array,\n default: () => []\n },\n downChip: {\n type: Object,\n default: () => ({\n ...baccaratData.amount\n })\n },\n chipArray: {\n type: Object,\n default: () => ({ ...baccaratData.array })\n },\n tableData: {\n type: [Object],\n default: () => {}\n }\n },\n setup(prop, context) {\n const store = useStore()\n const Type = computed(() => store.state.config.$Type)\n const Lang = computed(() => store.state.config.$lang)\n const downBet = (e, type) => {\n context.emit(\"downBet\", e, type)\n }\n const confirmChip = () => {\n context.emit(\"confirmChip\")\n }\n const cancelChip = () => {\n context.emit(\"cancelChip\")\n }\n return { Type, Lang, downBet, confirmChip, cancelChip }\n }\n}\n</script>\n<style lang=\"scss\" scoped>\n.baccarat {\n .list {\n display: flex;\n box-sizing: border-box;\n &:first-child {\n border-bottom: 1px solid #898a91;\n }\n &.top {\n height: 50%;\n .item {\n flex: 1;\n height: 100%;\n &:nth-child(3) {\n min-width: 4.86rem;\n }\n .text {\n margin-top: -2px;\n text-shadow: 1px 1px #050505;\n }\n }\n }\n &.bottom {\n height: 50%;\n .item {\n width: 33.33%;\n height: 100%;\n .text {\n font-size: 0.65rem;\n text-shadow: 1px 1px #050505;\n }\n }\n }\n .item {\n position: relative;\n border-right: 1px solid #898a91;\n font-size: 0.45rem;\n &:last-child {\n border: none;\n }\n &.unclick {\n &:after {\n content: \"\";\n position: absolute;\n width: 102%;\n border-bottom: 1px solid #898a91;\n top: 50%;\n transform: rotate(14deg);\n z-index: 6;\n left: -2px;\n }\n &.max:after {\n width: 104%;\n transform: rotate(21deg);\n }\n &.min:after {\n width: 104%;\n transform: rotate(21deg);\n }\n .chip-view {\n background: rgb(98 74 4 / 40%);\n }\n }\n\n .chip-box {\n position: absolute;\n width: 100%;\n height: 100%;\n left: 0;\n top: 0;\n &:active {\n background: rgba(255, 255, 255, 0.3);\n }\n }\n .text {\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100%;\n line-height: 1;\n z-index: 2;\n pointer-events: none;\n .big {\n font-weight: bold;\n padding-right: 0.24rem;\n padding-left: 0.2rem;\n }\n }\n .money {\n position: absolute;\n left: 0px;\n bottom: -2px;\n font-size: 0.24rem;\n font-weight: normal;\n transform: scale(0.7);\n color: #ddd;\n vertical-align: bottom;\n pointer-events: none;\n &::before {\n display: inline-block;\n content: \"总\";\n background: rgba(255, 255, 255, 0.4);\n font-size: 10px;\n border-radius: 0.615rem;\n width: 0.615rem;\n height: 0.615rem;\n text-align: center;\n line-height: 0.615rem;\n font-weight: normal;\n margin-right: 0.06rem;\n transform: scale(0.7);\n }\n }\n }\n }\n .banker .chip-view {\n border-bottom-right-radius: 10px;\n }\n .palyer .chip-view {\n border-bottom-left-radius: 10px;\n }\n .max .chip-view {\n border-top-right-radius: 10px;\n }\n .min .chip-view {\n border-top-left-radius: 10px;\n }\n .luck .text {\n text-shadow: none !important;\n background-image: linear-gradient(\n 90deg,\n #ffcc7d 0%,\n #93dd96 20%,\n #6078d4 50%,\n #f7e96f 100%\n );\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n}\n</style>\n"],"mappings":"AAgLA,SAASA,QAAO,QAAS,KAAI;AAC7B,SAASC,QAAO,QAAS,MAAK;AAC9B,OAAOC,UAAS,MAAO,6BAA4B;AACnD,OAAOC,QAAO,MAAO,2BAA0B;AAC/C,SAASC,YAAW,QAAS,gBAAe;AAC5C,eAAe;EACbC,IAAI,EAAE,eAAe;EACrBC,UAAU,EAAE;IAAEJ,UAAU;IAAEC;EAAS,CAAC;EACpCI,KAAK,EAAE;IACLC,KAAK,EAAE;MACLC,IAAI,EAAEC,MAAM;MACZC,OAAO,EAAE;IACX,CAAC;IACDC,iBAAiB,EAAE;MACjBH,IAAI,EAAE,CAACC,MAAM,EAAEG,MAAM,CAAC;MACtBF,OAAO,EAAE;IACX,CAAC;IACDG,gBAAgB,EAAE;MAChBL,IAAI,EAAE,CAACC,MAAM,EAAEG,MAAM,CAAC;MACtBF,OAAO,EAAE;IACX,CAAC;IACDI,aAAa,EAAE;MACbN,IAAI,EAAE,CAACC,MAAM,EAAEG,MAAM,CAAC;MACtBF,OAAO,EAAE;IACX,CAAC;IACDK,cAAc,EAAE;MACdP,IAAI,EAAEQ,MAAM;MACZN,OAAO,EAAEA,CAAA,MAAO;QACd,GAAGP,YAAY,CAACc;MAClB,CAAC;IACH,CAAC;IACDC,QAAQ,EAAE;MACRV,IAAI,EAAEW,KAAK;MACXT,OAAO,EAAEA,CAAA,KAAM;IACjB,CAAC;IACDU,QAAQ,EAAE;MACRZ,IAAI,EAAEQ,MAAM;MACZN,OAAO,EAAEA,CAAA,MAAO;QACd,GAAGP,YAAY,CAACc;MAClB,CAAC;IACH,CAAC;IACDI,SAAS,EAAE;MACTb,IAAI,EAAEQ,MAAM;MACZN,OAAO,EAAEA,CAAA,MAAO;QAAE,GAAGP,YAAY,CAACmB;MAAM,CAAC;IAC3C,CAAC;IACDC,SAAS,EAAE;MACTf,IAAI,EAAE,CAACQ,MAAM,CAAC;MACdN,OAAO,EAAEA,CAAA,KAAM,CAAC;IAClB;EACF,CAAC;EACDc,KAAKA,CAACC,IAAI,EAAEC,OAAO,EAAE;IACnB,MAAMC,KAAI,GAAI3B,QAAQ,EAAC;IACvB,MAAM4B,IAAG,GAAI7B,QAAQ,CAAC,MAAM4B,KAAK,CAACE,KAAK,CAACC,MAAM,CAACC,KAAK;IACpD,MAAMC,IAAG,GAAIjC,QAAQ,CAAC,MAAM4B,KAAK,CAACE,KAAK,CAACC,MAAM,CAACG,KAAK;IACpD,MAAMC,OAAM,GAAIA,CAACC,CAAC,EAAE3B,IAAI,KAAK;MAC3BkB,OAAO,CAACU,IAAI,CAAC,SAAS,EAAED,CAAC,EAAE3B,IAAI;IACjC;IACA,MAAM6B,WAAU,GAAIA,CAAA,KAAM;MACxBX,OAAO,CAACU,IAAI,CAAC,aAAa;IAC5B;IACA,MAAME,UAAS,GAAIA,CAAA,KAAM;MACvBZ,OAAO,CAACU,IAAI,CAAC,YAAY;IAC3B;IACA,OAAO;MAAER,IAAI;MAAEI,IAAI;MAAEE,OAAO;MAAEG,WAAW;MAAEC;IAAW;EACxD;AACF"},"metadata":{},"sourceType":"module","externalDependencies":[]} |