<template>
  <div>
    <div>
      <el-form ref="dataForm" :model="formobj" class="formaddcopy02">
        <div>
          <el-row style="border-top: 1px solid #E0E3EB">
            <el-col :span="6">
              <div class="span-sty">是否打包</div>
              <el-form-item><span class="addinputInfo">{{ formobj.isPack == '1' ? '是' : formobj.isPack == '0' ? '否' : '' }}</span></el-form-item>
            </el-col>
            <el-col :span="18">
              <div class="span-sty">产品政策</div>
              <el-form-item><span class="addinputInfo">{{ formobj.policyName }}</span></el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="24">
              <div class="span-sty">融资项目</div>
              <el-form-item>
                <div class="addinputInfo">
                  <span>主车发票价 {{ formobj.mainVehicleAmount }} 元</span>
                  <span style="padding-left: 10px">配件 {{ formobj.accessoriesAmount }} 元</span>
                  <span style="padding-left: 10px">挂车 {{ formobj.trailerAmount }} 元</span>
                  <span style="padding-left: 10px">保险 {{ formobj.premium }} 元</span>
                  <span style="padding-left: 10px">购置税 {{ formobj.purchaseTax }} 元</span>
                </div>
              </el-form-item>
            </el-col>
            <el-col :span="24">
              <div class="span-sty">融资项目总额</div>
              <el-form-item><span class="addinputInfo">{{ formobj.loanTotal }}</span></el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="6">
              <div class="span-sty">首付比例(%)</div>
              <el-form-item><span class="addinputInfo">{{ formobj.downPayRatio }}</span></el-form-item>
            </el-col>
            <el-col :span="6">
              <div class="span-sty">首付金额</div>
              <el-form-item><span class="addinputInfo">{{ formobj.downPayAmount }}</span></el-form-item>
            </el-col>
            <el-col :span="6">
              <div class="span-sty">产品贷款金额</div>
              <el-form-item><span class="addinputInfo">{{ formobj.loanAmount }}</span></el-form-item>
            </el-col>
            <el-col :span="6">
              <div class="span-sty">产品期数</div>
              <el-form-item><span class="addinputInfo">{{ formobj.loanPeriod }}</span></el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="6">
              <div class="span-sty">贷款保证金比例(%)</div>
              <el-form-item><span class="addinputInfo">{{ formobj.bondRatio }}</span></el-form-item>
            </el-col>
            <el-col :span="6">
              <div class="span-sty">贷款保证金</div>
              <el-form-item><span class="addinputInfo">{{ formobj.bondAmount }}</span></el-form-item>
            </el-col>
            <el-col :span="6" class="tlineheightb">
              <div class="span-sty">厂家贴息</div>
              <el-form-item><span class="addinputInfo">{{ formobj.factoryDiscount }} {{ formobj.actualDiscount !== '' ? '(实贴' + formobj.actualDiscount + ')' : '' }}</span></el-form-item>
            </el-col>
            <el-col :span="6">
              <div class="span-sty">贴息用途</div>
              <el-form-item><span class="addinputInfo">{{ formobj.factoryDiscountUse }}</span></el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="6">
              <div class="span-sty">年利率(%)</div>
              <el-form-item><span class="addinputInfo">{{ formobj.policyYearRatio }}</span></el-form-item>
            </el-col>
            <el-col :span="6">
              <div class="span-sty">月还金额</div>
              <el-form-item><span class="addinputInfo">{{ formobj.loanPayMoney }}</span></el-form-item>
            </el-col>
            <el-col :span="6">
              <div class="span-sty">利息总额</div>
              <el-form-item><span class="addinputInfo">{{ formobj.loanInterest }}</span></el-form-item>
            </el-col>
            <el-col :span="6">
              <div v-show="formobj.factoryDiscountUseKey == '01'">
                <div class="span-sty">贴息抵车款</div>
                <el-form-item><span class="addinputInfo">{{ formobj.discountCar }}</span></el-form-item>
              </div>
            </el-col>
          </el-row>
          <div v-show="formobj.otherPolicyState">
            <div class="title">其它融</div>
            <el-row>
              <el-col :span="12">
                <div class="span-sty">其它融名称</div>
                <el-form-item><span class="addinputInfo">{{ formobj.otherPolicyName }}</span></el-form-item>
              </el-col>
              <el-col :span="6">
                <div class="span-sty">贷款金额</div>
                <el-form-item><span class="addinputInfo">{{ formobj.otherPolicyAmount }}</span></el-form-item>
              </el-col>
              <el-col :span="6">
                <div class="span-sty">期数</div>
                <el-form-item><span class="addinputInfo">{{ formobj.otherPolicyPeriod }}</span></el-form-item>
              </el-col>
            </el-row>
            <el-row>
              <el-col :span="6">
                <div class="span-sty">年利率</div>
                <el-form-item><span class="addinputInfo">{{ formobj.otherPolicyYearRatio }}</span></el-form-item>
              </el-col>
              <el-col :span="6">
                <div class="span-sty">月还金额</div>
                <el-form-item><span class="addinputInfo">{{ formobj.otherPolicyMonthlyRepay }}</span></el-form-item>
              </el-col>
              <el-col :span="6">
                <div class="span-sty">利息总额</div>
                <el-form-item><span class="addinputInfo">{{ formobj.otherPolicyInterest }}</span></el-form-item>
              </el-col>
              <el-col :span="6" class="tlineheightb">
                <div class="span-sty">其它融贴息</div>
                <el-form-item><span class="addinputInfo">{{ formobj.otherDiscount }} {{ formobj.otherActualDiscount !== '' ? '(实贴' + formobj.otherActualDiscount + ')' : '' }}</span></el-form-item>
              </el-col>
            </el-row>
          </div>
          <div class="title">方案汇总</div>
          <el-row>
            <el-col :span="6">
              <div class="span-sty">融资首付</div>
              <el-form-item><span class="addinputInfo">{{ formobj.loanDownPay }}</span></el-form-item>
            </el-col>
            <el-col :span="6">
              <div class="span-sty">实际首付比例(%)</div>
              <el-form-item><span class="addinputInfo">{{ formobj.downPayAmountsRatio }}</span></el-form-item>
            </el-col>
            <el-col :span="6">
              <div class="span-sty">总贷款金额</div>
              <el-form-item><span class="addinputInfo">{{ formobj.loanAmountTotal }}</span></el-form-item>
            </el-col>
            <el-col :span="6">
              <div class="span-sty">期数</div>
              <el-form-item><span class="addinputInfo">{{ formobj.period }}</span></el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="6"></el-col>
            <el-col :span="6">
              <div class="span-sty">月还金额</div>
              <el-form-item><span class="addinputInfo">{{ formobj.monthlyRepay }}</span></el-form-item>
            </el-col>
            <el-col :span="6">
              <div class="span-sty">利息总额</div>
              <el-form-item><span class="addinputInfo">{{ formobj.interest }}</span></el-form-item>
            </el-col>
            <el-col :span="6">
              <div class="span-sty">预计首款还款日</div>
              <el-form-item><span class="addinputInfo">{{ formobj.returnTime }}</span></el-form-item>
            </el-col>
          </el-row>
          <div class="title">应收明细</div>
          <el-row>
            <el-col :span="6">
              <div class="span-sty">融资首付</div>
              <el-form-item><span class="addinputInfo">{{ formobj.downPayAmounts }}</span></el-form-item>
            </el-col>
            <el-col :span="6">
              <div class="span-sty">贷款保证金</div>
              <el-form-item><span class="addinputInfo">{{ formobj.bondAmounts }}</span></el-form-item>
            </el-col>
            <el-col :span="6">
              <div class="span-sty">保险保证金</div>
              <el-form-item><span class="addinputInfo">{{ formobj.depositPremium }}</span></el-form-item>
            </el-col>
            <el-col :span="6">
              <div class="span-sty">落户保证金</div>
              <el-form-item><span class="addinputInfo">{{ formobj.depositSettle }}</span></el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="6">
              <div class="span-sty">服务费</div>
              <el-form-item><span class="addinputInfo">{{ formobj.serviceAmount }}</span></el-form-item>
            </el-col>
            <el-col :span="6">
              <div class="span-sty">代收意外险</div>
              <el-form-item><span class="addinputInfo">{{ formobj.proxyAccidentPremium }}</span></el-form-item>
            </el-col>
            <el-col :span="6">
              <div class="span-sty">上牌费</div>
              <el-form-item><span class="addinputInfo">{{ formobj.registerAmount }}</span></el-form-item>
            </el-col>
            <el-col :span="6">
              <div class="span-sty">运管费</div>
              <el-form-item><span class="addinputInfo">{{ formobj.operationAmount }}</span></el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="6">
              <div class="span-sty">补车价</div>
              <el-form-item><span class="addinputInfo">{{ formobj.vehOtherPrice }}</span></el-form-item>
            </el-col>
            <el-col :span="6">
              <div class="span-sty">其它费用</div>
              <el-form-item><span class="addinputInfo">{{ formobj.otherAmount }}</span></el-form-item>
            </el-col>
            <el-col :span="12">
              <div class="span-sty">其它费用说明</div>
              <el-form-item><span class="addinputInfo">{{ formobj.otherAmountRemark }}</span></el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="24">
              <div class="span-sty">办理方式选择</div>
              <el-form-item><span class="addinputInfo">{{ formobj.dealWay }}</span></el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="6">
              <div class="span-sty">代收费用合计</div>
              <el-form-item><span class="addinputInfo">{{ formobj.proxyTotal }}</span></el-form-item>
            </el-col>
            <el-col :span="9">
              <div v-if="formobj.proxyTotal != '0'">
                <div class="span-sty">代收首年保险费</div>
                <el-form-item><span class="addinputInfo">{{ formobj.proxyPremium }}</span></el-form-item>
              </div>
            </el-col>
            <el-col :span="9">
              <div v-if="formobj.proxyTotal != '0'">
                <div class="span-sty">代收购置税</div>
                <el-form-item><span class="addinputInfo">{{ formobj.proxyPurchasetax }}</span></el-form-item>
              </div>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="24">
              <div class="span-sty">应收合计</div>
              <el-form-item><span class="addinputInfo">{{ formobj.receivableTotal }}</span></el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="6">
              <div class="span-sty">抵顶费用合计</div>
              <el-form-item><span class="addinputInfo">{{ formobj.offsetTotal }}</span></el-form-item>
            </el-col>
            <el-col :span="6">
              <div v-if="formobj.offsetTotal != '0'">
                <div class="span-sty">首年保险费抵顶</div>
                <el-form-item><span class="addinputInfo">{{ formobj.offsetPremium }}</span></el-form-item>
              </div>
            </el-col>
            <el-col :span="6">
              <div v-if="formobj.offsetTotal != '0'">
                <div class="span-sty">购置税抵顶</div>
                <el-form-item><span class="addinputInfo">{{ formobj.offsetPurchasetax }}</span></el-form-item>
              </div>
            </el-col>
            <el-col :span="6">
              <div v-if="formobj.offsetTotal != '0'">
                <div class="span-sty">配件抵顶</div>
                <el-form-item><span class="addinputInfo">{{ formobj.offsetAccessories }}</span></el-form-item>
              </div>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="24">
              <div class="span-sty">实收合计</div>
              <el-form-item><span class="addinputInfo">{{ formobj.realTotal }}</span></el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="24">
              <div class="span-sty">车辆总价</div>
              <el-form-item><span class="addinputInfo">{{ formobj.vehTotalPrice }}</span></el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="6">
              <div class="span-sty">名义(留购)价</div>
              <el-form-item><span class="addinputInfo">{{ formobj.nominalPrice }}</span></el-form-item>
            </el-col>
            <el-col :span="18">
              <el-form-item><span class="addinputInfo">注：结清时需缴纳此费用</span></el-form-item>
            </el-col>
          </el-row>
        </div>
      </el-form>
    </div>
  </div>
</template>
<script>

export default {
  name: 'JinRongFangAnInfo',
  data() {
    return {
      viewTitle: '',
      tableKey: 0,
      index: 0,
      formobj: {
        otherPolicyState: false
      }
    }
  },
  methods: {
    showInfo(value) {
      this.viewTitle = '金融方案'
      this.formobj = JSON.parse(JSON.stringify(value))
    },
    handleReturn() {
      this.$emit('doback')
    }
  }
}
</script>

<style scoped>
.formaddcopy02 {
  padding: 0px;
}
.span-sty {
  width: 130px !important;
}
.addinputInfo {
  margin-left: 120px !important;
}
.tlineheightb {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
/deep/ .tlineheightb .el-form-item .el-form-item__content .addinputInfo {
  line-height: 15px !important;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
</style>
