<!--
 * @Description: 
 * @Autor: renchao
 * @LastEditTime: 2023-03-17 10:25:19
-->
<template>
  <div class='result'>
    <div class="result-con" style="margin-bottom: 15px;">
      <p>响应xml</p>
      <el-input type="textarea" disabled :rows="6" class="resulttext" placeholder="响应xml" v-model="REPMSGXML">
      </el-input>
    </div>
    <div class="result-con" style="margin-top: 15px;">
      <p>错误信息</p>
      <el-input type="textarea" disabled :rows="6" class="resulttext" placeholder="错误信息" v-model="ERRORINFO">
      </el-input>
    </div>
  </div>
</template>
<script>
import { getReceiveDataReportResult } from "@/api/dataReport.js";
export default {
  components: {},
  props: {
    formData: {
      type: Object,
      default: {}
    }
  },
  data () {
    return {
      REPMSGXML: '',
      ERRORINFO: '',
    }
  },
  created () {
    getReceiveDataReportResult(this.formData.bsmReport).then(res => {
      let data = res.result
      this.REPMSGXML = data.REPMSGXML
      this.ERRORINFO = data.ERRORINFO
    })
  }
}
</script>
<style scoped lang='scss'>
.result {
  padding: 15px;
  height: 100%;

  /deep/.el-textarea__inner {
    height: 50%;
    color: #ffffff;
    border: none !important;
    color: #ffffff;
  }

  &-con {
    background: #04275B;
    border-radius: 2px;
    padding: 10px;
    box-sizing: border-box;
    height: 49%;

    p {
      color: #2997E8;
      font-size: 14px;
      position: relative;
      padding-left: 10px;
    }

    p::before {
      position: absolute;
      content: '';
      width: 3px;
      height: 10px;
      background-color: #2997E8;
      left: 0;
      top: 3px;
    }
  }
}
</style>