<template>
  <div class="homepage-report">
    <!-- 御剑乘风来,除魔天地间! -->
    <el-row>
      <el-col :span="24"
        ><div class="title">外汇模拟交易过程风险管理：</div></el-col
      >
    </el-row>
    <el-form>
      <el-row :gutter="20" type="flex" justify="space-between">
        <el-col :span="11">
          <el-form-item label="交易计划：">
            <el-input type="textarea"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="11">
          <el-form-item label="交易方法与技巧：">
            <el-input type="textarea"></el-input>
            
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="24"
          ><div class="title">外汇模拟交易过程收益分析：</div></el-col
        >
      </el-row>
      <el-row :gutter="20" type="flex" justify="space-between">
        <el-col :span="11">
          <el-form-item label="盈利品种分析：">
            <el-input type="textarea"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="11">
          <el-form-item label="亏损品种分析：">
            <el-input type="textarea"></el-input>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="24"
          ><div class="title">外汇模拟交易过程改进措施：</div></el-col
        >
      </el-row>
      <el-row :gutter="20" type="flex" justify="space-between">
        <el-col :span="11">
          <el-form-item label="改进措施1:">
            <el-input type="textarea"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="11">
          <el-form-item label="改进措施2:">
            <el-input type="textarea"></el-input>
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>
  </div>
</template>
<script>
export default {
  name: "",
  data() {
    return {};
  },
  created() {},
  computed: {},
  methods: {},
};
</script>
<style lang='scss'  scoped>
.homepage-report {
  width: 100%;
  height: 100%;
  background: url("../../assets/images/report.png") no-repeat !important;
  background-size: 100% 100% !important;
  .title {
    margin-top: 10px;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: bold;
  }
  .el-row {
    margin-bottom: 20px;
    &:last-child {
      margin-bottom: 0;
    }
  }
  ::v-deep .el-form {
    .el-form-item__label {
      font-size: 16px;
      font-family: Microsoft YaHei;
      font-weight: bold;
      color: #333333;
      &.el-form-item__label::before {
        display: inline-block;
        content: "";
        width: 7px;
        height: 14px;
        background: #3c9cf5;
        border-radius: 4px;
        margin-right: 8px;
      }
    }
    .el-textarea__inner {
      min-height: 160px !important;
      border-color: transparent;
      background: #f6f7f8;
    }
  }

}
</style>