<template>
<div class="eibs-tab">
<!-- <c-col :span="24" style="margin-bottom:18px">
Liability
</c-col> -->
<c-col :span="24" style="">
<c-table
:list="model.liaall.liaallg"
style="width:80%,text-align:center,margin-bottom:18px"
:border="true"
>
<el-table-column prop="bussec" label="业务" width="50px">
</el-table-column>
<el-table-column prop="cbtpfx" label="类型" width="60px">
</el-table-column>
<el-table-column prop="matdat" label="到期日" width="150px">
<template slot-scope="scope">
<el-form-item
label-width="0"
:prop="'liaall.liaallg.' + scope.$index + '.matdat'"
>
<c-date-picker
type="date"
v-model="scope.row.matdat"
value-format="yyyy-MM-dd"
placeholder="请选择Date"
style="width: 100%"
@change="executeDefault('liaall.liaallg.matdat')"
:disabled="root.trnName== 'letopn'"
>
</c-date-picker>
</el-form-item>
</template>
</el-table-column>
<el-table-column prop="tenday" label="效期" width="70px">
<template slot-scope="scope">
<el-form-item
label-width="0"
:prop="'liaall.liaallg.' + scope.$index + '.tenday'"
>
<c-input
v-model="scope.row.tenday"
style="width: 100%"
placeholder="请输入"
>
</c-input>
</el-form-item>
</template>
</el-table-column>
<el-table-column prop="rol" label="债务人" width="70px">
</el-table-column>
<!--
<el-table-column prop="nam" label="Name" width="300"> </el-table-column>
-->
<el-table-column prop="cdtrol" label="债权人" width="70px">
</el-table-column>
<el-table-column prop="cur" label="币种" width="55px"> </el-table-column>
<el-table-column prop="oldamt" label="原始金额" width="150px">
<!-- <template slot-scope="scope">
{{moneyFormat(scope.row.oldamt)}}
</template> -->
</el-table-column>
<el-table-column prop="amt" label="记账金额" width="100px">
<!-- <template slot-scope="scope">
{{moneyFormat(scope.row.amt)}}
</template> -->
</el-table-column>
<el-table-column prop="tenpct" label="%" width="80px">
</el-table-column>
<el-table-column prop="acc" label="核心账号" width="150px">
<!-- check，需用el-form-item标签包起来 -->
<template slot-scope="scope">
<el-form-item
label-width="0"
:prop="'liaall.liaallg.' + scope.$index + '.acc'"
>
<!-- <c-input
v-model="scope.row.acc"
style="width: 100%"
placeholder="请输入"
>
</c-input> -->
</el-form-item>
</template>
</el-table-column>
<el-table-column prop="valdat" label="起息日" width="200px">
<template slot-scope="scope">
{{ dateFormat(scope.row.valdat) }}
</template>
</el-table-column>
<el-table-column label="" prop="det" width="80px" fixed="right">
<template slot-scope="scope" slot="header">
<el-button
circle
style="padding: 4px"
class="el-icon-plus"
size="mini"
@click="addRow(scope)"
>
</el-button>
<el-button
style="padding: 4px"
circle
class="el-icon-minus"
size="mini"
@click="removeRow(scope)"
>
</el-button>
</template>
<template slot-scope="scoped">
<c-button
style="margin-left:0"
size="small"
type="primary"
icon="el-icon-info"
@click="detail1(scoped.$index, scoped.row)"></c-button>
</template>
</el-table-column>
</c-table>
</c-col>
<div style="height=500px">
<engp-dialog ref="engpDialog" :model="model" :idx="index" :codes="codes" />
</div>
<!-- <c-col :span="12">
<el-form-item label="Sight Amount">
<c-input style="width:50%" v-model="model.liaall.outamt" placeholder="请输入Sight Amount"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Sight Amount Percentage">
<c-input style="width:50%" v-model="model.liaall.outpct" placeholder="请输入Sight Amount Percentage"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="External Booking Amount">
<c-input style="width:70%" v-model="model.liaall.concur" maxlength="3" placeholder="请输入External Booking Amount"></c-input>
</el-form-item>
</c-col> -->
<c-col :span="16" style="margin-top: 10px">
<el-form-item label="未分配金额">
<c-input
style="width: 15%"
disabled
v-model="model.liaall.concur"
maxlength="3"
placeholder=""
></c-input>
<c-input
style="width: 40%"
disabled
v-model="model.liaall.misamt"
placeholder="请输入金额"
></c-input>
<c-button
style="width: 20%"
size="small"
disabled
type="primary"
@click="onLiaallButmisamt"
>
添加到当前行
</c-button>
</el-form-item>
</c-col>
<!-- <c-col :span="1" style="text-align:left;margin-left:0">
<el-form-item label="">
<c-button size="small" disabled type="primary" @click="onLiaallButmisamt">
Add to Current Line
</c-button>
</el-form-item>
</c-col> -->
<!-- <c-col :span="12">
<el-form-item label="">
<c-button size="small" type="primary" @click="onLiaallButmissig">
Add to Sight Amount
</c-button>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Old Amount booked externally">
<c-input style="width:50%" v-model="model.liaall.exttotoldamt" placeholder="请输入Old Amount booked externally"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Total booking amount external assinged">
<c-input style="width:50%" v-model="model.liaall.exttotamt" placeholder="请输入Total booking amount external assinged"></c-input>
</el-form-item>
</c-col> -->
</div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import EngpDialog from "./EngpDialog.vue";
export default {
inject: ["root"],
components: { EngpDialog },
mixins: [commonProcess],
props: ["model", "codes"],
data() {
return {
dialogVisible: false,
dialog:{
},
index:0,
};
},
methods: {
async onLiaallButmisamt() {
let rtnmsg = await this.executeRule("liaall_butmisamt");
if (rtnmsg.respCode == SUCCESS) {
//TODO 处理数据逻辑
} else {
this.$notify.error({ title: "错误", message: "服务请求失败！" });
}
},
detail1(index, row) {
const that = this;
const rule = "liaall.liaallg(" + (index + 1) + ").det";
that.executeRule(rule).then(res => {
that.$refs.engpDialog.visiable = true;
that.$refs.engpDialog.formData = Object.assign({}, that.model.liaall.liaallg[index]);
that.index = index;
that.dialog = row
})
},
},
created: function () {},
};
</script>
<style>
</style>