<!--
  @description:
  @author: zxl
  @routerPath:
  @date: 2023-08-01 14:34
-->
<template>
  <div>
    <el-dialog
      v-dialogDrag
      :visible.sync="dialogData.flag"
      :close-on-click-modal="false"
      title="反馈信息"
      width="40vw"
      custom-class="el-dialog__body-p0"
      top="10vh"
    >
      <div class="p16">
        <el-form
          ref="form"
          :model="formData"
          :inline-message="true"
        >
          <table class="from_table">
            <tr>
              <td>
                <el-form-item label="意见反馈" />
              </td>
              <td colspan="3">
                {{ formData.feedback }}
              </td>
            </tr>
            <tr>
              <td>
                <el-form-item label="联系电话" />
              </td>
              <td colspan="3">
                {{ formData.phone }}
              </td>
            </tr>
            <tr>
              <td>
                <el-form-item label="创建人" />
              </td>
              <td colspan="3">
                {{ formData.createUser }}
              </td>
            </tr>
            <tr>
              <td>
                <el-form-item label="创建时间" />
              </td>
              <td colspan="3">
                {{ formData.createTime }}
              </td>
            </tr>
            <tr>
              <td>
                <el-form-item label="用户名称" />
              </td>
              <td colspan="3">
                {{ formData.userName }}
              </td>
            </tr>
            <tr>
              <td>
                <el-form-item label="真实姓名" />
              </td>
              <td colspan="3">
                {{ formData.realName }}
              </td>
            </tr>
            <tr>
              <td>
                <el-form-item label="附件" />
              </td>
              <td colspan="3">
                <downloadFile :data="fileData" />
              </td>
            </tr>
          </table>
        </el-form>
      </div>
      <div slot="footer" class="dialog-footer" style="text-align: center">
        <el-button @click="dialogData.flag=false">
          关闭
        </el-button>
      </div>
    </el-dialog>
  </div>
</template>

<script>
import downloadFile from '@comp/common/updownload/downloadFile' // 获取附件信息 下载组件
export default {
  name: 'FeedbackDetailDialog',
  components: {
    downloadFile
  },
  props: {
    dialogData: {
      type: Object,
      default: () => {}
    }
  },
  data() {
    return {
      fileData: {
        fileType: 'app_feedback_file',
        bizId: ''
      }
    }
  },
  created() {
    this.formData = this.dialogData.row
    this.fileData.bizId = this.dialogData.row.id
  }
}
</script>

<style scoped>

</style>
