<template>
    <div class="detail">
      <CommonInfo :debitData="debitData"/>
      <div v-if="debitData.debitStatus > 0">
        <div style="margin: 11px 30px;color: #1890ff;">出借部门长审核</div>
        <el-form label-width="100px">
          <el-form-item label="审核人">{{ debitData.lendManageName }}</el-form-item>
        </el-form>
        <el-divider></el-divider>
      </div>


      <div v-if="debitData.debitStatus > 1">
        <div style="margin: 11px 30px;color: #1890ff;">核算部审批</div>
        <el-form label-width="100px">
          <el-row>
            <el-col :span="8">
              <el-form-item>
                <el-radio v-model="this.debitData.debitStatus =='2' || this.debitData.debitStatus =='3'?radio ='1':radio='2'" label="1" disabled>通过</el-radio>
                <el-radio v-model="radio" label="2" disabled>不通过</el-radio>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="审核人">{{debitData.approvalName}}</el-form-item>
            </el-col>
            <el-col :span="8"></el-col>
          </el-row>
        </el-form>
        <el-divider></el-divider>
      </div>
    </div>
</template>

<script>
  import CommonInfo from "./CommonInfo";
  export default {
    name: "debit-detail",
    props:{
      debitData:{
        type: Object
      }
    },
    components:{
      CommonInfo
    }
  }
</script>

<style scoped lang="scss">
  .detail{
    height: 460px;
    overflow-y: auto;
    &::-webkit-scrollbar {
      /* 设置滚动条宽度 */
      width: 4px;
      /* 设置滚动条背景色 */
      //background: black;
    }

    //滚动条轨道
    &::-webkit-scrollbar-track {
      background-color:transparent;
      -webkit-border-radius: 2em;
      -moz-border-radius: 2em;
      border-radius:2em;
    }

    //滚动条滑块
    &::-webkit-scrollbar-thumb {
      background-color: rgb(147,147,153,0.5);
      -webkit-border-radius: 2em;
      -moz-border-radius: 2em;
      border-radius:2em;
    }

  }
</style>