<template>
<div class="eibs-tab">
<!--
<c-col :span="12">
<el-form-item label="应付保证金金额">
<c-input v-model="model.liaall.liaccv.concur" maxlength="3" placeholder="请输入应付保证金金额"></c-input>
</el-form-item>
</c-col>
-->
<c-col :span="12">
<el-form-item label="合同金额" prop="liaall.liaccv.concur">
<c-row :gutter="20">
<!-- <c-col :span="8">-->
<!-- <c-input type="text" :readonly="true" value="CNY"></c-input>-->
<!-- </c-col>-->
<c-col :span="8">
<c-select
v-model="model.liaall.liaccv.concur"
disabled
style="width: 95%"
placeholder="请选择Type of settlement"
>
<el-option
v-for="item in codes.curtxt"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</c-col>
<c-col :span="14">
<c-input
:readonly="true"
v-model="model.liaall.liaccv.newamt"
></c-input>
</c-col>
</c-row>
</el-form-item>
</c-col>
<!--
<c-col :span="12">
<el-form-item label="合同金额">
<c-input v-model="model.liaall.liaccv.newamt" placeholder="请输入合同金额"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="保证金应收比例">
<c-input v-model="model.liaall.liaccv.cshpct" placeholder="请输入保证金应收比例"></c-input>
</el-form-item>
</c-col>
-->
<c-col :span="12">
<el-form-item label="保证金应收比例" prop="liaall.liaccv.cshpct">
<c-row>
<c-col :span="8">
<c-input v-model="model.liaall.liaccv.cshpct"></c-input>
</c-col>
<c-col :span="12" style="margin-left: 20px">
<span>%</span>
</c-col>
</c-row>
</el-form-item>
</c-col>
<!--
<c-col :span="12">
<el-form-item label="Reserved Amount">
<c-input v-model="model.liaall.liaccv.newresamt" placeholder="请输入Reserved Amount"></c-input>
</el-form-item>
</c-col>
-->
<c-col :span="12">
<el-form-item label="Reserved Amount" prop="liaall.liaccv.newresamt">
<c-row :gutter="20">
<!-- <c-col :span="8">-->
<!-- <c-input type="text" :readonly="true" value="CNY"></c-input>-->
<!-- </c-col>-->
<c-col :span="8">
<c-select
v-model="model.liaall.liaccv.concur"
disabled
style="width: 95%"
placeholder="请选择Type of settlement"
>
<el-option
v-for="item in codes.curtxt"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</c-col>
<c-col :span="14">
<c-input
:readonly="true"
v-model="model.liaall.liaccv.newresamt"
></c-input>
</c-col>
</c-row>
</el-form-item>
</c-col>
<!--
<c-col :span="12">
<el-form-item label="保证金实收比例">
<c-input v-model="model.liaall.liaccv.relcshpct" placeholder="请输入保证金实收比例"></c-input>
</el-form-item>
</c-col>
-->
<c-col :span="12">
<el-form-item label="保证金实收比例" prop="liaall.liaccv.relcshpct">
<c-row>
<c-col :span="8">
<c-input
:readonly="true"
v-model="model.liaall.liaccv.relcshpct"
></c-input>
</c-col>
<c-col :span="12" style="margin-left: 20px">
<span>%</span>
</c-col>
</c-row>
</el-form-item>
</c-col>
<!--
<c-col :span="12">
<c-checkbox v-model="model.liaall.liaccv.gleflg">Create gle flag</c-checkbox>
</c-col>
<c-col :span="12">
<el-form-item label="reserve amount based percent">
<c-input v-model="model.liaall.liaccv.pctresamt" placeholder="请输入reserve amount based percent"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<c-checkbox v-model="model.liaall.liaccv.chgcurflg">Change currency flag</c-checkbox>
</c-col>
-->
<c-col :span="12">
<el-form-item label="应付保证金金额" prop="liaall.liaccv.concur">
<c-row :gutter="20">
<!-- <c-col :span="8">-->
<!-- <c-input type="text" :readonly="true" value="CNY"></c-input>-->
<!-- </c-col>-->
<c-col :span="8">
<c-select
v-model="model.liaall.liaccv.concur"
disabled
style="width: 95%"
placeholder="请选择Type of settlement"
>
<el-option
v-for="item in codes.curtxt"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</c-col>
<c-col :span="14">
<c-input
:readonly="true"
v-model="model.liaall.liaccv.pctresamt"
></c-input>
</c-col>
</c-row>
</el-form-item>
</c-col>
<!--
<c-col :span="12">
<c-button size="small" type="primary" @click="openMask">
Add
</c-button>
</c-col>
<c-col :span="12">
<c-button size="small" icon="el-icon-delete" @click="onLiaccvDel">
Del
</c-button>
</c-col>
-->
<c-col :span="11" style="margin-left:20px;text-align:right">
<!-- <c-row> -->
<!-- <c-col :span="23" style="margin-left:35px;text-align:right"> -->
<c-button size="small" type="primary" @click="onLiaccvAdd">
Add
</c-button>
<!-- </c-col> -->
<el-dialog
:visible.sync="dialogTableVisible"
:close-on-click-modal="false"
:close-on-press-escape="false"
>
<c-istream-table :list="stmData.data" :columns="stmData.columns">
<el-table-column prop="op" label="OP" width="100">
<template slot-scope="scope">
<a href="javascript:void(0)" @click="pickDepItem(scope.$index,scope.row)"
>选择</a
>
</template>
</el-table-column>
</c-istream-table>
</el-dialog>
<!-- <c-col :span="2">
<c-button size="small" icon="el-icon-delete" @click="onLiaccvDel">
Del
</c-button>
</c-col> -->
<!-- </c-row> -->
</c-col>
<!-- <c-col :span="24"><div style="height: 10px"></div></c-col> -->
<c-col :span="23" style="margin:0 20px">
<c-table
:border="true"
:list="model.liaall.liaccv.liaccvg"
style="width:80%,text-align:center"
>
<el-table-column prop="ccdflg" label="CF000048" width="78px">
</el-table-column>
<el-table-column prop="ownref" label="保证金编号" width="130px">
</el-table-column>
<el-table-column prop="cur" label="币种" width="55px">
</el-table-column>
<el-table-column prop="oldamt" label="余额" width="150px">
</el-table-column>
<el-table-column prop="amt" label="变动金额" width="150px">
</el-table-column>
<el-table-column prop="acc" label="保证金账号" width="180px">
</el-table-column>
<el-table-column prop="rat" label="汇率" width="120px">
</el-table-column>
<el-table-column prop="concur" label="币种" width="55px">
</el-table-column>
<el-table-column prop="covamt" label="折算后金额" width="150px">
</el-table-column>
<el-table-column prop="acccovamt" label="Acc Amount" width="150px">
</el-table-column>
<el-table-column label="操作" width="75px" fixed="right">
<template slot-scope="scope">
<c-button style="margin-left:0" type="primary" size="small" @click="onLiaccvDel(scope.$index,scope.row)">
Del</c-button>
</template>
</el-table-column>
</c-table>
</c-col>
<!-- <c-col :span="12">
<el-form-item label="Amount Covered">
<c-row>
<c-col :span="8">
<c-select
v-model="model.liaall.liaccv.concur"
disabled
style="width: 100%"
placeholder="请选择Type of settlement"
>
<el-option
v-for="item in codes.curtxt"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</c-col>
<c-col :span="14">
<c-input
v-model="model.liaall.liaccv.totcovamt"
:readonly="true"
></c-input>
</c-col>
</c-row>
</el-form-item>
</c-col> -->
<c-col :span="24" style="margin-top:15px">
<el-form-item label="金额总和">
<c-col :span="8">
<c-input
style="width: 50%"
v-model="model.liaall.liaccv.totcovamt"
placeholder="请输入金额总和"
></c-input>
</c-col>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Additional Information ">
<c-input
type="textarea"
:rows="5"
v-model="model.liaall.liaccv.addinf"
maxlength="200"
show-word-limit
placeholder="请输入Additional Information "
></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 Event from "~/model/Ditopn/Event";
export default {
inject: ["root"],
props: ["model", "codes"],
mixins: [CommonProcess],
data() {
return {
dialogTableVisible: false,
stmData: {
columns: [
'1 1:1 "Ref" 120',
'2 2:1 "User" 80',
'3 3:1 "Applicant" 196',
'4 4:1 "Account" 120',
'5 5:1 "Cur" 50',
'6 6:1 "Amt" 80 2 0 1 18.3',
'7 7:1 "Open date" 80 4 7',
'8 8:1 "flg" 40',
'9 9:1 "Remarks" 180',
"P COLORED TRUE",
"P VERTLINES TRUE",
"P HORZLINES TRUE",
"P MULTISELECT FALSE",
"P COLUMNSIZING TRUE",
],
data: [],
},
relrowDisabled: true,
};
},
methods: { ...Event },
created: function () {},
};
</script>
<style>
</style>