{"ast":null,"code":"import { computed } from \"vue\";\nimport { useStore } from \"vuex\";\nexport default {\n  name: \"TableInfoPop\",\n  props: {\n    tableData: {\n      type: [Object, String],\n      default: () => {}\n    }\n  },\n  setup(props) {\n    const store = useStore();\n    const showTableInfo = computed(() => store.state.config.showTableInfo);\n    const Type = computed(() => store.state.config.$Type);\n    const Lang = computed(() => store.state.config.$lang);\n    console.log(props);\n    return {\n      Type,\n      Lang,\n      showTableInfo\n    };\n  }\n};","map":{"version":3,"names":["computed","useStore","name","props","tableData","type","Object","String","default","setup","store","showTableInfo","state","config","Type","$Type","Lang","$lang","console","log"],"sources":["/Users/li/Desktop/work/work2/OG/GamePortrait/src/components/TableInfoPop.vue"],"sourcesContent":["<template>\n  <Transition\n    name=\"custom-classes\"\n    enter-active-class=\"animate__animated animate__faster animate__fadeInLeft\"\n    leave-active-class=\"animate__animated animate__faster animate__fadeOutLeft\"\n  >\n    <div class=\"table-info-pop\" v-if=\"tableData && showTableInfo\">\n      <div class=\"title\">{{ Lang[Type].table_info }}</div>\n      <div class=\"list flex flex-pack-between\">\n        <div class=\"item\">\n          <span class=\"lab\">{{ Lang[Type].table }}：</span>\n          <span>{{ tableData.table_name }}</span>\n        </div>\n        <div class=\"item\">\n          <span class=\"lab\">{{ Lang[Type].boot }}：</span>\n          <span>{{ tableData.boot_num }}</span>\n        </div>\n        <div class=\"item\">\n          <span class=\"lab\">{{ Lang[Type].games }}：</span>\n          <span>{{ tableData.number_tab_number }}</span>\n        </div>\n      </div>\n      <div class=\"list\">\n        <div class=\"item\">\n          <span>{{ Lang[Type].dealer }}：</span>\n          <span>Address</span>\n        </div>\n      </div>\n      <div class=\"title\">{{ Lang[Type].game_information }}</div>\n      <div class=\"table\">\n        <div class=\"top list\">\n          <span>{{ Lang[Type].play_type }}</span>\n          <span>{{ Lang[Type].odds }}</span>\n          <span>{{ Lang[Type].limit }}</span>\n        </div>\n        <div class=\"list\" v-if=\"tableData.game_id == 1\">\n          <span>{{ Lang[Type].banker }}</span>\n          <span>\n            {{ tableData.price_banker }}/1({{ Lang[Type].is_commission }})\n          </span>\n          <span>{{ tableData.limit_money }}</span>\n        </div>\n        <div class=\"list\" v-if=\"tableData.game_id == 1\">\n          <span>{{ Lang[Type].player }}</span>\n          <span>{{ tableData.price_player }}</span>\n          <span>{{ tableData.limit_money }}</span>\n        </div>\n        <div class=\"list\" v-if=\"tableData.game_id == 2\">\n          <span>{{ Lang[Type].dragon }}</span>\n          <span>{{ tableData.price_dragon }}</span>\n          <span>{{ tableData.limit_money }}</span>\n        </div>\n        <div class=\"list\" v-if=\"tableData.game_id == 2\">\n          <span>{{ Lang[Type].tiger }}</span>\n          <span>{{ tableData.price_tiger }}</span>\n          <span>{{ tableData.limit_money }}</span>\n        </div>\n        <div\n          class=\"list\"\n          v-if=\"tableData.game_id == 1 || tableData.game_id == 2\"\n        >\n          <span>{{ Lang[Type].tie }}</span>\n          <span>\n            {{\n              tableData.game_id == 1\n                ? tableData.price_tie_baccarat\n                : tableData.price_tie_dt\n            }}\n          </span>\n          <span>{{ tableData.limit_money_tie }}</span>\n        </div>\n        <div class=\"list\" v-if=\"tableData.game_id == 1\">\n          <span>{{ Lang[Type].p_banker }}</span>\n          <span>{{ tableData.price_pair }}</span>\n          <span>{{ tableData.limit_money_pair }}</span>\n        </div>\n        <div class=\"list\" v-if=\"tableData.game_id == 1\">\n          <span>{{ Lang[Type].p_player }}</span>\n          <span>{{ tableData.price_pair }}</span>\n          <span>{{ tableData.limit_money_pair }}</span>\n        </div>\n        <div class=\"list\" v-if=\"tableData.game_id == 1\">\n          <span>{{ Lang[Type].big }}</span>\n          <span>0.5</span>\n          <span>{{ tableData.limit_money }}</span>\n        </div>\n        <div class=\"list\" v-if=\"tableData.game_id == 1\">\n          <span>{{ Lang[Type].small }}</span>\n          <span>1.5</span>\n          <span>{{ tableData.limit_money }}</span>\n        </div>\n        <div class=\"list\" v-if=\"tableData.game_id == 1\">\n          <span>{{ Lang[Type].luckSix }}</span>\n          <span>12~20</span>\n          <span>{{ tableData.limit_money }}</span>\n        </div>\n        <div\n          class=\"list\"\n          v-if=\"\n            tableData.game_id == 4 ||\n            tableData.game_id == 5 ||\n            tableData.game_id == 6 ||\n            tableData.game_id == 7\n          \"\n        >\n          <span>{{ Lang[Type].limit }}</span>\n          <span>1</span>\n          <span>{{ tableData.limit_money }}</span>\n        </div>\n      </div>\n    </div>\n  </Transition>\n</template>\n\n<script>\nimport { computed } from \"vue\"\nimport { useStore } from \"vuex\"\nexport default {\n  name: \"TableInfoPop\",\n  props: {\n    tableData: {\n      type: [Object, String],\n      default: () => {}\n    }\n  },\n  setup(props) {\n    const store = useStore()\n    const showTableInfo = computed(() => store.state.config.showTableInfo)\n    const Type = computed(() => store.state.config.$Type)\n    const Lang = computed(() => store.state.config.$lang)\n    console.log(props)\n    return {\n      Type,\n      Lang,\n      showTableInfo\n    }\n  }\n}\n</script>\n<style lang=\"scss\" scoped>\n.table-info-pop {\n  position: absolute;\n  transform: rotateX(0deg);\n  z-index: 9999;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  width: 9rem;\n  background: #fff;\n  font-size: 0.4rem;\n  color: #555;\n  overflow-y: auto;\n  .title {\n    font-weight: 600;\n    color: #2fa8fc;\n    line-height: 1;\n    margin-top: 0.6rem;\n    margin-bottom: 0.4rem;\n    border-left: 3px solid #2fa8fc;\n    padding-left: 5px;\n    margin-left: 0.5rem;\n    margin-right: 0.5rem;\n  }\n  .list {\n    font-size: 0.38rem;\n    padding-bottom: 0.2rem;\n    padding-left: 0.5rem;\n    padding-right: 0.8rem;\n  }\n  .table {\n    .top {\n      background: #e4eaed;\n      padding: 0.1rem 0.3rem;\n      box-sizing: border-box;\n      margin-bottom: 0.2rem;\n      margin-left: 0.2rem;\n      margin-right: 0.2rem;\n      span:last-child {\n        text-align: center !important;\n      }\n    }\n    .list {\n      display: flex;\n      justify-content: space-between;\n      span:first-child {\n        width: 1rem;\n      }\n      span:nth-child(2) {\n        text-align: center;\n        min-width: 3rem;\n      }\n      span:last-child {\n        width: 2.2rem;\n        text-align: right;\n      }\n    }\n  }\n}\n</style>\n"],"mappings":"AAmHA,SAASA,QAAO,QAAS,KAAI;AAC7B,SAASC,QAAO,QAAS,MAAK;AAC9B,eAAe;EACbC,IAAI,EAAE,cAAc;EACpBC,KAAK,EAAE;IACLC,SAAS,EAAE;MACTC,IAAI,EAAE,CAACC,MAAM,EAAEC,MAAM,CAAC;MACtBC,OAAO,EAAEA,CAAA,KAAM,CAAC;IAClB;EACF,CAAC;EACDC,KAAKA,CAACN,KAAK,EAAE;IACX,MAAMO,KAAI,GAAIT,QAAQ,EAAC;IACvB,MAAMU,aAAY,GAAIX,QAAQ,CAAC,MAAMU,KAAK,CAACE,KAAK,CAACC,MAAM,CAACF,aAAa;IACrE,MAAMG,IAAG,GAAId,QAAQ,CAAC,MAAMU,KAAK,CAACE,KAAK,CAACC,MAAM,CAACE,KAAK;IACpD,MAAMC,IAAG,GAAIhB,QAAQ,CAAC,MAAMU,KAAK,CAACE,KAAK,CAACC,MAAM,CAACI,KAAK;IACpDC,OAAO,CAACC,GAAG,CAAChB,KAAK;IACjB,OAAO;MACLW,IAAI;MACJE,IAAI;MACJL;IACF;EACF;AACF"},"metadata":{},"sourceType":"module","externalDependencies":[]}