<template>
  <div>
    <div class="item"
      style="margin-bottom: 25px;">
      <span class="item_title">TCPSer 服务:</span>
      <el-switch class="item_content"
        v-model="config.conf.tcpserveren"
        active-color="#13ce66"
        inactive-color="#ff4949"
        active-value="on"
        inactive-value="off">
      </el-switch>
    </div>

    <div class="item">
      <span class="item_title">TCPSer 端口号:</span>
      <el-input placeholder="请输入端口号"
        v-model="config.conf.tcpserverport"
        clearable
        class="item_content">
      </el-input>

    </div>
  </div>
</template>
<script>
export default {
  props: {
    config: []
  },

}
</script>
<style scoped>
.item {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}

.item_title {
  width: 120px;
  text-align: right;
}

.item_content {
  margin-left: 15px;
  width: 200px;
}
</style>
