<template>
  <div id="jobfair-context">
    <el-row>
      <el-col class="webMessage">
        {{ title }}
      </el-col>
      <el-col style="padding: 50px 15px;">
        <el-col class="comDetail">
          <span v-html="info.content">{{ info && info.content ? info.content : '' }}</span>
        </el-col>

        <!-- <el-col class="comTitle">
          <span style="font-weight: bold;">{{ info && info.title ? info.title : '' }} </span>
        </el-col>
        <el-col class="comDetail">
          <span>{{ info && info.abs ? info.abs : '' }}</span>
        </el-col>
        <el-col><span class="comView">一、时间</span></el-col>
        <el-col class="comDetail">
          <span>
            {{ info && info.dev ? info.dev : '' }}
          </span>
        </el-col>
        <el-col><span class="comView">二、地点</span></el-col>
        <el-col class="comDetail">
          <span>
            {{ info && info.glo ? info.glo : '' }}
          </span>
        </el-col>
        <el-col><span class="comView">三、参会方式</span></el-col>
        <el-col class="comDetail">
          <span>
            {{ info && info.ser ? info.ser : '' }}
          </span>
        </el-col>
        <el-col><span class="comView">四、学校审核</span></el-col>
        <el-col class="comDetail">
          <span>
            {{ detail && detail.cli ? detail.cli : '' }}
          </span>
        </el-col>
        <el-col><span class="comView">五、其他</span></el-col>
        <el-col class="comDetail">
          <span>
            {{ detail && detail.cli ? detail.cli : '' }}
          </span>
        </el-col>
        <el-col><span class="comView">六、联系方式：</span></el-col>
        <el-col class="comDetail">
          <span style="text-indent: 0;">网址：</span>
          <span style="font-family: 微软雅黑; text-indent: 0;">{{ detail && detail.inweb ? detail.inweb : '' }}</span>
        </el-col>
        <el-col class="comDetail">
          <span style="text-indent: 0;">总部地址：</span>
          <span style="text-indent: 0;">{{ detail && detail.inadd ? detail.inadd : '' }}</span>
        </el-col>
        <el-col class="comDetail">
          <span style="text-indent: 0;">招聘负责人：</span>
          <span style="text-indent: 0;">{{ detail && detail.inmail ? detail.inmail : '' }}</span>
        </el-col>
        <el-col style="text-align: center;margin: 20px 0px">
          <a href="#" class="btnComplaint">
            <el-image class="report" :src="pic"></el-image>
            <span style="color: #fff;font-size: 14px;">校园招聘违规举报</span>
          </a>
        </el-col> -->
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  name: 'jobfair-context',
  props: {
    title: {
      type: String,
    },
    info: {
      type: Object,
      default: () => {},
    },
  },
  components: {},
  data: () => ({
    // detail: {},
    pic: require('@/assets/safity.png'),
  }),
  mounted() {
    // this.$set(this, `detail`, this.info);
  },
  created() {},
  computed: {},
  methods: {
    objectSpanMethod({ row, column, rowIndex, columnIndex }) {
      if (columnIndex === 0) {
        if (rowIndex % 2 === 0) {
          return {
            rowspan: 2,
            colspan: 1,
          };
        } else {
          return {
            rowspan: 0,
            colspan: 0,
          };
        }
      }
    },
  },
};
</script>

<style lang="less" scoped>
.el-link:hover {
  text-decoration: underline;
  color: #850000;
}
.btnComplaint {
  color: #fff !important;
  display: inline-block;
  background-color: #77b911;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  border-radius: 3px;
  font-size: 14px;
}
.report {
  width: 24.68px;
  height: 30px;
  float: left;
  margin: 5px 5px 0 0;
}
a {
  text-decoration: none;
}
/deep/ .el-breadcrumb__inner {
  color: #999;
}
.webMessage {
  border-left: 3px solid #850000;
  font-size: 16px;
  line-height: 30px;
  height: 30px;
  padding: 0 15px;
  margin: 0 0 0 -15px;
}
/deep/.el-button--mini {
  padding: 10px 15px;
}
.firmLogo {
  width: 100%;
  height: 82px;
  text-align: center;
}
.firmLogo .el-image__inner {
  width: 82px;
  border: 1px solid #f6f6f6;
}
/deep/.el-button--danger {
  background-color: #850000;
}
/deep/.el-button--mini {
  padding: 8px 5px;
}

.sizeA {
  font-size: 14px;
}
.comTitle {
  font-size: 21px;
  font-weight: bold;
  color: #000;
  font-family: 宋体;
  text-align: center;
  margin-bottom: 2rem;
}
.comView {
  font-size: 16px;
  font-family: 宋体;
  font-weight: bold;
}

.comDetail span {
  display: inline-block;
  font-size: 16px;
  line-height: 24px;
  height: 24px;
  font-family: 宋体;
  color: #333333;
  text-indent: 30px;
}
</style>
