{"ast":null,"code":"import { mapState } from \"vuex\";\nimport { showToast } from \"vant\";\n// showSuccessToast, showFailToast\nexport default {\n  data() {\n    return {\n      countDown: 0,\n      rob_banker_username: \"\",\n      successRob: false\n    };\n  },\n  methods: {\n    sendRob(state) {\n      if (state == true) {\n        var toRobData = {\n          connect: \"client\",\n          mode: \"toRob\",\n          table_id: this.thisData.id,\n          number_tab_id: this.thisData.number_tab_id\n        };\n        this.$store.dispatch(\"socket/sendMsg\", {\n          ...toRobData\n        });\n      } else {\n        if (this.$Type == \"cn\") {\n          showToast(\"庄已被 \" + this.thisData.rob_banker_username + \" 抢了！\");\n        } else if (this.$Type == \"tw\") {\n          showToast(\"莊已被 \" + this.thisData.rob_banker_username + \" 搶了！\");\n        } else if (this.$Type == \"en\") {\n          showToast(\"Zhuang has been robbed by \" + this.thisData.rob_banker_username + \"！\");\n        }\n      }\n    }\n  },\n  computed: {\n    ...mapState({\n      $Type: state => state.config.$Type,\n      $lang: state => state.config.$lang,\n      userInfo: state => state.app.userInfo\n    })\n  },\n  watch: {\n    thisData: {\n      handler: function (newData) {\n        // console.log(newData)\n        if (newData.game_id) {\n          // 更新抢庄时间\n          if (newData.sendMode == \"startRobCountDown\") {\n            this.countDown = newData.rob_count_down;\n          } else if (newData.sendMode != \"toRobResult\" && newData.sendMode != \"toRob\") {\n            this.countDown = 0;\n          }\n\n          // 判断是否系统抢庄\n          if (this.countDown == 0) {\n            if (newData.rob_banker_username) {\n              this.rob_banker_username = newData.rob_banker_username;\n            } else {\n              this.rob_banker_username = this.$lang[this.$Type].system;\n            }\n          }\n          // 判断抢庄提示\n          if (newData.rob_banker_id == this.userInfo.uid && newData.rob_status == 1) {\n            this.successRob = true;\n            setTimeout(() => {\n              this.successRob = false;\n              newData.rob_status = 2;\n            }, 5000);\n          } else {\n            this.successRob = false;\n          }\n        }\n      },\n      deep: true,\n      immediate: true\n    }\n  },\n  props: {\n    thisData: Object\n  }\n};","map":{"version":3,"names":["mapState","showToast","data","countDown","rob_banker_username","successRob","methods","sendRob","state","toRobData","connect","mode","table_id","thisData","id","number_tab_id","$store","dispatch","$Type","computed","config","$lang","userInfo","app","watch","handler","newData","game_id","sendMode","rob_count_down","system","rob_banker_id","uid","rob_status","setTimeout","deep","immediate","props","Object"],"sources":["/Users/li/Desktop/work/work2/OG/GamePortrait/src/components/RushVillage.vue"],"sourcesContent":["<template>\n  <div class=\"village\">\n    <!-- 抢庄 -->\n    <div\n      class=\"rob-box bounceIn animated\"\n      v-if=\"countDown && countDown > 0 && thisData.rob_time - 3 >= countDown\"\n    >\n      <div class=\"countDown\">\n        <span class=\"time\" v-html=\"countDown\"></span>\n        <div class=\"bg\"></div>\n      </div>\n      <div\n        v-if=\"thisData.rob_banker_id == 0\"\n        class=\"btn\"\n        @click=\"sendRob(true)\"\n        :style=\"`background-image:url(${require('../assets/images/nn/' +\n          $lang[$Type].rob_button)})`\"\n      ></div>\n      <div\n        v-if=\"thisData.rob_banker_id != 0\"\n        class=\"btn unclick\"\n        @click=\"sendRob(false)\"\n        :style=\"`background-image:url(${require('../assets/images/nn/' +\n          $lang[$Type].unrob_button)})`\"\n      ></div>\n    </div>\n    <!-- 抢庄成功 -->\n    <div\n      v-if=\"successRob\"\n      class=\"success-rob fadeInDown animated\"\n      :style=\"`background-image:url( ${require('../assets/images/nn/' +\n        $lang[$Type].rob_result)})`\"\n    >\n      <div class=\"name\">{{ thisData.rob_banker_username }}</div>\n    </div>\n    <div\n      class=\"mask\"\n      v-if=\"countDown && countDown > 0 && thisData.rob_time - 3 >= countDown\"\n    ></div>\n    <div\n      class=\"rob-result\"\n      v-if=\"\n        countDown == 0 && rob_banker_username != '' && thisData.rob_status == 2\n      \"\n    >\n      <i\n        :style=\"`background-image:url(${require('../assets/images/nn/' +\n          $lang[$Type].rob_banker)})`\"\n      ></i>\n      {{ rob_banker_username }}\n    </div>\n  </div>\n</template>\n\n<script>\nimport { mapState } from \"vuex\"\nimport { showToast } from \"vant\"\n// showSuccessToast, showFailToast\nexport default {\n  data() {\n    return {\n      countDown: 0,\n      rob_banker_username: \"\",\n      successRob: false\n    }\n  },\n  methods: {\n    sendRob(state) {\n      if (state == true) {\n        var toRobData = {\n          connect: \"client\",\n          mode: \"toRob\",\n          table_id: this.thisData.id,\n          number_tab_id: this.thisData.number_tab_id\n        }\n        this.$store.dispatch(\"socket/sendMsg\", {\n          ...toRobData\n        })\n      } else {\n        if (this.$Type == \"cn\") {\n          showToast(\"庄已被 \" + this.thisData.rob_banker_username + \" 抢了！\")\n        } else if (this.$Type == \"tw\") {\n          showToast(\"莊已被 \" + this.thisData.rob_banker_username + \" 搶了！\")\n        } else if (this.$Type == \"en\") {\n          showToast(\n            \"Zhuang has been robbed by \" +\n              this.thisData.rob_banker_username +\n              \"！\"\n          )\n        }\n      }\n    }\n  },\n  computed: {\n    ...mapState({\n      $Type: (state) => state.config.$Type,\n      $lang: (state) => state.config.$lang,\n      userInfo: (state) => state.app.userInfo\n    })\n  },\n  watch: {\n    thisData: {\n      handler: function (newData) {\n        // console.log(newData)\n        if (newData.game_id) {\n          // 更新抢庄时间\n          if (newData.sendMode == \"startRobCountDown\") {\n            this.countDown = newData.rob_count_down\n          } else if (\n            newData.sendMode != \"toRobResult\" &&\n            newData.sendMode != \"toRob\"\n          ) {\n            this.countDown = 0\n          }\n\n          // 判断是否系统抢庄\n          if (this.countDown == 0) {\n            if (newData.rob_banker_username) {\n              this.rob_banker_username = newData.rob_banker_username\n            } else {\n              this.rob_banker_username = this.$lang[this.$Type].system\n            }\n          }\n          // 判断抢庄提示\n          if (\n            newData.rob_banker_id == this.userInfo.uid &&\n            newData.rob_status == 1\n          ) {\n            this.successRob = true\n            setTimeout(() => {\n              this.successRob = false\n              newData.rob_status = 2\n            }, 5000)\n          } else {\n            this.successRob = false\n          }\n        }\n      },\n      deep: true,\n      immediate: true\n    }\n  },\n  props: {\n    thisData: Object\n  }\n}\n</script>\n<style scoped>\n.village .mask {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: rgba(0, 0, 0, 0.3);\n  z-index: 3;\n  pointer-events: none;\n  z-index: 90;\n}\n.village .rob-box {\n  width: 4.5rem;\n  height: 6.6rem;\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  margin-top: -3.3rem;\n  margin-left: -2.25rem;\n  z-index: 99;\n}\n.village .rob-box .countDown {\n  width: 4rem;\n  height: 4rem;\n  position: relative;\n  margin: 0 auto 0.6rem auto;\n}\n.village .rob-box .countDown .time {\n  font-size: 1.4rem;\n  display: block;\n  position: relative;\n  z-index: 1;\n  text-align: center;\n  line-height: 4rem;\n  font-weight: bold;\n  background-color: #96813b;\n  background-image: -webkit-gradient(\n    linear,\n    left top,\n    left bottom,\n    from(#96813b),\n    color-stop(50%, #f8eabc),\n    to(#98833d)\n  );\n  background-image: linear-gradient(\n    180deg,\n    #96813b 0%,\n    #f8eabc 50%,\n    #98833d 100%\n  );\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n.village .rob-box .countDown .bg {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  left: 0;\n  top: 0;\n  background: url(\"~@/assets/images/nn/rob_rotate.png\") no-repeat;\n  -webkit-background-size: 100% 100%;\n  background-size: 100% 100%;\n  animation: rotate 12000ms linear infinite;\n}\n.village .rob-box .btn {\n  width: 4.2rem;\n  height: 1.2rem;\n  margin: 0 auto;\n  background: url(\"~@/assets/images/nn/rob_button.png\");\n  -webkit-background-size: 100% 100%;\n  background-size: 100% 100%;\n  position: relative;\n}\n\n.village .rob-box .btn:after {\n  content: \"\";\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  left: 0;\n  top: 0;\n  background: url(\"~@/assets/images/nn/rob_button.png\");\n  -webkit-background-size: 100% 100%;\n  background-size: 100% 100%;\n  animation: cirZoom infinite linear 2s 0.5s;\n  z-index: -1;\n}\n\n.village .rob-box .btn.unclick {\n  background-image: url(\"~@/assets/images/nn/unrob_button.png\");\n}\n\n.village .rob-box .btn.unclick:after {\n  display: none;\n}\n\n.village .success-rob {\n  position: absolute;\n  width: 9rem;\n  height: 5rem;\n  left: 50%;\n  top: 50%;\n  margin-left: -4.5rem;\n  margin-top: -2rem;\n  z-index: 99;\n  -webkit-background-size: 100% 100%;\n  background-size: 100% 100%;\n}\n.village .success-rob:after {\n  content: \"\";\n  width: 4.5rem;\n  height: 4.4rem;\n  position: absolute;\n  left: 50%;\n  margin-left: -2.25rem;\n  top: -1.9rem;\n  background: url(\"~@/assets/images/nn/rob_logo.gif\") center center no-repeat;\n  -webkit-background-size: 100%;\n  background-size: 100%;\n}\n.village .success-rob .name {\n  color: #fff;\n  position: absolute;\n  bottom: 0.5rem;\n  left: 50%;\n  width: 8rem;\n  margin-left: -4rem;\n  text-align: center;\n  line-height: 1rem;\n  background: url(\"~@/assets/images/nn/rob_name_bg.png\") center center no-repeat;\n  -webkit-background-size: 100% 100%;\n  background-size: 100% 100%;\n}\n\n.village .rob-result {\n  position: fixed;\n  left: 50%;\n  top: 50%;\n  text-align: center;\n  min-width: 1.2rem;\n  color: #f8eabc;\n  font-size: 0.35rem;\n  font-weight: 500;\n  height: 0.8rem;\n  line-height: 0.8rem;\n  padding-left: 0.75rem;\n  padding-right: 0.35rem;\n  margin-top: -0.8rem;\n  margin-left: -1.2rem;\n  background: url(\"~@/assets/images/nn/rob_banker_bg.png\");\n  -webkit-background-size: 100% 100%;\n  background-size: 100% 100%;\n  -webkit-animation-name: robZoom;\n  animation-name: robZoom;\n  -webkit-animation-duration: 4s;\n  animation-duration: 4s;\n  -webkit-animation-fill-mode: both;\n  animation-fill-mode: both;\n  z-index: 9999;\n}\n.village .rob-result i {\n  content: \"\";\n  position: absolute;\n  width: 0.9rem;\n  height: 0.9rem;\n  left: -0.3rem;\n  top: 50%;\n  margin-top: -0.48rem;\n  -webkit-background-size: 100% 100%;\n  background-size: 100% 100%;\n}\n@keyframes robZoom {\n  0% {\n    transform: translate(0, 0) scale(0, 0);\n  }\n  50% {\n    transform: translate(-5.8rem, -1.8rem) scale(1.2, 1.2);\n  }\n  100% {\n    transform: translate(-2.8rem, -4.95rem) scale(1, 1);\n  }\n}\n</style>\n"],"mappings":"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"},"metadata":{},"sourceType":"module","externalDependencies":[]}