<template>
    <el-dialog v-dialogDrag ref="diaFrom" title="快速挂接错误日志" :close-on-click-modal="false" :visible.sync="visible"
      width="45%"  :before-close="cancel">
      <div class="diaBox">
        <ul class="ul-div">
            <li v-for="(item,index) in errorData" :key="index+''">{{ item }}</li>
        </ul>
      </div>
    </el-dialog>
  </template>
  <script>
    import { message } from "@/utils/common";
    export default {
      props: {
        visible: {
          type: Boolean,
          default: () => false,
        },
        errorData:{
            type:Array,
            default:()=>[]
        }
      },
      data() {
        return {
        
        }
      },
      methods: {
        cancel() {
          this.$emit("cancel")
        }
      },
    }
  
  </script>
  <style lang="scss" scoped>
  .diaBox{
    .ul-div{
        height: 400px;
        overflow: auto;
        font-size: 14px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        li{
            height: 30px;
            line-height: 30px;
        }
    }
  }
  </style>
  