<!--  -->
<template>
  <div class="main-content punishInfo">
    <DetailHead />
    <div class="content-body">
      <el-form ref="form" :model="form" label-width="180px" label-position="right" :rules="formRules">
        <div class="form">
          <div class="tab">
            <div class="tab-title"><label>惩戒信息</label></div>
          </div>
          <div class="form-body">
            <el-row class="p0">
              <el-form-item label="主体名称" />
            </el-row>
            <el-row class="bt0 p0">
              <el-form-item label="统一社会信用代码" />
            </el-row>
            <el-row class="bt0 p0">
              <el-form-item label="主要负责人" />
            </el-row>
            <el-row class="bt0  p0">
              <el-form-item label="失信行为简况" />
            </el-row>
            <el-row class="bt0 p0">
              <el-form-item label="信息报送机关" />
            </el-row>
            <el-row class="bt0 p0">
              <el-form-item label="纳入理由" />
            </el-row>
            <el-row class="bt0 p0">
              <el-form-item label="注册地址" />
            </el-row>
          </div>
        </div>
      </el-form>
    </div>
  </div>
</template>

<script>
import DetailHead from '@/components/DetailHead'

export default {
  components: {
    DetailHead
    // HandleDialog: HandleDialog
  },
  data() {
    return {

    }
  },
  mounted() {

  },
  // 方法集合
  methods: {

  }
}
</script>
<style lang='scss' scoped>
.main-content{
  padding: 10pt;
  .back-btn{
    position:absolute;
    right:40pt;
  }
  .content-header,.content-body{
    background: white;
    padding:20PX 10PX;
    border:1PX solid #eee;
  }
  .content-header{
    height:60PX;
    .title{
      font-weight: 700;
      font-size: $font-size-sub-title;
    }
  }
  .content-body{
    padding:20pt;
      .tab{
        .tab-title{
          label{
            display:inline-block;
          }
        }
      }
    .form{
      margin-bottom: 20pt;
    }
  }
}

</style>
<style lang="scss">
.main-content.punishInfo{
  .el-form-item{
    margin-bottom:0;
    background: $color-form-label;
    .el-form-item__label{
      padding-left: 10px;
      border-top: 1px solid $color-border;
      border-left: 1px solid $color-border;
      font-size: $table-content-font-size;
    }
    .el-form-item__content{
      background: white;
      padding: 10px;
      border-top: 1px solid $color-border;
      border-right: 1px solid $color-border;
      border-left: 1px solid $color-border;
      font-size: $table-content-font-size;
    }
  }
  .el-form-item:last-child{
    border-bottom: 1px solid $color-border;
  }
  .form-body.history{
    padding:15px;
    border:1px solid $color-border;
  }
  .el-form-item.is-error .custom .el-input__inner{
    border-color:$color-border;
  }
  .el-table-column--selection .cell {
    padding-right: 0px;
  }
  .no {
    padding-left: 0px;
  }
  .el-table_9_column_61.is-left.is-leaf{
    .cell{
      padding-left: 0px;
      padding-right: 0px;
    }
  }
  .el-pagination{
    text-align: right;
  }
  .dialog-box{
    text-align: right;
  }
  .upload .el-form-item__label::after{
    display: inline-block;
    content: '(单个文件不能超过20M)';
    color: #F56C6C;
  }
  .el-textarea.is-disabled .el-textarea__inner{
    color: #1c1e23;
  }
  .el-input__inner{
    margin-bottom: 5px;
  }
}
</style>
