{"ast":null,"code":"import { computed } from \"vue\";\nimport { useStore } from \"vuex\";\nimport confirmBet from \"@/components/confirmBet.vue\";\nimport chipView from \"@/components/chipView.vue\";\nimport { rouletteData } from \"@/utils/common\";\nexport default {\n  name: \"TableRoulette\",\n  components: {\n    confirmBet,\n    chipView\n  },\n  props: {\n    touch: {\n      type: String,\n      default: \"\"\n    },\n    bet_amount_msg: {\n      type: Object,\n      default: () => ({\n        ...rouletteData.amount\n      })\n    },\n    winArray: {\n      type: Array,\n      default: () => []\n    },\n    downChip: {\n      type: Object,\n      default: () => ({\n        ...rouletteData.amount\n      })\n    },\n    chipArray: {\n      type: Object,\n      default: () => ({\n        ...rouletteData.array\n      })\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      // console.log(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    const testClick = () => {\n      console.log(\"点击有效\");\n    };\n    return {\n      Type,\n      Lang,\n      downBet,\n      confirmChip,\n      cancelChip,\n      testClick\n    };\n  }\n};","map":{"version":3,"names":["computed","useStore","confirmBet","chipView","rouletteData","name","components","props","touch","type","String","default","bet_amount_msg","Object","amount","winArray","Array","downChip","chipArray","array","setup","prop","context","store","Type","state","config","$Type","Lang","$lang","downBet","e","emit","confirmChip","cancelChip","testClick","console","log"],"sources":["/Users/li/Desktop/work/work2/OG/GamePortrait/src/components/PlayTable/TableRouletteEuropean.vue"],"sourcesContent":["<template>\n  <div class=\"roulette\">\n    <!-- 欧式 -->\n    <div class=\"european\">\n      <div class=\"left\">\n        <div class=\"item green-bg\">\n          <confirmBet\n            @confirm=\"confirmChip\"\n            @cancel=\"cancelChip\"\n            :data=\"{\n              money: downChip.straight_0,\n              show: touch == 'straight_0'\n            }\"\n          ></confirmBet>\n          <chipView\n            @click=\"downBet($event, 'straight_0')\"\n            :list=\"chipArray.straight_0\"\n            :win=\"winArray.includes('straight_0')\"\n          ></chipView>\n          <div class=\"text\">\n            <span class=\"points\">0</span>\n          </div>\n        </div>\n      </div>\n      <div class=\"center\">\n        <div class=\"list\">\n          <!-- 3 -->\n          <div class=\"item red-bg\">\n            <confirmBet\n              @confirm=\"confirmChip\"\n              @cancel=\"cancelChip\"\n              :data=\"{\n                money: downChip.straight_3,\n                show: touch == 'straight_3'\n              }\"\n            ></confirmBet>\n            <chipView\n              @click=\"downBet($event, 'straight_3')\"\n              :list=\"chipArray.straight_3\"\n              :win=\"winArray.includes('straight_3')\"\n            ></chipView>\n            <div class=\"text\">\n              <span class=\"points\">3</span>\n            </div>\n          </div>\n          <!-- 6 -->\n          <div class=\"item black-bg\">\n            <confirmBet\n              @confirm=\"confirmChip\"\n              @cancel=\"cancelChip\"\n              :data=\"{\n                money: downChip.straight_6,\n                show: touch == 'straight_6'\n              }\"\n            ></confirmBet>\n            <chipView\n              @click=\"downBet($event, 'straight_6')\"\n              :list=\"chipArray.straight_6\"\n              :win=\"winArray.includes('straight_6')\"\n            ></chipView>\n            <div class=\"text\">\n              <span class=\"points\">6</span>\n            </div>\n          </div>\n          <!-- 9 -->\n          <div class=\"item red-bg\">\n            <confirmBet\n              @confirm=\"confirmChip\"\n              @cancel=\"cancelChip\"\n              :data=\"{\n                money: downChip.straight_9,\n                show: touch == 'straight_9'\n              }\"\n            ></confirmBet>\n            <chipView\n              @click=\"downBet($event, 'straight_9')\"\n              :list=\"chipArray.straight_9\"\n              :win=\"winArray.includes('straight_9')\"\n            ></chipView>\n            <div class=\"text\">\n              <span class=\"points\">9</span>\n            </div>\n          </div>\n          <!-- 12 -->\n          <div class=\"item red-bg\">\n            <confirmBet\n              @confirm=\"confirmChip\"\n              @cancel=\"cancelChip\"\n              :data=\"{\n                money: downChip.straight_12,\n                show: touch == 'straight_12'\n              }\"\n            ></confirmBet>\n            <chipView\n              @click=\"downBet($event, 'straight_12')\"\n              :list=\"chipArray.straight_12\"\n              :win=\"winArray.includes('straight_12')\"\n            ></chipView>\n            <div class=\"text\">\n              <span class=\"points\">12</span>\n            </div>\n          </div>\n          <!-- 15 -->\n          <div class=\"item black-bg\">\n            <confirmBet\n              @confirm=\"confirmChip\"\n              @cancel=\"cancelChip\"\n              :data=\"{\n                money: downChip.straight_15,\n                show: touch == 'straight_15'\n              }\"\n            ></confirmBet>\n            <chipView\n              @click=\"downBet($event, 'straight_15')\"\n              :list=\"chipArray.straight_15\"\n              :win=\"winArray.includes('straight_15')\"\n            ></chipView>\n            <div class=\"text\">\n              <span class=\"points\">15</span>\n            </div>\n          </div>\n          <!-- 18 -->\n          <div class=\"item red-bg\">\n            <confirmBet\n              @confirm=\"confirmChip\"\n              @cancel=\"cancelChip\"\n              :data=\"{\n                money: downChip.straight_18,\n                show: touch == 'straight_18'\n              }\"\n            ></confirmBet>\n            <chipView\n              @click=\"downBet($event, 'straight_18')\"\n              :list=\"chipArray.straight_18\"\n              :win=\"winArray.includes('straight_18')\"\n            ></chipView>\n            <div class=\"text\">\n              <span class=\"points\">18</span>\n            </div>\n          </div>\n          <!-- 21 -->\n          <div class=\"item red-bg\">\n            <confirmBet\n              @confirm=\"confirmChip\"\n              @cancel=\"cancelChip\"\n              :data=\"{\n                money: downChip.straight_21,\n                show: touch == 'straight_21'\n              }\"\n            ></confirmBet>\n            <chipView\n              @click=\"downBet($event, 'straight_21')\"\n              :list=\"chipArray.straight_21\"\n              :win=\"winArray.includes('straight_21')\"\n            ></chipView>\n            <div class=\"text\">\n              <span class=\"points\">21</span>\n            </div>\n          </div>\n          <!-- 24 -->\n          <div class=\"item black-bg\">\n            <confirmBet\n              @confirm=\"confirmChip\"\n              @cancel=\"cancelChip\"\n              :data=\"{\n                money: downChip.straight_24,\n                show: touch == 'straight_24'\n              }\"\n            ></confirmBet>\n            <chipView\n              @click=\"downBet($event, 'straight_24')\"\n              :list=\"chipArray.straight_24\"\n              :win=\"winArray.includes('straight_24')\"\n            ></chipView>\n            <div class=\"text\">\n              <span class=\"points\">24</span>\n            </div>\n          </div>\n          <!-- 27 -->\n          <div class=\"item red-bg\">\n            <confirmBet\n              @confirm=\"confirmChip\"\n              @cancel=\"cancelChip\"\n              :data=\"{\n                money: downChip.straight_27,\n                show: touch == 'straight_27'\n              }\"\n            ></confirmBet>\n            <chipView\n              @click=\"downBet($event, 'straight_27')\"\n              :list=\"chipArray.straight_27\"\n              :win=\"winArray.includes('straight_27')\"\n            ></chipView>\n            <div class=\"text\">\n              <span class=\"points\">27</span>\n            </div>\n          </div>\n          <!-- 30 -->\n          <div class=\"item red-bg\">\n            <confirmBet\n              @confirm=\"confirmChip\"\n              @cancel=\"cancelChip\"\n              :data=\"{\n                money: downChip.straight_30,\n                show: touch == 'straight_30'\n              }\"\n            ></confirmBet>\n            <chipView\n              @click=\"downBet($event, 'straight_30')\"\n              :list=\"chipArray.straight_30\"\n              :win=\"winArray.includes('straight_30')\"\n            ></chipView>\n            <div class=\"text\">\n              <span class=\"points\">30</span>\n            </div>\n          </div>\n          <!-- 33 -->\n          <div class=\"item black-bg\">\n            <confirmBet\n              @confirm=\"confirmChip\"\n              @cancel=\"cancelChip\"\n              :data=\"{\n                money: downChip.straight_33,\n                show: touch == 'straight_33'\n              }\"\n            ></confirmBet>\n            <chipView\n              @click=\"downBet($event, 'straight_33')\"\n              :list=\"chipArray.straight_33\"\n              :win=\"winArray.includes('straight_33')\"\n            ></chipView>\n            <div class=\"text\">\n              <span class=\"points\">33</span>\n            </div>\n          </div>\n          <!-- 36 -->\n          <div class=\"item red-bg\">\n            <confirmBet\n              @confirm=\"confirmChip\"\n              @cancel=\"cancelChip\"\n              :data=\"{\n                money: downChip.straight_36,\n                show: touch == 'straight_36'\n              }\"\n            ></confirmBet>\n            <chipView\n              @click=\"downBet($event, 'straight_36')\"\n              :list=\"chipArray.straight_36\"\n              :win=\"winArray.includes('straight_36')\"\n            ></chipView>\n            <div class=\"text\">\n              <span class=\"points\">36</span>\n            </div>\n          </div>\n        </div>\n        <div class=\"list\">\n          <!-- 2 -->\n          <div class=\"item black-bg\">\n            <confirmBet\n              @confirm=\"confirmChip\"\n              @cancel=\"cancelChip\"\n              :data=\"{\n                money: downChip.straight_2,\n                show: touch == 'straight_2'\n              }\"\n            ></confirmBet>\n            <chipView\n              @click=\"downBet($event, 'straight_2')\"\n              :list=\"chipArray.straight_2\"\n              :win=\"winArray.includes('straight_2')\"\n            ></chipView>\n            <div class=\"text\">\n              <span class=\"points\">2</span>\n            </div>\n          </div>\n          <!-- 5 -->\n          <div class=\"item red-bg\">\n            <confirmBet\n              @confirm=\"confirmChip\"\n              @cancel=\"cancelChip\"\n              :data=\"{\n                money: downChip.straight_5,\n                show: touch == 'straight_5'\n              }\"\n            ></confirmBet>\n            <chipView\n              @click=\"downBet($event, 'straight_5')\"\n              :list=\"chipArray.straight_5\"\n              :win=\"winArray.includes('straight_5')\"\n            ></chipView>\n            <div class=\"text\">\n              <span class=\"points\">5</span>\n            </div>\n          </div>\n          <!-- 8 -->\n          <div class=\"item black-bg\">\n            <confirmBet\n              @confirm=\"confirmChip\"\n              @cancel=\"cancelChip\"\n              :data=\"{\n                money: downChip.straight_8,\n                show: touch == 'straight_8'\n              }\"\n            ></confirmBet>\n            <chipView\n              @click=\"downBet($event, 'straight_8')\"\n              :list=\"chipArray.straight_8\"\n              :win=\"winArray.includes('straight_8')\"\n            ></chipView>\n            <div class=\"text\">\n              <span class=\"points\">8</span>\n            </div>\n          </div>\n          <!-- 11 -->\n          <div class=\"item black-bg\">\n            <confirmBet\n              @confirm=\"confirmChip\"\n              @cancel=\"cancelChip\"\n              :data=\"{\n                money: downChip.straight_11,\n                show: touch == 'straight_11'\n              }\"\n            ></confirmBet>\n            <chipView\n              @click=\"downBet($event, 'straight_11')\"\n              :list=\"chipArray.straight_11\"\n              :win=\"winArray.includes('straight_11')\"\n            ></chipView>\n            <div class=\"text\">\n              <span class=\"points\">11</span>\n            </div>\n          </div>\n          <!-- 14 -->\n          <div class=\"item red-bg\">\n            <confirmBet\n              @confirm=\"confirmChip\"\n              @cancel=\"cancelChip\"\n              :data=\"{\n                money: downChip.straight_14,\n                show: touch == 'straight_14'\n              }\"\n            ></confirmBet>\n            <chipView\n              @click=\"downBet($event, 'straight_14')\"\n              :list=\"chipArray.straight_14\"\n              :win=\"winArray.includes('straight_14')\"\n            ></chipView>\n            <div class=\"text\">\n              <span class=\"points\">14</span>\n            </div>\n          </div>\n          <!-- 17 -->\n          <div class=\"item black-bg\">\n            <confirmBet\n              @confirm=\"confirmChip\"\n              @cancel=\"cancelChip\"\n              :data=\"{\n                money: downChip.straight_17,\n                show: touch == 'straight_17'\n              }\"\n            ></confirmBet>\n            <chipView\n              @click=\"downBet($event, 'straight_17')\"\n              :list=\"chipArray.straight_17\"\n              :win=\"winArray.includes('straight_17')\"\n            ></chipView>\n            <div class=\"text\">\n              <span class=\"points\">17</span>\n            </div>\n          </div>\n          <!-- 20 -->\n          <div class=\"item black-bg\">\n            <confirmBet\n              @confirm=\"confirmChip\"\n              @cancel=\"cancelChip\"\n              :data=\"{\n                money: downChip.straight_20,\n                show: touch == 'straight_20'\n              }\"\n            ></confirmBet>\n            <chipView\n              @click=\"downBet($event, 'straight_20')\"\n              :list=\"chipArray.straight_20\"\n              :win=\"winArray.includes('straight_20')\"\n            ></chipView>\n            <div class=\"text\">\n              <span class=\"points\">20</span>\n            </div>\n          </div>\n          <!-- 23 -->\n          <div class=\"item red-bg\">\n            <confirmBet\n              @confirm=\"confirmChip\"\n              @cancel=\"cancelChip\"\n              :data=\"{\n                money: downChip.straight_23,\n                show: touch == 'straight_23'\n              }\"\n            ></confirmBet>\n            <chipView\n              @click=\"downBet($event, 'straight_23')\"\n              :list=\"chipArray.straight_23\"\n              :win=\"winArray.includes('straight_23')\"\n            ></chipView>\n            <div class=\"text\">\n              <span class=\"points\">23</span>\n            </div>\n          </div>\n          <!-- 26 -->\n          <div class=\"item black-bg\">\n            <confirmBet\n              @confirm=\"confirmChip\"\n              @cancel=\"cancelChip\"\n              :data=\"{\n                money: downChip.straight_26,\n                show: touch == 'straight_26'\n              }\"\n            ></confirmBet>\n            <chipView\n              @click=\"downBet($event, 'straight_26')\"\n              :list=\"chipArray.straight_26\"\n              :win=\"winArray.includes('straight_26')\"\n            ></chipView>\n            <div class=\"text\">\n              <span class=\"points\">26</span>\n            </div>\n          </div>\n          <!-- 29 -->\n          <div class=\"item black-bg\">\n            <confirmBet\n              @confirm=\"confirmChip\"\n              @cancel=\"cancelChip\"\n              :data=\"{\n                money: downChip.straight_29,\n                show: touch == 'straight_29'\n              }\"\n            ></confirmBet>\n            <chipView\n              @click=\"downBet($event, 'straight_29')\"\n              :list=\"chipArray.straight_29\"\n              :win=\"winArray.includes('straight_29')\"\n            ></chipView>\n            <div class=\"text\">\n              <span class=\"points\">29</span>\n            </div>\n          </div>\n          <!-- 32 -->\n          <div class=\"item red-bg\">\n            <confirmBet\n              @confirm=\"confirmChip\"\n              @cancel=\"cancelChip\"\n              :data=\"{\n                money: downChip.straight_32,\n                show: touch == 'straight_32'\n              }\"\n            ></confirmBet>\n            <chipView\n              @click=\"downBet($event, 'straight_32')\"\n              :list=\"chipArray.straight_32\"\n              :win=\"winArray.includes('straight_32')\"\n            ></chipView>\n            <div class=\"text\">\n              <span class=\"points\">32</span>\n            </div>\n          </div>\n          <!-- 35 -->\n          <div class=\"item black-bg\">\n            <confirmBet\n              @confirm=\"confirmChip\"\n              @cancel=\"cancelChip\"\n              :data=\"{\n                money: downChip.straight_35,\n                show: touch == 'straight_35'\n              }\"\n            ></confirmBet>\n            <chipView\n              @click=\"downBet($event, 'straight_35')\"\n              :list=\"chipArray.straight_35\"\n              :win=\"winArray.includes('straight_35')\"\n            ></chipView>\n            <div class=\"text\">\n              <span class=\"points\">35</span>\n            </div>\n          </div>\n        </div>\n        <div class=\"list\">\n          <!-- 1 -->\n          <div class=\"item red-bg\">\n            <confirmBet\n              @confirm=\"confirmChip\"\n              @cancel=\"cancelChip\"\n              :data=\"{\n                money: downChip.straight_1,\n                show: touch == 'straight_1'\n              }\"\n            ></confirmBet>\n            <chipView\n              @click=\"downBet($event, 'straight_1')\"\n              :list=\"chipArray.straight_1\"\n              :win=\"winArray.includes('straight_1')\"\n            ></chipView>\n            <div class=\"text\">\n              <span class=\"points\">1</span>\n            </div>\n          </div>\n          <!-- 4 -->\n          <div class=\"item black-bg\">\n            <confirmBet\n              @confirm=\"confirmChip\"\n              @cancel=\"cancelChip\"\n              :data=\"{\n                money: downChip.straight_4,\n                show: touch == 'straight_4'\n              }\"\n            ></confirmBet>\n            <chipView\n              @click=\"downBet($event, 'straight_4')\"\n              :list=\"chipArray.straight_4\"\n              :win=\"winArray.includes('straight_4')\"\n            ></chipView>\n            <div class=\"text\">\n              <span class=\"points\">4</span>\n            </div>\n          </div>\n          <!-- 7 -->\n          <div class=\"item red-bg\">\n            <confirmBet\n              @confirm=\"confirmChip\"\n              @cancel=\"cancelChip\"\n              :data=\"{\n                money: downChip.straight_7,\n                show: touch == 'straight_7'\n              }\"\n            ></confirmBet>\n            <chipView\n              @click=\"downBet($event, 'straight_7')\"\n              :list=\"chipArray.straight_7\"\n              :win=\"winArray.includes('straight_7')\"\n            ></chipView>\n            <div class=\"text\">\n              <span class=\"points\">7</span>\n            </div>\n          </div>\n          <!-- 10 -->\n          <div class=\"item black-bg\">\n            <confirmBet\n              @confirm=\"confirmChip\"\n              @cancel=\"cancelChip\"\n              :data=\"{\n                money: downChip.straight_10,\n                show: touch == 'straight_10'\n              }\"\n            ></confirmBet>\n            <chipView\n              @click=\"downBet($event, 'straight_10')\"\n              :list=\"chipArray.straight_10\"\n              :win=\"winArray.includes('straight_10')\"\n            ></chipView>\n            <div class=\"text\">\n              <span class=\"points\">10</span>\n            </div>\n          </div>\n          <!-- 13 -->\n          <div class=\"item black-bg\">\n            <confirmBet\n              @confirm=\"confirmChip\"\n              @cancel=\"cancelChip\"\n              :data=\"{\n                money: downChip.straight_13,\n                show: touch == 'straight_13'\n              }\"\n            ></confirmBet>\n            <chipView\n              @click=\"downBet($event, 'straight_13')\"\n              :list=\"chipArray.straight_13\"\n              :win=\"winArray.includes('straight_13')\"\n            ></chipView>\n            <div class=\"text\">\n              <span class=\"points\">13</span>\n            </div>\n          </div>\n          <!-- 16 -->\n          <div class=\"item red-bg\">\n            <confirmBet\n              @confirm=\"confirmChip\"\n              @cancel=\"cancelChip\"\n              :data=\"{\n                money: downChip.straight_16,\n                show: touch == 'straight_16'\n              }\"\n            ></confirmBet>\n            <chipView\n              @click=\"downBet($event, 'straight_16')\"\n              :list=\"chipArray.straight_16\"\n              :win=\"winArray.includes('straight_16')\"\n            ></chipView>\n            <div class=\"text\">\n              <span class=\"points\">16</span>\n            </div>\n          </div>\n          <!-- 19 -->\n          <div class=\"item red-bg\">\n            <confirmBet\n              @confirm=\"confirmChip\"\n              @cancel=\"cancelChip\"\n              :data=\"{\n                money: downChip.straight_19,\n                show: touch == 'straight_19'\n              }\"\n            ></confirmBet>\n            <chipView\n              @click=\"downBet($event, 'straight_19')\"\n              :list=\"chipArray.straight_19\"\n              :win=\"winArray.includes('straight_19')\"\n            ></chipView>\n            <div class=\"text\">\n              <span class=\"points\">19</span>\n            </div>\n          </div>\n          <!-- 22 -->\n          <div class=\"item black-bg\">\n            <confirmBet\n              @confirm=\"confirmChip\"\n              @cancel=\"cancelChip\"\n              :data=\"{\n                money: downChip.straight_22,\n                show: touch == 'straight_22'\n              }\"\n            ></confirmBet>\n            <chipView\n              @click=\"downBet($event, 'straight_22')\"\n              :list=\"chipArray.straight_22\"\n              :win=\"winArray.includes('straight_22')\"\n            ></chipView>\n            <div class=\"text\">\n              <span class=\"points\">22</span>\n            </div>\n          </div>\n          <!-- 25 -->\n          <div class=\"item red-bg\">\n            <confirmBet\n              @confirm=\"confirmChip\"\n              @cancel=\"cancelChip\"\n              :data=\"{\n                money: downChip.straight_25,\n                show: touch == 'straight_25'\n              }\"\n            ></confirmBet>\n            <chipView\n              @click=\"downBet($event, 'straight_25')\"\n              :list=\"chipArray.straight_25\"\n              :win=\"winArray.includes('straight_25')\"\n            ></chipView>\n            <div class=\"text\">\n              <span class=\"points\">25</span>\n            </div>\n          </div>\n          <!-- 28 -->\n          <div class=\"item black-bg\">\n            <confirmBet\n              @confirm=\"confirmChip\"\n              @cancel=\"cancelChip\"\n              :data=\"{\n                money: downChip.straight_28,\n                show: touch == 'straight_28'\n              }\"\n            ></confirmBet>\n            <chipView\n              @click=\"downBet($event, 'straight_28')\"\n              :list=\"chipArray.straight_28\"\n              :win=\"winArray.includes('straight_28')\"\n            ></chipView>\n            <div class=\"text\">\n              <span class=\"points\">28</span>\n            </div>\n          </div>\n          <!-- 31 -->\n          <div class=\"item black-bg\">\n            <confirmBet\n              @confirm=\"confirmChip\"\n              @cancel=\"cancelChip\"\n              :data=\"{\n                money: downChip.straight_31,\n                show: touch == 'straight_31'\n              }\"\n            ></confirmBet>\n            <chipView\n              @click=\"downBet($event, 'straight_31')\"\n              :list=\"chipArray.straight_31\"\n              :win=\"winArray.includes('straight_31')\"\n            ></chipView>\n            <div class=\"text\">\n              <span class=\"points\">31</span>\n            </div>\n          </div>\n          <!-- 34 -->\n          <div class=\"item red-bg\">\n            <confirmBet\n              @confirm=\"confirmChip\"\n              @cancel=\"cancelChip\"\n              :data=\"{\n                money: downChip.straight_34,\n                show: touch == 'straight_34'\n              }\"\n            ></confirmBet>\n            <chipView\n              @click=\"downBet($event, 'straight_34')\"\n              :list=\"chipArray.straight_34\"\n              :win=\"winArray.includes('straight_34')\"\n            ></chipView>\n            <div class=\"text\">\n              <span class=\"points\">34</span>\n            </div>\n          </div>\n        </div>\n        <div class=\"list\">\n          <!-- 第一打 -->\n          <div class=\"item\">\n            <confirmBet\n              @confirm=\"confirmChip\"\n              @cancel=\"cancelChip\"\n              :data=\"{\n                money: downChip.dozen_1,\n                show: touch == 'dozen_1'\n              }\"\n            ></confirmBet>\n            <chipView\n              @click=\"downBet($event, 'dozen_1')\"\n              :list=\"chipArray.dozen_1\"\n              :win=\"winArray.includes('dozen_1')\"\n            ></chipView>\n            <div class=\"text\">\n              <span class=\"points\">{{ Lang[Type].first_dozen }}</span>\n              <span class=\"small\">1-12</span>\n            </div>\n          </div>\n          <!-- 第二打 -->\n          <div class=\"item\">\n            <confirmBet\n              @confirm=\"confirmChip\"\n              @cancel=\"cancelChip\"\n              :data=\"{\n                money: downChip.dozen_2,\n                show: touch == 'dozen_2'\n              }\"\n            ></confirmBet>\n            <chipView\n              @click=\"downBet($event, 'dozen_2')\"\n              :list=\"chipArray.dozen_2\"\n              :win=\"winArray.includes('dozen_2')\"\n            ></chipView>\n            <div class=\"text\">\n              <span class=\"points\">{{ Lang[Type].second_dozen }}</span>\n              <span class=\"small\">13-24</span>\n            </div>\n          </div>\n          <!-- 第三打 -->\n          <div class=\"item\">\n            <confirmBet\n              @confirm=\"confirmChip\"\n              @cancel=\"cancelChip\"\n              :data=\"{\n                money: downChip.dozen_3,\n                show: touch == 'dozen_3'\n              }\"\n            ></confirmBet>\n            <chipView\n              @click=\"downBet($event, 'dozen_3')\"\n              :list=\"chipArray.dozen_3\"\n              :win=\"winArray.includes('dozen_3')\"\n            ></chipView>\n            <div class=\"text\">\n              <span class=\"points\">{{ Lang[Type].third_dozen }}</span>\n              <span class=\"small\">25-36</span>\n            </div>\n          </div>\n        </div>\n        <div class=\"list\">\n          <!-- 小 -->\n          <div class=\"item left-radius\">\n            <confirmBet\n              @confirm=\"confirmChip\"\n              @cancel=\"cancelChip\"\n              :data=\"{\n                money: downChip.low,\n                show: touch == 'low'\n              }\"\n            ></confirmBet>\n            <chipView\n              @click=\"downBet($event, 'low')\"\n              :list=\"chipArray.low\"\n              :win=\"winArray.includes('low')\"\n            ></chipView>\n            <div class=\"text\">\n              <span class=\"small\">1-18</span>\n              <span class=\"points\">{{ Lang[Type].small }}</span>\n            </div>\n          </div>\n          <!-- 双 -->\n          <div class=\"item\">\n            <confirmBet\n              @confirm=\"confirmChip\"\n              @cancel=\"cancelChip\"\n              :data=\"{\n                money: downChip.even,\n                show: touch == 'even'\n              }\"\n            ></confirmBet>\n            <chipView\n              @click=\"downBet($event, 'even')\"\n              :list=\"chipArray.even\"\n              :win=\"winArray.includes('even')\"\n            ></chipView>\n            <div class=\"text\">\n              <span class=\"points\">{{ Lang[Type].even }}</span>\n            </div>\n          </div>\n          <!-- 红 -->\n          <div class=\"item\">\n            <confirmBet\n              @confirm=\"confirmChip\"\n              @cancel=\"cancelChip\"\n              :data=\"{\n                money: downChip.red,\n                show: touch == 'red'\n              }\"\n            ></confirmBet>\n            <chipView\n              @click=\"downBet($event, 'red')\"\n              :list=\"chipArray.red\"\n              :win=\"winArray.includes('red')\"\n            ></chipView>\n            <div class=\"text\">\n              <span class=\"points\">{{ Lang[Type].red }}</span>\n            </div>\n          </div>\n          <!-- 黑 -->\n          <div class=\"item\">\n            <confirmBet\n              @confirm=\"confirmChip\"\n              @cancel=\"cancelChip\"\n              :data=\"{\n                money: downChip.black,\n                show: touch == 'black'\n              }\"\n            ></confirmBet>\n            <chipView\n              @click=\"downBet($event, 'black')\"\n              :list=\"chipArray.black\"\n              :win=\"winArray.includes('black')\"\n            ></chipView>\n            <div class=\"text\">\n              <span class=\"points\">{{ Lang[Type].black }}</span>\n            </div>\n          </div>\n          <!-- 单 -->\n          <div class=\"item\">\n            <confirmBet\n              @confirm=\"confirmChip\"\n              @cancel=\"cancelChip\"\n              :data=\"{\n                money: downChip.odd,\n                show: touch == 'odd'\n              }\"\n            ></confirmBet>\n            <chipView\n              @click=\"downBet($event, 'odd')\"\n              :list=\"chipArray.odd\"\n              :win=\"winArray.includes('odd')\"\n            ></chipView>\n            <div class=\"text\">\n              <span class=\"points\">{{ Lang[Type].odd }}</span>\n            </div>\n          </div>\n          <!-- 大 -->\n          <div class=\"item right-radius\">\n            <confirmBet\n              @confirm=\"confirmChip\"\n              @cancel=\"cancelChip\"\n              :data=\"{\n                money: downChip.high,\n                show: touch == 'high'\n              }\"\n            ></confirmBet>\n            <chipView\n              @click=\"downBet($event, 'high')\"\n              :list=\"chipArray.high\"\n              :win=\"winArray.includes('high')\"\n            ></chipView>\n            <div class=\"text\">\n              <span class=\"points\">{{ Lang[Type].big }}</span>\n              <span class=\"small\">19-36</span>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"right\">\n        <!-- 第三列 -->\n        <div class=\"item\">\n          <confirmBet\n            @confirm=\"confirmChip\"\n            @cancel=\"cancelChip\"\n            :data=\"{\n              money: downChip.column_3,\n              show: touch == 'column_3'\n            }\"\n          ></confirmBet>\n          <chipView\n            @click=\"downBet($event, 'column_3')\"\n            :list=\"chipArray.column_3\"\n            :win=\"winArray.includes('column_3')\"\n          ></chipView>\n          <div class=\"text\">\n            <span class=\"points\">{{ Lang[Type].third_column }}</span>\n          </div>\n        </div>\n        <!-- 第二列 -->\n        <div class=\"item\">\n          <confirmBet\n            @confirm=\"confirmChip\"\n            @cancel=\"cancelChip\"\n            :data=\"{\n              money: downChip.column_2,\n              show: touch == 'column_2'\n            }\"\n          ></confirmBet>\n          <chipView\n            @click=\"downBet($event, 'column_2')\"\n            :list=\"chipArray.column_2\"\n            :win=\"winArray.includes('column_2')\"\n          ></chipView>\n          <div class=\"text\">\n            <span class=\"points\">{{ Lang[Type].second_column }}</span>\n          </div>\n        </div>\n        <!-- 第一列 -->\n        <div class=\"item\">\n          <confirmBet\n            @confirm=\"confirmChip\"\n            @cancel=\"cancelChip\"\n            :data=\"{\n              money: downChip.column_1,\n              show: touch == 'column_1'\n            }\"\n          ></confirmBet>\n          <chipView\n            @click=\"downBet($event, 'column_1')\"\n            :list=\"chipArray.column_1\"\n            :win=\"winArray.includes('column_1')\"\n          ></chipView>\n          <div class=\"text\">\n            <span class=\"points\">{{ Lang[Type].first_column }}</span>\n          </div>\n        </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 { rouletteData } from \"@/utils/common\"\nexport default {\n  name: \"TableRoulette\",\n  components: { confirmBet, chipView },\n  props: {\n    touch: {\n      type: String,\n      default: \"\"\n    },\n    bet_amount_msg: {\n      type: Object,\n      default: () => ({\n        ...rouletteData.amount\n      })\n    },\n    winArray: {\n      type: Array,\n      default: () => []\n    },\n    downChip: {\n      type: Object,\n      default: () => ({\n        ...rouletteData.amount\n      })\n    },\n    chipArray: {\n      type: Object,\n      default: () => ({ ...rouletteData.array })\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      // console.log(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\n    const testClick = () => {\n      console.log(\"点击有效\")\n    }\n    return { Type, Lang, downBet, confirmChip, cancelChip, testClick }\n  }\n}\n</script>\n<style lang=\"scss\" scoped>\n.roulette {\n  position: absolute;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  // 欧式\n  .european {\n    position: absolute;\n    top: 1.8rem;\n    left: 2.8rem;\n    right: 3.8rem;\n    bottom: 0.25rem;\n    box-sizing: border-box;\n    display: flex;\n    transform: rotateX(0deg);\n    .left {\n      width: 7.14%;\n      height: 60%;\n      border: 1px solid #898a91;\n      border-right: none;\n      border-top-left-radius: 0.95rem;\n      border-bottom-left-radius: 0.95rem;\n      display: flex;\n      .item {\n        width: 100%;\n        height: 100%;\n        border-top-left-radius: 0.95rem;\n        border-bottom-left-radius: 0.95rem;\n        .chip-view {\n          border-top-left-radius: 0.95rem;\n          border-bottom-left-radius: 0.95rem;\n        }\n      }\n    }\n    .center {\n      width: 85.72%;\n      .list {\n        width: 100%;\n        height: 20%;\n        display: flex;\n        border-top: 1px solid #898a91;\n        border-right: 1px solid #898a91;\n        border-left: 1px solid #898a91;\n        box-sizing: border-box;\n        &:first-child {\n          height: calc(20% + 1px);\n        }\n        &:last-child {\n          border-bottom: 1px solid #898a91;\n          border-bottom-left-radius: 0.95rem;\n          border-bottom-right-radius: 0.95rem;\n          .item {\n            &:first-child .chip-view {\n              border-bottom-left-radius: 0.95rem;\n            }\n            &:nth-child(3) {\n              position: relative;\n              &::after {\n                content: \"\";\n                position: absolute;\n                left: 0;\n                top: 0;\n                width: 100%;\n                height: 100%;\n                background: #f65857;\n                clip-path: polygon(50% 15%, 80% 50%, 50% 85%, 20% 50%);\n                pointer-events: none;\n              }\n            }\n            &:nth-child(4) {\n              position: relative;\n              &::after {\n                content: \"\";\n                position: absolute;\n                left: 0;\n                top: 0;\n                width: 100%;\n                height: 100%;\n                background: #333;\n                clip-path: polygon(50% 15%, 80% 50%, 50% 85%, 20% 50%);\n                pointer-events: none;\n              }\n            }\n            &:last-child .chip-view {\n              border-bottom-right-radius: 0.95rem;\n            }\n          }\n        }\n        .item {\n          flex: 1;\n          border-left: 1px solid #898a91;\n          &:first-child {\n            border-left: none;\n          }\n        }\n      }\n    }\n    .right {\n      width: 7.14%;\n      height: 60%;\n      border: 1px solid #898a91;\n      border-top-right-radius: 0.95rem;\n      border-bottom-right-radius: 0.95rem;\n      border-left: none;\n      display: flex;\n      flex-direction: column;\n      .item {\n        width: 100%;\n        height: 33.33%;\n        border-top: 1px solid #898a91;\n        &:first-child {\n          border: none;\n          height: calc(33.33% + 1px);\n          .chip-view {\n            border-top-right-radius: 0.95rem;\n          }\n        }\n        &:last-child {\n          .chip-view {\n            border-bottom-right-radius: 0.95rem;\n          }\n        }\n        .text {\n          font-size: 0.38rem;\n          .points {\n            writing-mode: vertical-lr;\n          }\n        }\n      }\n    }\n  }\n  .item {\n    position: relative;\n    &.red-bg {\n      background: #f65857;\n    }\n    &.black-bg {\n      background: #333333;\n    }\n    &.green-bg {\n      background: #5cb645;\n    }\n    .left-radius {\n    }\n    .right-radius {\n    }\n    .text {\n      .small {\n        padding: 0 0.2rem;\n        font-size: 0.45rem;\n      }\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      font-size: 0.5rem;\n      color: #eee;\n    }\n    .money {\n      position: absolute;\n      font-size: 0.24rem;\n      font-weight: normal;\n      left: -3px;\n      bottom: -3px;\n      transform: scale(0.5);\n      pointer-events: none;\n      color: #ddd;\n      vertical-align: bottom;\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</style>\n"],"mappings":"AAg8BA,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,cAAc,EAAE;MACdH,IAAI,EAAEI,MAAM;MACZF,OAAO,EAAEA,CAAA,MAAO;QACd,GAAGP,YAAY,CAACU;MAClB,CAAC;IACH,CAAC;IACDC,QAAQ,EAAE;MACRN,IAAI,EAAEO,KAAK;MACXL,OAAO,EAAEA,CAAA,KAAM;IACjB,CAAC;IACDM,QAAQ,EAAE;MACRR,IAAI,EAAEI,MAAM;MACZF,OAAO,EAAEA,CAAA,MAAO;QACd,GAAGP,YAAY,CAACU;MAClB,CAAC;IACH,CAAC;IACDI,SAAS,EAAE;MACTT,IAAI,EAAEI,MAAM;MACZF,OAAO,EAAEA,CAAA,MAAO;QAAE,GAAGP,YAAY,CAACe;MAAM,CAAC;IAC3C;EACF,CAAC;EACDC,KAAKA,CAACC,IAAI,EAAEC,OAAO,EAAE;IACnB,MAAMC,KAAI,GAAItB,QAAQ,EAAC;IACvB,MAAMuB,IAAG,GAAIxB,QAAQ,CAAC,MAAMuB,KAAK,CAACE,KAAK,CAACC,MAAM,CAACC,KAAK;IACpD,MAAMC,IAAG,GAAI5B,QAAQ,CAAC,MAAMuB,KAAK,CAACE,KAAK,CAACC,MAAM,CAACG,KAAK;IACpD,MAAMC,OAAM,GAAIA,CAACC,CAAC,EAAEtB,IAAI,KAAK;MAC3B;MACAa,OAAO,CAACU,IAAI,CAAC,SAAS,EAAED,CAAC,EAAEtB,IAAI;IACjC;IACA,MAAMwB,WAAU,GAAIA,CAAA,KAAM;MACxBX,OAAO,CAACU,IAAI,CAAC,aAAa;IAC5B;IACA,MAAME,UAAS,GAAIA,CAAA,KAAM;MACvBZ,OAAO,CAACU,IAAI,CAAC,YAAY;IAC3B;IAEA,MAAMG,SAAQ,GAAIA,CAAA,KAAM;MACtBC,OAAO,CAACC,GAAG,CAAC,MAAM;IACpB;IACA,OAAO;MAAEb,IAAI;MAAEI,IAAI;MAAEE,OAAO;MAAEG,WAAW;MAAEC,UAAU;MAAEC;IAAU;EACnE;AACF"},"metadata":{},"sourceType":"module","externalDependencies":[]}