<template>
  <el-container style="height: 600px;background-color:white; border: 1px solid #D6DAEB;">
    <el-aside width="35%" style="text-align:center;background-color:white;position: relative;">
      <div class="selftmreg_Stickie">
        <el-button size="small" style="border-radius:0;">分类</el-button>
        <el-input
          style="width:60%;margin: 0 10px"
          placeholder="输入关键字进行过滤"
          suffix-icon="el-icon-search"
        >
          <i style="position:relative;top:8%;right:5%;z-index:1" class="el-input__icon">
            <span>
              <i class="tool-query" style="font-size : 1.5em;"></i>
            </span>
          </i>
        </el-input>
        <el-button style="padding: 12px 5px;color:#0989C5; " type="text">取消</el-button>
      </div>
      <el-card
        style="z-index: 1000;font-size:13px;height:auto;text-align:left;padding-bottom: 20px;position: absolute;width:100%;margin:0 2%;"
      >
        <div style="margin-bottom:10px;">
          <div style="float:left;width:50%;">
            <el-checkbox>全选</el-checkbox>
          </div>
          <div style="float:left;text-align:right;width:50%;">
            <el-button type="text" style="padding: 0 10px;color:#828282;">确定</el-button>
          </div>
          <div style="clear:both"></div>
        </div>
        <!-- <el-checkbox-group>
                <ul style="list-style:none; padding:0;margin:0;text-align:left;">
                  <li style="float:left;width:33.33%">
                    <el-checkbox></el-checkbox>
                  </li>
                </ul>
        </el-checkbox-group>-->
      </el-card>
      <div style="height:100%;overflow: hidden;">
        <el-tree class="gsb_tree" node-key="name" default-expand-all show-checkbox accordion></el-tree>
      </div>
    </el-aside>
    <el-container width="60%">
      <el-header
        v-if="false"
        style="text-align: right; font-size: 12px;background-color:white;padding-top:10px;"
      >
        <el-button style="float:right" type="primary">导入Contact</el-button>
        <el-input style="float:right;width:40%" placeholder="请输入历史订单号" clearable></el-input>
      </el-header>
      <el-main style="background-color: white; padding:0px;position: relative;">
        <div class="selftmreg_title">
          已选择的商品/服务项
          <span class="selftmreg_qingchu">
            <i class="el-icon-delete"></i>
            清除全部
          </span>
        </div>
        <div style="overflow: auto;height: 100%;padding: 60px 20px 0px;box-sizing: border-box;">
          <div>
            <span style="font-size:16px">
              <b></b>
            </span>
            <span style="font-size:16px;float:right">
              <b>
                已选择
                <span style="color:#0F8EE9;"></span>项
              </b>
              &nbsp;&nbsp;&nbsp;
              <span style="cursor: pointer;">
                <i class="el-icon-delete" style="font-size : 1.2em;"></i>
              </span>
            </span>

            <br />
            <br />
          </div>
        </div>
        <div
          style="overflow: auto;height: 100%;padding: 60px 20px 0px;box-sizing: border-box;position: relative;"
        >
          <img
            src="../../../assets/imgs/kong-2.png"
            style="position: absolute;margin: auto;top: 0;left: 0;bottom: 0;right: 0;"
            alt
          />
          <div style="color: #828282;margin-top: 330px;text-align: center;">请点击左侧选择商标类别</div>
        </div>
      </el-main>
    </el-container>
  </el-container>
</template>

<script>
export default {
  data() {
    return {};
  }
};
</script>

<style lang="scss" scoped>
.selftmreg_Stickie {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 65px;
  line-height: 50px;
  z-index: 298;
}

.selftmreg_Stickie .el-input__inner {
  height: 34px !important;
  line-height: 34px !important;
}

.selftmreg_title {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  line-height: 50px;
  font-size: 14px;
  padding-left: 20px;
  text-align: left;
  color: #03004c;
  box-sizing: border-box;
  border-left: 1px solid #e1e1e1;
  background-color: #eff0f7;
  z-index: 298;
  font-family: PingFangSC-Regular;
  letter-spacing: 0;
}
</style>