<template>
  <div class="app-container">
    <el-card class="box-card" style="margin-top: 10px">
      <div slot="header" class="clearfix">
        <span>{{ $t('pages.toolsOther.cards.userSwap') }}</span>
      </div>
      <div class="content">
        <user-swap-user />
      </div>
    </el-card>
    <el-card class="box-card" style="margin-top: 10px">
      <div slot="header" class="clearfix">
        <span>{{ $t('pages.toolsOther.cards.apiSign') }}</span>
      </div>
      <div class="content">
        <api-sign />
      </div>
    </el-card>
    <el-card class="box-card" style="margin-top: 10px">
      <div slot="header" class="clearfix">
        <span>{{ $t('pages.toolsOther.cards.aliasMethod') }}</span>
      </div>
      <div class="content">
        <alias-method />
      </div>
    </el-card>

    <el-card class="box-card" style="margin-top: 10px">
      <div slot="header" class="clearfix">
        <span>{{ $t('pages.toolsOther.cards.tokenParse') }}</span>
      </div>
      <div class="content">
        <token-parse />
      </div>
    </el-card>

    <el-card class="box-card" style="margin-top: 10px">
      <div slot="header" class="clearfix">
        <span>{{ $t('pages.toolsOther.cards.redisOps') }}</span>
      </div>
      <div class="content">
        <redis-ops />
      </div>
    </el-card>

    <el-card class="box-card" style="margin-top: 10px">
      <div slot="header" class="clearfix">
        <span>{{ $t('pages.toolsOther.cards.userRoomRegion') }}</span>
      </div>
      <div class="content">
        <user-room-region />
      </div>
    </el-card>
    
    <el-card class="box-card" style="margin-top: 10px">
      <div slot="header" class="clearfix">
        <span>{{ $t('pages.toolsOther.cards.userCancelRestore') }}</span>
      </div>
      <div class="content">
        <user-cancel-and-restore />
      </div>
    </el-card>

  </div>
</template>

<script>
import ApiSign from './api-sign'
import AliasMethod from './alias-method'
import UserSwapUser from './user-swap-user'
import TokenParse from './token-parse'
import RedisOps from './redis-ops'
import UserRoomRegion from './user-room-region'
import UserCancelAndRestore from './user-cancel-and-restore'
export default {
  name: 'ToolsOther',
  components: { ApiSign, AliasMethod, UserSwapUser, TokenParse, RedisOps, UserRoomRegion, UserCancelAndRestore },
  data() {
    return {
      userId: '',
      result: {},
      restultLoading: false
    }
  },
  methods: {

  }
}
</script>

<style scoped lang="scss">

</style>
