<!--
 * @description:查看内容
 * @author: tangQing
 * @date: 2022-12-07
!-->
<!--
 * @description: 公告增加弹窗
 * @author: tangQing
 * @date: 2022-10-26
!-->
<template>
  <div>
    <el-dialog
      :fullscreen="dialogFull"
      :visible.sync="dialogData.visible"
      :close-on-click-modal="false"
      modal-append-to-body
      append-to-body
      width="900px"
      title="查看备注"
      custom-class="el-dialog__body-p8 el-dialog_table"
    >
      <div class="contentShow" v-html="dialogData.row.content" />

      <div slot="footer">
        <div class="footer-dialog">
          <el-button @click="dialogData.visible=false">
            <span>关 闭</span>
          </el-button>
        </div>
      </div>
    </el-dialog>
  </div>
</template>

<script>

export default {
  components: {
  },
  props: {
    dialogData: {
      type: Object,
      default: function() {
        return
      }
    }
  },
  data() {
    return {
      dialogFull: false

    }
  },

  created() {
    console.log(this.dialogData)
  },
  methods: {

  }
}
</script>
<style scoped>
.contentShow{

  overflow: scroll;
background-color: #F5F7FA;
    border-color: #E4E7ED;
    color: #C0C4CC;
    cursor: not-allowed;
    padding: 5px 15px;border-radius: 4px;background-image: none;
    border: 1px solid #DCDFE6;
    display: block;
    resize: vertical;
    padding: 5px 15px;
    line-height: 1.5;
}

.footer-dialog{
  display: flex;
  justify-content: center;
  align-items: center;
}
</style>

