{"ast":null,"code":"import { mapState } from \"vuex\";\nimport WayBox from \"@/components/WayBox.vue\";\nexport default {\n  props: {\n    tabInfo: Object,\n    default: {\n      game_id: 1,\n      table_id: null\n    }\n  },\n  name: \"TableList\",\n  data() {\n    return {\n      game_id: 1\n    };\n  },\n  components: {\n    WayBox\n  },\n  mounted() {\n    setTimeout(() => {\n      this.game_id = this.tabInfo.game_id;\n    }, 100);\n  },\n  computed: {\n    ...mapState({\n      $Type: state => state.config.$Type,\n      $lang: state => state.config.$lang,\n      font: state => state.config.fonstSize,\n      userInfo: state => state.app.userInfo\n    }),\n    tabData() {\n      let data = [];\n      const list = this.$store.state.app.allTableData;\n      if (list.length > 0) {\n        data = list.filter(v => v.game_id == this.game_id);\n      }\n      return data;\n    }\n  },\n  methods: {\n    getSendMode(sendMode) {\n      let text = \"\";\n      switch (sendMode) {\n        case \"changeBoot\":\n          text = this.$lang[this.$Type].changeBoot;\n          break;\n        case \"resetBoot\":\n          text = this.$lang[this.$Type].resetBoot;\n          break;\n        case \"startBet\":\n          text = this.$lang[this.$Type].startBet;\n          break;\n        case \"startRobCountDown\":\n          text = this.$lang[this.$Type].startRobCountDown;\n          break;\n        case \"startBetCountDown\":\n          text = this.$lang[this.$Type].startBetCountDown;\n          break;\n        case \"endBet\":\n          text = this.$lang[this.$Type].endBet;\n          break;\n        case \"sendScanResult\":\n          text = this.$lang[this.$Type].sendScanResult;\n          break;\n        case \"openingBaccaratResult\":\n        case \"openingDtResult\":\n        case \"openingNnResult\":\n        case \"openingTcResult\":\n          text = this.$lang[this.$Type].Insettlement;\n          break;\n        default:\n          text = \"\";\n      }\n      return text;\n    },\n    getTextVal(data) {\n      let html = \"\";\n      if (data.sendMode == \"startBetCountDown\") {\n        html = `<span class=\"palyer\">${data.count_down}</span>`;\n      } else if (data.sendMode == \"openingBaccaratResult\") {\n        if (data.round.opening == 1) {\n          html = `<span class=\"banker\">${this.$lang[this.$Type].banker}</span>`;\n        } else if (data.round.opening == 2) {\n          html = `<span class=\"palyer\">${this.$lang[this.$Type].player}</span>`;\n        } else if (data.round.opening == 3) {\n          html = `<span class=\"tie\">${this.$lang[this.$Type].tie}</span>`;\n        }\n      } else if (data.sendMode == \"openingDtResult\") {\n        if (data.round.opening == 1) {\n          html = `<span class=\"banker\">${this.$lang[this.$Type].dragon}</span>`;\n        } else if (data.round.opening == 2) {\n          html = `<span class=\"palyer\">${this.$lang[this.$Type].tiger}</span>`;\n        } else if (data.round.opening == 3) {\n          html = `<span class=\"tie\">${this.$lang[this.$Type].tie}</span>`;\n        }\n      } else if (data.sendMode == \"openingNnResult\" || data.sendMode == \"openingTcResult\") {\n        let text = \"\";\n        if (data.round.win_player_1 == 0 && data.round.win_player_2 == 0 && data.round.win_player_3 == 0) {\n          text = this.$lang[this.$Type].banker;\n        } else {\n          if (data.round.win_player_1 == 1) {\n            text = text + this.$lang[this.$Type].player1;\n          }\n          if (data.round.win_player_2 == 1) {\n            text = text + this.$lang[this.$Type].player2;\n          }\n          if (data.round.win_player_3 == 1) {\n            text = text + this.$lang[this.$Type].player3;\n          }\n        }\n        html = `<span class=\"tie\">${text}</span>`;\n      }\n      return html;\n    },\n    goPath(item) {\n      this.$emit(\"close\");\n      this.$router.replace({\n        name: \"play\",\n        query: {\n          id: item.id\n        }\n      });\n    }\n  },\n  watch: {}\n};","map":{"version":3,"names":["mapState","WayBox","props","tabInfo","Object","default","game_id","table_id","name","data","components","mounted","setTimeout","computed","$Type","state","config","$lang","font","fonstSize","userInfo","app","tabData","list","$store","allTableData","length","filter","v","methods","getSendMode","sendMode","text","changeBoot","resetBoot","startBet","startRobCountDown","startBetCountDown","endBet","sendScanResult","Insettlement","getTextVal","html","count_down","round","opening","banker","player","tie","dragon","tiger","win_player_1","win_player_2","win_player_3","player1","player2","player3","goPath","item","$emit","$router","replace","query","id","watch"],"sources":["/Users/li/Desktop/work/work2/OG/GamePortrait/src/components/TableList.vue"],"sourcesContent":["<template>\n  <div class=\"tableList\">\n    <div class=\"tabs\">\n      <span class=\"li\" :class=\"{ active: game_id == 1 }\" @click=\"game_id = 1\">\n        {{ $lang[$Type].Baccarat }}\n      </span>\n      <span class=\"li\" :class=\"{ active: game_id == 2 }\" @click=\"game_id = 2\">\n        {{ $lang[$Type].DragonTiger }}\n      </span>\n      <span class=\"li\" :class=\"{ active: game_id == 4 }\" @click=\"game_id = 4\">\n        {{ $lang[$Type].NN }}\n      </span>\n\n      <span class=\"li\" :class=\"{ active: game_id == 5 }\" @click=\"game_id = 5\">\n        {{ $lang[$Type].ThreeCard }}\n      </span>\n\n      <span class=\"li\" :class=\"{ active: game_id == 6 }\" @click=\"game_id = 6\">\n        {{ $lang[$Type].Toning }}\n      </span>\n      <span class=\"li\" :class=\"{ active: game_id == 7 }\" @click=\"game_id = 7\">\n        {{ $lang[$Type].Dice }}\n      </span>\n      <!--\n      <span class=\"li\" :class=\"{ active: game_id == 8 }\" @click=\"game_id = 8\">\n        {{ $lang[$Type].roulette }}\n      </span>\n\t  -->\n    </div>\n    <div class=\"view\">\n      <div\n        class=\"list animate__animated animate__fadeIn\"\n        v-for=\"(item, index) in tabData\"\n        :key=\"index\"\n        @click=\"goPath(item)\"\n      >\n        <div class=\"left\">\n          <div class=\"hd\">\n            <div class=\"name\">{{ item.table_name }}</div>\n            <div class=\"lable\">{{ item.spec_type }}</div>\n            <div class=\"sate flex\">\n              <span>\n                {{ getSendMode(item.sendMode) }}\n              </span>\n              <div class=\"result\" v-html=\"getTextVal(item)\"></div>\n            </div>\n          </div>\n          <van-progress\n            :percentage=\"\n              item.sendMode == 'startBetCountDown'\n                ? (item.count_down / item.wait_time) * 100\n                : 0\n            \"\n            stroke-width=\"2.5\"\n            :show-pivot=\"false\"\n          />\n          <div class=\"bd\">\n            <WayBox\n              wayType=\"allway\"\n              :data=\"item\"\n              :index=\"index\"\n              routerName=\"allway\"\n            ></WayBox>\n          </div>\n        </div>\n      </div>\n      <van-empty\n        v-if=\"tabData.length == 0\"\n        :description=\"$lang[$Type].no_data\"\n      />\n    </div>\n  </div>\n</template>\n<script>\nimport { mapState } from \"vuex\"\nimport WayBox from \"@/components/WayBox.vue\"\nexport default {\n  props: {\n    tabInfo: Object,\n    default: {\n      game_id: 1,\n      table_id: null\n    }\n  },\n  name: \"TableList\",\n  data() {\n    return {\n      game_id: 1\n    }\n  },\n  components: { WayBox },\n  mounted() {\n    setTimeout(() => {\n      this.game_id = this.tabInfo.game_id\n    }, 100)\n  },\n  computed: {\n    ...mapState({\n      $Type: (state) => state.config.$Type,\n      $lang: (state) => state.config.$lang,\n      font: (state) => state.config.fonstSize,\n      userInfo: (state) => state.app.userInfo\n    }),\n    tabData() {\n      let data = []\n      const list = this.$store.state.app.allTableData\n      if (list.length > 0) {\n        data = list.filter((v) => v.game_id == this.game_id)\n      }\n      return data\n    }\n  },\n  methods: {\n    getSendMode(sendMode) {\n      let text = \"\"\n      switch (sendMode) {\n        case \"changeBoot\":\n          text = this.$lang[this.$Type].changeBoot\n          break\n        case \"resetBoot\":\n          text = this.$lang[this.$Type].resetBoot\n          break\n        case \"startBet\":\n          text = this.$lang[this.$Type].startBet\n          break\n        case \"startRobCountDown\":\n          text = this.$lang[this.$Type].startRobCountDown\n          break\n        case \"startBetCountDown\":\n          text = this.$lang[this.$Type].startBetCountDown\n          break\n        case \"endBet\":\n          text = this.$lang[this.$Type].endBet\n          break\n        case \"sendScanResult\":\n          text = this.$lang[this.$Type].sendScanResult\n          break\n        case \"openingBaccaratResult\":\n        case \"openingDtResult\":\n        case \"openingNnResult\":\n        case \"openingTcResult\":\n          text = this.$lang[this.$Type].Insettlement\n\n          break\n        default:\n          text = \"\"\n      }\n      return text\n    },\n    getTextVal(data) {\n      let html = \"\"\n      if (data.sendMode == \"startBetCountDown\") {\n        html = `<span class=\"palyer\">${data.count_down}</span>`\n      } else if (data.sendMode == \"openingBaccaratResult\") {\n        if (data.round.opening == 1) {\n          html = `<span class=\"banker\">${this.$lang[this.$Type].banker}</span>`\n        } else if (data.round.opening == 2) {\n          html = `<span class=\"palyer\">${this.$lang[this.$Type].player}</span>`\n        } else if (data.round.opening == 3) {\n          html = `<span class=\"tie\">${this.$lang[this.$Type].tie}</span>`\n        }\n      } else if (data.sendMode == \"openingDtResult\") {\n        if (data.round.opening == 1) {\n          html = `<span class=\"banker\">${this.$lang[this.$Type].dragon}</span>`\n        } else if (data.round.opening == 2) {\n          html = `<span class=\"palyer\">${this.$lang[this.$Type].tiger}</span>`\n        } else if (data.round.opening == 3) {\n          html = `<span class=\"tie\">${this.$lang[this.$Type].tie}</span>`\n        }\n      } else if (\n        data.sendMode == \"openingNnResult\" ||\n        data.sendMode == \"openingTcResult\"\n      ) {\n        let text = \"\"\n        if (\n          data.round.win_player_1 == 0 &&\n          data.round.win_player_2 == 0 &&\n          data.round.win_player_3 == 0\n        ) {\n          text = this.$lang[this.$Type].banker\n        } else {\n          if (data.round.win_player_1 == 1) {\n            text = text + this.$lang[this.$Type].player1\n          }\n          if (data.round.win_player_2 == 1) {\n            text = text + this.$lang[this.$Type].player2\n          }\n          if (data.round.win_player_3 == 1) {\n            text = text + this.$lang[this.$Type].player3\n          }\n        }\n        html = `<span class=\"tie\">${text}</span>`\n      }\n      return html\n    },\n    goPath(item) {\n      this.$emit(\"close\")\n      this.$router.replace({ name: \"play\", query: { id: item.id } })\n    }\n  },\n\n  watch: {}\n}\n</script>\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\n<style lang=\"scss\" scoped>\n/* 深色豪华主题配色 */\n$dark-bg: #0d0d0d;\n$dark-bg-secondary: #1a1a1a;\n$card-bg: #1e1e1e;\n$border-color: #333;\n$gold: #c5a059;\n$text-primary: #ffffff;\n$text-secondary: #888888;\n\n.tableList {\n  width: 100%;\n  height: 100%;\n  box-sizing: border-box;\n  background: $dark-bg-secondary;\n  .tabs {\n    display: flex;\n    font-size: 0.45rem;\n    font-weight: 600;\n    align-items: center;\n    justify-content: space-between;\n    color: $text-secondary;\n    padding: 0 0.5rem;\n    padding-bottom: 2px;\n    .li {\n      padding: 0.2rem 0;\n      &.active {\n        color: $gold;\n        border-bottom: 2px solid $gold;\n      }\n    }\n  }\n  .view {\n    overflow-y: auto;\n    height: calc(100% - 1rem);\n    padding: 0 0.5rem;\n  }\n  .list {\n    width: 100%;\n    font-size: 13px;\n    margin-top: 15px;\n    box-shadow: 0px 0px 4px 0.5px rgba(0, 0, 0, 0.3);\n    border-radius: 3px;\n    padding: 0 10px 10px 10px;\n    box-sizing: border-box;\n    color: $text-primary;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    background: $card-bg;\n    border: 1px solid $border-color;\n    &:last-child {\n      margin-bottom: 20px;\n    }\n    .hd {\n      display: flex;\n      justify-content: space-between;\n      padding: 5px 0;\n      .name {\n        font-weight: 600;\n      }\n      .lable {\n        line-height: 1;\n        padding: 2px 4px;\n        font-weight: 600;\n        color: #000;\n        font-size: 10px;\n        border-radius: 2px;\n        background: linear-gradient(135deg, $gold 0%, #d4af37 100%);\n      }\n      .tip {\n        font-weight: bold;\n        background-image: linear-gradient(90deg, $gold 0%, #d4af37 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n      }\n      .sate {\n        align-items: center;\n        color: $text-secondary;\n      }\n      .result {\n        padding-left: 5px;\n        font-weight: 600;\n      }\n    }\n    .bd {\n      background: $card-bg;\n      display: flex;\n      width: 100%;\n      margin-top: 2px;\n      height: 4.2rem;\n    }\n    .ft {\n      display: flex;\n      justify-content: space-between;\n      padding: 5px 0;\n      font-size: 12px;\n      .left {\n        font-weight: bold;\n        color: $text-secondary;\n        .num {\n          margin: 0 10px 0 4px;\n        }\n      }\n    }\n  }\n}\n</style>\n"],"mappings":"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"},"metadata":{},"sourceType":"module","externalDependencies":[]}