<script setup lang="ts">
import type { EventProp } from '../types'
interface Props {
  data: EventProp
}
defineProps<Props>()
</script>

<template>
  <el-dialog title="查看事件属性" :close-on-click-modal="false" width="600px">
    <div style="display: flex; justify-content: center">
      <el-form label-suffix="：" label-width="120px">
        <el-form-item label="事件ID">
          {{ data.id }}
        </el-form-item>
        <el-form-item label="事件英文名称">
          {{ data.english_name }}
        </el-form-item>
        <el-form-item label="事件名称">
          {{ data.name }}
        </el-form-item>
        <el-form-item label="所属连接">
          {{ data.connection_name }}
        </el-form-item>
        <el-form-item label="状态">
          {{ data.status_name }}
        </el-form-item>
        <el-form-item label="更新人">
          {{ data.updated_operator_name }}
        </el-form-item>
        <el-form-item label="更新时间">
          {{ data.updated_time }}
        </el-form-item>
      </el-form>
    </div>
    <template #footer>
      <el-row justify="center">
        <el-button round auto-insert-space @click="$emit('update:modelValue', false)">关闭</el-button>
      </el-row>
    </template>
  </el-dialog>
</template>
