<!--退保证金委托函详情-->
<template>
  <div class="content-main">
    <h2 class="com-h2">
      <i></i><span>退保证金委托函 </span>
    </h2>
    <refundDelegationComponent :page-object="pageObject"/>
  </div>
</template>

<script>
  import  refundDelegationComponent from './components/refundDelegationComponent.vue'
  export default {
    name: "refundDelegationDetail",
    data() {
      let self = this;
      return {
        pageObject:{
            type: self.$route.query.type,
            wthbm: self.$route.query.wthbm
        }
      }
    },
    components:{
      refundDelegationComponent
    }

  }
</script>

<style scoped>

  .content-main .com-h2 {
    font-size: 16px;
    line-height: 20px;
    color: #333;
    font-weight: normal;
    letter-spacing: 1px;
    padding: 0 20px;
    position: relative;
  }

  .com-h2 i {
    position: absolute;
    width: 3px;
    height: 20px;
    background: #56A9D6;
    left: 0;
    top: 20px;
    margin-left: 10px;
  }

  .com-h2 span {
    display: block;
    border-bottom: 1px solid #EAEAEA;
    padding: 20px 0 5px;
  }

  .form-content {
    border: 1px solid #EAEAEA;
    margin: auto;
    padding: 10px;
    width: 92%;
    margin-top: 10px;
  }

  .el-form-item /deep/ .el-form-item__label {
    text-align: left;
  }

  .input-width {
    width: 90%;
  }
</style>
