<template>
    <div style="background-color: #f0f2f5; padding-bottom: 20px; min-height: 100%; " >
      <div style="padding: 20px; background-color: #fff;">
        提现详情
      </div>
<div class="contentx" v-if="item!=null">
        <div class="desct"> 提现详情</div>
        <el-descriptions title="" :column="3" border>
            <el-descriptions-item label="医生姓名" >
                <span v-if="item!=null">{{item.userName}}</span>
            </el-descriptions-item>

            <el-descriptions-item label="提现类型" >
             <span v-if="item!=null">
                   <dict-tag :options="extractTypeOptions" :value="item.extractType"/>
             </span>
                </el-descriptions-item>
             <el-descriptions-item label="提现状态" >
              <span v-if="item!=null">
                    <dict-tag :options="statusOptions" :value="item.status"/>
              </span>
            </el-descriptions-item>
            <el-descriptions-item label="银行卡" >
                <span v-if="item!=null">{{item.bankNo}}</span>
            </el-descriptions-item>
            <el-descriptions-item label="开户行" >
                <span v-if="item!=null">{{item.bankName}}</span>
            </el-descriptions-item>
            <el-descriptions-item label="支行" >
                <span v-if="item!=null">{{item.bankSubName}}</span>
            </el-descriptions-item>
            <el-descriptions-item label="支付宝账号" >
                <span v-if="item!=null">{{item.alipayAccount}}</span>
            </el-descriptions-item>
            <el-descriptions-item label="提现金额" >
                <span v-if="item!=null">{{item.extractPrice}}</span>
            </el-descriptions-item>
            <el-descriptions-item label="备注" >
                <span v-if="item!=null">{{item.remark}}</span>
            </el-descriptions-item>
            <el-descriptions-item label="余额" >
                <span v-if="item!=null">{{item.balance}}</span>
            </el-descriptions-item>
            <el-descriptions-item label="审核理由" >
                <span v-if="item!=null">{{item.failMsg}}</span>
            </el-descriptions-item>
            <el-descriptions-item label="审核时间" >
                <span v-if="item!=null">{{item.failTime}}</span>
            </el-descriptions-item>

            <el-descriptions-item label="微信号" >
                <span v-if="item!=null">{{item.wechat}}</span>
            </el-descriptions-item>
          <el-descriptions-item label="创建时间" >
                <span v-if="item!=null">{{item.createTime}}</span>
            </el-descriptions-item>
          <el-descriptions-item label="更改时间" >
                <span v-if="item!=null">{{item.updateTime}}</span>
            </el-descriptions-item>
        </el-descriptions>
    </div>
    </div>
</template>

<script>
import { listDoctorextract, getDoctorextract, delDoctorextract, addDoctorextract, updateDoctorextract, exportDoctorextract } from "@/api/his/doctorExtract";
  export default {
    name: "torDetails",
    props:["data"],
    data() {
      return {
      // bank = 银行卡 alipay = 支付宝wx=微信字典
      extractTypeOptions: [],
      // -1 未通过 0 审核中 1 已提现字典
      statusOptions: [],
        item:null,
        form: {
          sreason: '',
        }
      }
    },
    created() {
      this.getDicts("sys_extract_type").then(response => {
        this.extractTypeOptions = response.data;
      });
      this.getDicts("sys_extract").then(response => {
        this.statusOptions = response.data;
      });
    },
    methods: {
          getDetails(orderId) {
          this.item=null;
          getDoctorextract(orderId).then(response => {
              this.item = response.data;
          });
      },
    }
  }
</script>
<style>

  .contentx{
      height: 100%;
      background-color: #fff;
      padding: 0px 20px 20px;
      margin: 20px;
  }
  .el-descriptions-item__label.is-bordered-label{
    font-weight: normal;
  }
  .el-descriptions-item__content {
    max-width: 150px;
    min-width: 100px;
  }
  .desct{
      padding-top: 20px;
      padding-bottom: 20px;
      color: #524b4a;
      font-weight: bold;
    }

</style>
