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

      <div v-if="purchaseData.purchaseStatus > 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.purchaseData.purchaseStatus =='2'?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="审核人">{{purchaseData.approvedUserName}}</el-form-item>
            </el-col>
            <el-col :span="8"></el-col>
          </el-row>
        </el-form>
        <el-divider></el-divider>
      </div>
    </div>
  </div>
</template>

<script>
  import CommonInfo from "./CommonInfo";
  export default {
    name: "purchase-detail",
    props: {
      purchaseData:{
        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>