<template>
  <div>
    <el-dialog title="查看修复建议" :close-on-click-modal="false" :visible.sync="dialog.visible" width="600px" append-to-body>
      <div class="main">
        <div class="m-b-sm" v-for="item in adviceData" :key="item.title">
          <div class="title">{{ item.title }}</div>
          <div class="content m-t-xs">{{ item.value }}</div>
        </div>
      </div>
      <div slot="footer" class="dialog-footer">
        <el-button type="ghost" @click.native="dialog.visible = false">关闭</el-button>
      </div>
    </el-dialog>
  </div>
</template>
<script lang="ts">
import { defineComponent, computed, reactive, ref, Ref, provide } from 'vue'
import { Message } from 'element-ui'

export default defineComponent({
  props: {
    dialog: {
      type: Object
    }
  },
  setup(props: any, context: any) {
    const addData = reactive({
      regionId: '',
      ...props.dialog.record
    })
    const adviceData = [
      { title: '告警描述：', value: '1111' },
      { title: '产生原因：', value: '1111' },
      { title: '处理建议：', value: '1111' }
    ]
    return {
      addData,
      adviceData
    }
  }
})
</script>
<style lang="scss" scoped>
.main {
  padding: 0 40px;
  .title {
    color: #ababab;
  }
}
</style>
