<template>
  <div class="DebitNote">
      <div class="Application_content">
          <p style="text-align:center">
              <span style="font-weight:700;font-size:20px;">借支单</span>
              <span class="download" @click="downLoad">下载</span>
          </p>
         
       
            <table style="margin-top:40px;text-align:left" class="singeRowTable" border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td width="150">公司名称</td>
                    <td colspan="3">{{data.CityName}}</td>
                    <td width="100">附件</td>
                    <td width="200">共 2 张</td>
                </tr>   
                <tr>
                    <td>申请部门</td>
                    <td width="100">{{data.DepName}}</td>
                    <td width="100">申请人</td>
                    <td width="100">{{data.Name}}</td>
                    <td>填单日期</td>
                    <td width="100">{{data.JapNowTime}}</td>
                </tr>
                <tr>
                    <td>业务项目</td>
                    <td class="left" colspan="5">{{data.TCNUM}}</td>
                </tr>
                <tr>
                    <td>审批编号</td>
                    <td class="left" colspan="5">{{data.FrId}}</td>
                </tr>
                <tr>
                    <td style="padding: 38px 0;">借款事由</td>
                    <td class="left" colspan="5">{{data.Description}}</td>
                </tr>
                <tr>
                    <td>借款金额</td>
                    <td class="left">{{data.Money}}</td>
                    <td colspan="2">预计还款报销日期</td>
                    <td class="left" colspan="2">{{data.ReimbursementDate}}</td>
                </tr>
                <tr>
                    <td>大写：{{data.CurrName}}</td>
                    <td class="left" colspan="5">{{chinaAllPrice}}</td>
                </tr>
                <tr>
                    <td>部门负责人审批</td>
                    <td></td>
                    <td>领导审批</td>
                    <td colspan="3"></td>
                </tr>
            </table>
            <div style="padding: 10px 0;margin-top: 30px;overflow:auto;font-size:14px">
                <!-- <span>财务经理： </span>
                <span>会计主管：</span>
                <span>复核：</span>
                <span>出纳：</span> -->
                <span style="display: inline-block;width: 200px;float: right;">领款人：</span>
            </div>
  
      </div>
      
  </div>
</template>
<script>
export default {
  data () {
    return {
        FrId:0,
        data:{},
         chinaAllPrice:this.$commonUtils.changeMoneyToChinese(0),
    }
  },
  created(){
      this.FrId = this.$route.query.id;
  },
  mounted() {
    this.GetData();
    
  },
  methods: {
      downLoad(){
          this.apipost('Financial_get_FinanceBorrowASingleDownLoad',this.formdata,res=>{
                    if(res.data.resultCode==1){
                        const link = document.createElement('a');
                        let _loadUrl=this.domainManager().DomainUrl
                        let str = window.location.href
                        link.href = _loadUrl+res.data.data
                        document.body.appendChild(link);
                        link.click();
                }else{
                    this.$message.error(res.data.message)
                }
                },err=>{})
      },
      CashListChange(val){
          this.id=val;
          this.CashList.forEach(item=>{
              if(item.Id==this.id){
                  this.formdata.Name=item.Name;
              }
          })
        },
    GetData(){
        this.apipost('Financial_get_GetFinanceBorrowASingle',{FrId:this.FrId}, res => {
        if(res.data.resultCode == 1) {
          this.data = res.data.data;
          this.chinaAllPrice=this.$commonUtils.changeMoneyToChinese(this.data.Money)
          this.formdata=Object.assign({},res.data.data);
          this.formdata.BigMoney=this.chinaAllPrice;
        }
      }, err => {})
    },
  }
}
</script>

<style>
.DebitNote .download{
    float:right;
    cursor: pointer;
    font-size: 14px;
    color: #3980C8;

}
.DebitNote .download:hover{
    text-decoration: underline;
    color: rgb(255, 0, 0);
}
.DebitNote .left{
    text-align:left;
    padding-left: 15px;
}
.DebitNote tr th{
    border: 1px solid #e5e5e5;
}
.DebitNote{
    background: #fff;
    padding-top: 20px;
    min-height:800px;
}
.DebitNote .Application_content{
    width: 900px;
    margin:0 auto;
    padding: 20px;
    border: 1px solid #eeeeee;
}
</style>