<template>
  <div class="right_side">
    <div class="content_wrap">
      <div class="state_wrap">
        <div class="state_tip">显示屏控制</div>
        <div class="state_content state_content_1">
          <div class="state_item_switch is-checked">
            <input type="checkbox" class="switch__input">
            <span class="switch_core"></span>
          </div>
        </div>
      </div>
      <div class="state_wrap">
        <div class="state_tip">TCS控制</div>
        <div class="state_content state_content_1">
          <div class="state_item_switch is-checked">
            <input type="checkbox" class="switch__input">
            <span class="switch_core"></span>
          </div>
        </div>
      </div>
      <div class="state_wrap">
        <div class="state_tip">RC控制</div>
        <div class="state_content state_content_1">
          <div class="state_item_switch is-checked">
            <input type="checkbox" class="switch__input">
            <span class="switch_core"></span>
          </div>
        </div>
      </div>
      <div class="state_wrap">
        <div class="state_tip">Joy控制</div>
        <div class="state_content state_content_1">
          <div class="state_item_switch is-checked">
            <input type="checkbox" class="switch__input">
            <span class="switch_core"></span>
          </div>
        </div>
      </div>
      <div class="state_wrap">
        <div class="state_tip">AGV</div>
        <div class="state_content">
          <div class="state_item_4">
            <span class="state_item_4_btn state_icon_2"></span>
            <span class="state_item_4_txt">跳过起点</span>
          </div>
          <div class="state_item_4">
            <span class="state_item_4_btn state_icon_6"></span>
            <span class="state_item_4_txt">初始化坐标</span>
          </div>
          <div class="state_item_4">
            <span class="state_item_4_btn state_icon_4"></span>
            <span class="state_item_4_txt">全屏</span>
          </div>
          <div class="state_item_4">
            <span class="state_item_4_btn state_icon_3"></span>
            <span class="state_item_4_txt">退出</span>
          </div>
          <div class="state_item_4">
            <span class="state_item_4_btn state_icon_5"></span>
            <span class="state_item_4_txt">关机</span>
          </div>
          <div class="state_item_4">
            <span class="state_item_4_btn state_icon_1"></span>
            <span class="state_item_4_txt">软启动</span>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<style lang="stylus" scoped>
@import '~@style/mixin'
.state_content_1
  height 100px
.state_item_4
  _fj(center,,column)
  _wh(184px,184px)
  _bis('../../../images/aio/agv_btn_bg.png', 100%)
  margin-bottom 16px
  margin-right 16px
.state_item_4_btn
  _wh(60px,60px)
  margin-bottom 13px
.state_item_4_txt
  _font(28px,45px,#464646,500,)
.state_icon_1
  _bis('../../../images/aio/agv_1.png', 100%)
.state_icon_2
  _bis('../../../images/aio/agv_2.png', 100%)
.state_icon_3
  _bis('../../../images/aio/agv_3.png', 100%)
.state_icon_4
  _bis('../../../images/aio/agv_4.png', 100%)
.state_icon_5
  _bis('../../../images/aio/agv_5.png', 100%)
.state_icon_6
  _bis('../../../images/aio/agv_6.png', 100%)
</style>
