{"ast":null,"code":"import { toDisplayString as _toDisplayString, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, createCommentVNode as _createCommentVNode, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, resolveComponent as _resolveComponent, createVNode as _createVNode, createBlock as _createBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\";\nconst _withScopeId = n => (_pushScopeId(\"data-v-98fdc8e8\"), n = n(), _popScopeId(), n);\nconst _hoisted_1 = {\n  class: \"tableList\"\n};\nconst _hoisted_2 = {\n  class: \"tabs\"\n};\nconst _hoisted_3 = {\n  class: \"view\"\n};\nconst _hoisted_4 = [\"onClick\"];\nconst _hoisted_5 = {\n  class: \"left\"\n};\nconst _hoisted_6 = {\n  class: \"hd\"\n};\nconst _hoisted_7 = {\n  class: \"name\"\n};\nconst _hoisted_8 = {\n  class: \"lable\"\n};\nconst _hoisted_9 = {\n  class: \"sate flex\"\n};\nconst _hoisted_10 = [\"innerHTML\"];\nconst _hoisted_11 = {\n  class: \"bd\"\n};\nexport function render(_ctx, _cache, $props, $setup, $data, $options) {\n  const _component_van_progress = _resolveComponent(\"van-progress\");\n  const _component_WayBox = _resolveComponent(\"WayBox\");\n  const _component_van_empty = _resolveComponent(\"van-empty\");\n  return _openBlock(), _createElementBlock(\"div\", _hoisted_1, [_createElementVNode(\"div\", _hoisted_2, [_createElementVNode(\"span\", {\n    class: _normalizeClass([\"li\", {\n      active: $data.game_id == 1\n    }]),\n    onClick: _cache[0] || (_cache[0] = $event => $data.game_id = 1)\n  }, _toDisplayString(_ctx.$lang[_ctx.$Type].Baccarat), 3 /* TEXT, CLASS */), _createElementVNode(\"span\", {\n    class: _normalizeClass([\"li\", {\n      active: $data.game_id == 2\n    }]),\n    onClick: _cache[1] || (_cache[1] = $event => $data.game_id = 2)\n  }, _toDisplayString(_ctx.$lang[_ctx.$Type].DragonTiger), 3 /* TEXT, CLASS */), _createElementVNode(\"span\", {\n    class: _normalizeClass([\"li\", {\n      active: $data.game_id == 4\n    }]),\n    onClick: _cache[2] || (_cache[2] = $event => $data.game_id = 4)\n  }, _toDisplayString(_ctx.$lang[_ctx.$Type].NN), 3 /* TEXT, CLASS */), _createElementVNode(\"span\", {\n    class: _normalizeClass([\"li\", {\n      active: $data.game_id == 5\n    }]),\n    onClick: _cache[3] || (_cache[3] = $event => $data.game_id = 5)\n  }, _toDisplayString(_ctx.$lang[_ctx.$Type].ThreeCard), 3 /* TEXT, CLASS */), _createElementVNode(\"span\", {\n    class: _normalizeClass([\"li\", {\n      active: $data.game_id == 6\n    }]),\n    onClick: _cache[4] || (_cache[4] = $event => $data.game_id = 6)\n  }, _toDisplayString(_ctx.$lang[_ctx.$Type].Toning), 3 /* TEXT, CLASS */), _createElementVNode(\"span\", {\n    class: _normalizeClass([\"li\", {\n      active: $data.game_id == 7\n    }]),\n    onClick: _cache[5] || (_cache[5] = $event => $data.game_id = 7)\n  }, _toDisplayString(_ctx.$lang[_ctx.$Type].Dice), 3 /* TEXT, CLASS */), _createCommentVNode(\"\\n      <span class=\\\"li\\\" :class=\\\"{ active: game_id == 8 }\\\" @click=\\\"game_id = 8\\\">\\n        {{ $lang[$Type].roulette }}\\n      </span>\\n\\t  \")]), _createElementVNode(\"div\", _hoisted_3, [(_openBlock(true), _createElementBlock(_Fragment, null, _renderList($options.tabData, (item, index) => {\n    return _openBlock(), _createElementBlock(\"div\", {\n      class: \"list animate__animated animate__fadeIn\",\n      key: index,\n      onClick: $event => $options.goPath(item)\n    }, [_createElementVNode(\"div\", _hoisted_5, [_createElementVNode(\"div\", _hoisted_6, [_createElementVNode(\"div\", _hoisted_7, _toDisplayString(item.table_name), 1 /* TEXT */), _createElementVNode(\"div\", _hoisted_8, _toDisplayString(item.spec_type), 1 /* TEXT */), _createElementVNode(\"div\", _hoisted_9, [_createElementVNode(\"span\", null, _toDisplayString($options.getSendMode(item.sendMode)), 1 /* TEXT */), _createElementVNode(\"div\", {\n      class: \"result\",\n      innerHTML: $options.getTextVal(item)\n    }, null, 8 /* PROPS */, _hoisted_10)])]), _createVNode(_component_van_progress, {\n      percentage: item.sendMode == 'startBetCountDown' ? item.count_down / item.wait_time * 100 : 0,\n      \"stroke-width\": \"2.5\",\n      \"show-pivot\": false\n    }, null, 8 /* PROPS */, [\"percentage\"]), _createElementVNode(\"div\", _hoisted_11, [_createVNode(_component_WayBox, {\n      wayType: \"allway\",\n      data: item,\n      index: index,\n      routerName: \"allway\"\n    }, null, 8 /* PROPS */, [\"data\", \"index\"])])])], 8 /* PROPS */, _hoisted_4);\n  }), 128 /* KEYED_FRAGMENT */)), $options.tabData.length == 0 ? (_openBlock(), _createBlock(_component_van_empty, {\n    key: 0,\n    description: _ctx.$lang[_ctx.$Type].no_data\n  }, null, 8 /* PROPS */, [\"description\"])) : _createCommentVNode(\"v-if\", true)])]);\n}","map":{"version":3,"names":["class","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_normalizeClass","active","$data","game_id","onClick","_cache","$event","_ctx","$lang","$Type","Baccarat","DragonTiger","NN","ThreeCard","Toning","Dice","_createCommentVNode","_hoisted_3","_Fragment","_renderList","$options","tabData","item","index","key","goPath","_hoisted_5","_hoisted_6","_hoisted_7","_toDisplayString","table_name","_hoisted_8","spec_type","_hoisted_9","getSendMode","sendMode","innerHTML","getTextVal","_createVNode","_component_van_progress","percentage","count_down","wait_time","_hoisted_11","_component_WayBox","wayType","data","routerName","length","_createBlock","_component_van_empty","description","no_data"],"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.tableList {\n  width: 100%;\n  height: 100%;\n  box-sizing: border-box;\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: #808589;\n    padding: 0 0.5rem;\n    padding-bottom: 2px;\n    .li {\n      padding: 0.2rem 0;\n      &.active {\n        color: #333;\n        border-bottom: 2px solid #333;\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.1);\n    border-radius: 3px;\n    padding: 0 10px 10px 10px;\n    box-sizing: border-box;\n    color: #2e2e2e;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    background: #fff;\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: #fff;\n        font-size: 10px;\n        border-radius: 2px;\n        background: rgb(255, 126, 132);\n        background: linear-gradient(\n          180deg,\n          rgba(255, 126, 132, 1) 0%,\n          rgba(242, 85, 145, 1) 100%\n        );\n      }\n      .tip {\n        font-weight: bold;\n        background-image: linear-gradient(\n          90deg,\n          rgba(156, 88, 187, 1) 0%,\n          rgba(211, 83, 167, 1) 100%\n        );\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n      }\n      .sate {\n        align-items: center;\n      }\n      .result {\n        padding-left: 5px;\n        font-weight: 600;\n      }\n    }\n    .bd {\n      background: #fff;\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: #aba9ae;\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":[]}