<template>
  <div class="dialog1027" v-interact>
    <div class="dialog-header">
      <img class="dialog-header__icon" src="../../../../../../../assets/images/mount_head.png" />
      <div class="dialog-header__title">接管记录</div>
      <div class="dialog-header__close" @click="$emit('close')">关闭</div>
    </div>
    <div class="dialog-content">
      <el-table :data="list">
        <el-table-column label="无人机名称" align="center" prop="name"></el-table-column>
        <el-table-column label="无人机所属单位" align="center" prop="name"></el-table-column>
        <el-table-column label="接管状态" align="center" prop="name"></el-table-column>
        <el-table-column label="当前控制单位" align="center" prop="name"></el-table-column>
        <el-table-column label="操作" align="center" prop="name">
          <template slot-scope="scope">
            <el-button @click="onExit" type="text" size="small">退出接管</el-button>
          </template>
        </el-table-column>
      </el-table>
    </div>
  </div>
</template>

<script>
export default {
  name: "TakeOverRecords",
  data() {
    return {
      list: [],
    };
  },
  methods: {
    onExit() {},
  },
};
</script>

<style lang="scss" scoped>
.dialog1027::v-deep {
  width: 700px;
  height: 180px;
  position: absolute !important;
  left: 50%;
  top: calc(100% + 25px);
  margin-left: -350px;
  padding: 0 !important;

  .el-table {
    background-color: transparent;
    * {
      background-color: transparent;
      color: #fff;
    }
  }
}
</style>