<template>
  <el-row :gutter="32" class="Information">
    <el-col :span="12">
      <el-card class="box-card">
        <div slot="header" class="clearfix">
          <span><i class="el-icon-s-order" /> 我的待办</span>
        </div>
        <div>
          <el-card shadow="hover" class="textList">
            入库上架---A100---C100---2022-04-18 15:11:29
          </el-card>
          <el-card shadow="hover" class="textList">
            库存转移---TEST-003---2022-04-18 15:11:29
          </el-card>
          <el-card shadow="hover" class="textList">
            拣货出库---TEST-003---2022-04-18 15:11:29
          </el-card>
        </div>
      </el-card>
    </el-col>
    <el-col :span="12">
      <el-card class="box-card">
        <div slot="header" class="clearfix">
          <span><i class="el-icon-message-solid" /> 系统消息</span>
          <!-- <el-button style="float: right; padding: 3px 0" type="text"
            >操作按钮</el-button
          > -->
        </div>
        <div>
          <el-card shadow="hover" class="textList">
            拣货出库---1000000008---2022-04-18 15:11:29
          </el-card>
          <el-card shadow="hover" class="textList">
            拣货出库---1000000007---2022-04-18 15:11:29
          </el-card>
          <el-card shadow="hover" class="textList">
            拣货出库---1000000004---2022-04-18 15:11:29
          </el-card>
          <!-- <el-card shadow="hover" class="textList">
            鼠标悬浮时显示
          </el-card> -->
        </div>
      </el-card>
    </el-col>
  </el-row>
</template>

<script>
export default {
  methods: {}
}
</script>

<style lang="scss" scoped>
.text {
  font-size: 14px;
}

.item {
  margin-bottom: 18px;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}

.box-card {
  border-radius: 10px;
  width: 520px;
  padding: 0px 0px 15px 0px;
}
.textList {
  background-color: rgba(240, 248, 255, 0.562);
  border-radius: 10px;
  margin: 10px 0px;
  padding: 5px 5px 5px 5px;
}
</style>
