<template>
  <div>
    <headSlot>
      <h2>借阅规则</h2>
    </headSlot>
    <div class="content-container">
      <div class="state-radio">
        <p>
          <label>
            <input v-model="lineStateVal" type="radio" name="lineState" value="在线"><span>在线（直接完成借阅操作）</span>
          </label>
        </p>
        <p>
          <label>
            <input v-model="lineStateVal" type="radio" name="lineState" value="离线"><span>离线（发起借阅操作后，将借阅的档案放在读写器上进行识别，将带有电子标签的档案的报警位进行解绑或绑定）</span>
          </label>
        </p>
        <!-- <button @click="btn">测试按钮</button> -->
      </div>
    </div>
  </div>
</template>

<script>
import headSlot from '../components/headSlot.vue'

export default {
  components: { headSlot },
  data() {
    return {
      lineStateVal: ''
    }
  },
  methods: {
    // btn() {
    //   console.log(this.lineStateVal)
    // }
  }
}
</script>

<style lang="scss" scoped>
h2{
  color: #fff;
}
p{
  height: 32px;
  line-height: 32px;
  input{
    margin-right: 10px;
  }
}
.content-container{
  height:636px;
  color: #fff;
  padding: 0 20px;
}
</style>
