<template>
  <div class="setup_bg">
    <div class="login_wrap">
      <div class="login_cnt clearfix">
        <div class="login_card fl">
          <div class="card_wrap">
            <div class="inputOuter">
              <label>域名地址</label>
              <input type="text" class="inputStyle" v-model="baseUrl">
            </div>
            <div class="inputOuter">
              <label>刷新时间</label>
              <input type="number" class="inputStyle" v-model="setTime">
            </div>
          </div>
          <div class="submit"><input type="submit" value="配  置" class="btn" @click="_config"></div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'Setup',
  data () {
    return {
      baseUrl: this.$store.getters.baseUrl,
      setTime: this.$store.getters.setTime / 1000
    }
  },
  mounted () {
    // 点对点项目分辨率 1024 * 768
    // alert(document.body.clientWidth, 'a')
    // alert(document.body.clientHeight, 'b')
    // alert(window.screen.width, 'c')
    // alert(window.screen.height, 'd')
  },
  methods: {
    _config () {
      let obj = {
        baseUrl: this.baseUrl,
        setTime: this.setTime * 1000
      }
      this.$store.dispatch('setConfig', obj)
      this.$router.push('/home')
    }
  }
}
</script>

<style lang="stylus" scoped>
.setup_bg
  width 100%
  height 100%
  background center center / 100% 100% url(../images/aio/bg.png) no-repeat
.login_wrap
  position fixed
  left 50%
  top 50%
  width 6.5rem
  transform translate3d(-50%, -50%, 0)
  border-radius 15px
  overflow hidden
.login_cnt
  position relative
  width 200%
  overflow hidden
.login_card
  width 50%
  padding .3rem
.card_wrap
  overflow hidden
.inputOuter
  position relative
  height .5rem
  width 100%
  margin-bottom .3rem
  overflow hidden
.inputStyle
  width 4rem
  font-size 0.26rem
  float right
  background none
  line-height .5rem
  height .5rem
  color #999999
  text-indent 10px
  border none
  box-sizing border-box
  background-color #ffffff
.submit
  width 100%
  background-color #fa6400
  border-radius 5px
.btn
  background none
  height .56rem
  line-height .56rem
  width 100%
  outline none
  font-weight normal
  font-size .32rem
  color #ffffff
label
  position absolute
  font-size .3rem
  line-height .5rem
  color #333333
  padding-left .05rem
</style>
