<template>
  <div class="container-fluid mt-1">
    <div class="container-fluid mt-1">
      <div class="row bg-white">
        <div class="col-2 p-3 bg-primary text-white">选择服务器</div>
        <div class="col-3 p-3 bg-primary text-white">
          <select v-model="serveradd" name="server">
            <option value="http://localhost:9002/api/gm/action">本机</option>
            <option value="http://localhost:9002/api/gm/action">内网测试服</option>
            <option value="http://localhost:9002/api/gm/action">审核服</option>
          </select>
        </div>
        <div class="col-2 p-3 bg-info text-white">玩家唯一ID</div>
        <div class="col-3 p-3 bg-info text-white">
          <input v-model="puid" placeholder="玩家唯一ID......">
        </div>
      </div>
    </div>

    <div class="container-fluid mt-1">
      <div class="row">
        <div class="col-3 card">
          <div class="card-body">
            <div class="d-grid">
              <button type="button" class="btn btn-primary btn-block mt-1">货币添加</button>
            </div>
            <div class="d-grid">
              <button type="button" class="btn btn-primary btn-block mt-1">货币添加</button>
            </div>
            <div class="d-grid">
              <button type="button" class="btn btn-primary btn-block mt-1">货币添加</button>
            </div>
          </div>
        </div>
        <div class="col-3 p-3 bg-primary text-white">选择服务器</div>
        <div class="col-3 p-3 bg-dark text-white"></div>
        <div class="col-3 p-3 bg-dark text-white"></div>
      </div>
    </div>



  </div>
  <div id="output">
    选择的网站是: {{ serveradd }}
  </div>
</template>

<script>
export default {
  name: 'HelloWorld',
  props: {
    msg: String
  },
  data() {
    return {
      serveradd: '',
      puid: 0,
    }
  }
}
</script>
