<template>
  <div class="ec-container">
    <!-- <div class="title">
      <i :class="['title-icon', info.iconClass]" :style="{ backgroundColor: info.color }" />{{ info.name }} 
      <el-tooltip v-if="info.tips" :content="info.tips" effect="dark" placement="top"> <i class="wk wk-help wk-help-tips"/> </el-tooltip>
    </div> -->
    <xTable name="url"></xTable>
  </div>
</template>
<script>

import xTable from '@/views/system/table'  

export default {
  name: 'Message',
  props: {
    info: { type: Object, default: () => {} }
  },
  components: {
    xTable,
  },
  data() {
    return {
      selectionList: [], // 勾选的数据
    }
  },
  computed: {
  },

  watch: {
    
  },

  mounted() {

  },

  methods: {
    
  }
}
</script>

<style rel="stylesheet/scss" lang="scss" scoped>

.filtrate-button {
  cursor: pointer;
  margin-left: 10px;
  display: inline-block;
  &-img {
    vertical-align: middle;
    margin: 0 5px;
    width: 12px;
  }
}
.filtrate-button:hover {
/*  color: $xr-color-primary;*/
}

.ec-container {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.title {
  padding: 10px 20px;
  font-size: 14px;
  color: #333;

  .title-icon {
    display: inline-block;
    font-size: 12px;
    padding: 6px;
/*    border-radius: $xr-border-radius-base;*/
    color: white;
    margin-right: 10px;
  }
  .wk-help {
    margin-left: 5px;
  }
}
.option-bar {
  padding: 15px 20px;
}

/** 勾选操作 */
.selection-bar {
  font-size: 12px;
  height: 35px;
  color: #777;

  .selected—title {
    flex-shrink: 0;
    padding-right: 20px;
    color: #333;
    .selected—count {
/*      color: $xr-color-primary;*/
    }
  }
}

.selection-items-box {
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0 15px;

  .el-button {
    color: #666;
/*    background-color: $xr--background-color-base;*/
/*    border-color: $xr--background-color-base;*/
    font-size: 12px;
    height: 28px;
    border-radius: 14px;
     i {
      font-size: 12px;
      margin-right: 5px;
    }
  }

  .el-button--primary:hover {
/*    background: $xr-color-primary;*/
/*    border-color: $xr-color-primary;*/
    color: #ffffff;
  }

  .el-button + .el-button {
    margin-left: 15px;
  }
}

.n-table--border {
/*  border-top: 1px solid $xr-border-line-color;*/
}

.el-button--primary.is-plain {
  background-color: white;
}

.el-button--primary.is-plain:focus,
.el-button--primary.is-plain:active,
.el-button--primary.is-plain:hover {
/*  color: $xr-color-primary;*/
}

// 拉开图标与文字距离
.el-button--margin {
   i {
    margin-right: 5px;
  }
}
</style>
