<!-- 保证金公共页面 -->
<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="24">
<c-col :span="12">
<el-form-item label="合同金额" prop="liaall.liaccv.concur">
<c-row>
<!-- <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=""
>
<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="16">
<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="应收比例" prop="liaall.liaccv.cshpct">
<c-row>
<c-col :span="22">
<c-input v-model="model.liaall.liaccv.cshpct"></c-input>
</c-col>
<c-col :span="1" style="float: right; text-align: right">
<span>%</span>
</c-col>
</c-row>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<c-col :span="12">
<el-form-item label="保留金额" prop="liaall.liaccv.newresamt">
<c-row>
<c-col :span="8">
<c-select
v-model="model.liaall.liaccv.concur"
disabled
style="width: 95%"
placeholder=""
>
<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="16">
<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="实收比例" prop="liaall.liaccv.relcshpct">
<c-row>
<c-col :span="22">
<c-input
:readonly="true"
v-model="model.liaall.liaccv.relcshpct"
></c-input>
</c-col>
<c-col :span="1" style="float: right; text-align: right">
<span>%</span>
</c-col>
</c-row>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<c-col :span="12">
<el-form-item label="应付金额" prop="liaall.liaccv.concur">
<c-row>
<!-- <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=""
>
<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="16">
<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-col :span="20">
</c-col> -->
<el-form-item
label=""
style="text-align: left"
prop="liaall.liaccv.gleflg"
>
<c-col :span="7" class="">
<el-form-item label="" prop="liaall.liaccv.gleflg" class="checkbox-left" label-width="0px">
<c-checkbox v-model="model.liaall.liaccv.gleflg">过账</c-checkbox>
</el-form-item>
</c-col>
<!-- <c-col :span="3" style="float: right;"> -->
<!-- <c-row> -->
<!-- <c-col :span="24" style="margin-left:35px;text-align:right"> -->
<c-button
size="small"
type="primary"
@click="onLiaccvAdd"
style="margin-left: 0px;float: right;"
>
添加
</c-button>
<!-- </c-col> -->
<!-- </c-col> -->
</el-form-item>
</c-col>
</c-col>
<template>
<el-dialog :visible.sync="dialogTableVisible" width="60%" center>
<c-istream-table
:list="stmData.data"
:columns="stmData.columns"
:paginationShow="true"
:total="stmData.data.length"
:tableData="stmData.data"
>
<el-table-column prop="op" label="OP" width="80" fixed="right">
<template slot-scope="scope">
<c-button
style="margin-left: 0"
size="small"
type="primary"
@click="pickDepItem(scope.$index, scope.row)"
>
选择
</c-button>
</template>
</el-table-column>
</c-istream-table>
</el-dialog>
</template>
<c-col :span="24">
<c-table
:border="true"
:list="model.liaall.liaccv.liaccvg"
:total="model.liaall.liaccv.liaccvg.length"
style="width:100%,text-align:center"
>
<el-table-column prop="ccdflg" label="调整标识" width="70px">
</el-table-column>
<el-table-column prop="ownref" label="保证金编号" width="180px">
</el-table-column>
<el-table-column prop="cur" label="币种" width="70px">
</el-table-column>
<el-table-column prop="oldamt" label="余额" width="110px">
<!-- <template slot-scope="scope">
<c-input-currency
v-model="scope.row.oldamt"
placeholder="0.00"
></c-input-currency>
</template>-->
</el-table-column>
<el-table-column prop="amt" label="变动金额" width="110px">
<!-- <template slot-scope="scope">
<c-input-currency
v-model="scope.row.amt"
placeholder="0.00"
></c-input-currency>
</template> -->
</el-table-column>
<el-table-column prop="acc" label="保证金账号" width="180px">
</el-table-column>
<el-table-column prop="rat" label="汇率" width="150px">
</el-table-column>
<el-table-column prop="concur" label="币种" width="70px">
</el-table-column>
<el-table-column prop="covamt" label="折算后金额" width="110px">
<!-- <template slot-scope="scope">
<c-input-currency
v-model="scope.row.covamt"
placeholder="0.00"
></c-input-currency>
</template>-->
</el-table-column>
<el-table-column prop="acccovamt" label="实际折算金额" width="150px">
<!-- <template slot-scope="scope">
<c-input-currency
v-model="scope.row.acccovamt"
placeholder="0.00"
></c-input-currency>
</template> -->
</el-table-column>
<el-table-column label="操作" width="auto" fixed="right" align="center">
<template slot-scope="scope">
<c-button
style="margin-left: 0"
type="primary"
size="small"
@click="onLiaccvDel(scope.$index, scope.row)"
>
删除</c-button
>
</template>
</el-table-column>
</c-table>
</c-col>
<c-col :span="12" style="margin-top: 25px">
<c-col :span="24">
<el-form-item label="折算金额总和">
<c-row>
<c-col :span="8">
<c-select
v-model="model.liaall.liaccv.concur"
disabled
style="width: 95%"
placeholder=""
>
<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="16">
<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">
<el-form-item label="附加信息 " v-if="model.liaall.liaccv.addinf != ''">
<c-input
type="textarea"
:rows="5"
v-model="model.liaall.liaccv.addinf"
maxlength="200"
show-word-limit
placeholder="请输入附加信息"
></c-input>
</el-form-item>
</c-col>
</c-col>
</div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Utils from "~/utils/index";
export default {
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {
dialogTableVisible: false,
stmData: {
columns: [
'1 1:1 "编号" 150',
'2 2:1 "用户" 80',
'3 3:1 "申请人" 100',
'4 4:1 "账户" 200',
'5 5:1 "币种" 200',
'6 6:1 "金额" 100 2 0 1 18.3',
'7 7:1 "开立日期" 80 4 7',
'8 8:1 "标志" 150',
'9 9:1 "备注" 250',
"P COLORED TRUE",
"P VERTLINES TRUE",
"P HORZLINES TRUE",
"P MULTISELECT FALSE",
"P COLUMNSIZING TRUE",
],
data: [],
},
relrowDisabled: true,
};
},
methods: {
async onLiaccvAdd() {
let rtnmsg = await this.executeRule("liaall.liaccv.add");
//const that = this.root;
if (rtnmsg.respCode == SUCCESS) {
//TODO 处理数据逻辑
if (typeof rtnmsg.data.vals != "undefined") {
this.stmData.data = rtnmsg.data.vals.rows;
} else {
this.stmData.data = [];
}
this.dialogTableVisible = true;
} else {
this.$notify.error({ title: "错误", message: "服务请求失败！" });
}
},
async pickDepItem(idx, row) {
var params = { selDst: "", selIds: [idx + 1] };
let rtnmsg = await this.executeRule("liaall.liaccv.add", params);
if (rtnmsg.respCode == SUCCESS) {
this.dialogTableVisible = false;
Utils.copyValueFromVO(this.model, rtnmsg.data);
}
},
async onLiaccvDel(index, row) {
let ids = [index + 1];
let params = { selDst: "liaall.liaccv.liaccvg", selIds: ids };
let rtnmsg = await this.executeRule("liaall.liaccv.del", params);
if (rtnmsg.respCode == SUCCESS) {
//TODO 处理数据逻辑
this.$message({
type: "success",
message: "删除成功！",
});
//this.model.liaall.liaccv.liaccvg = [];
Utils.copyValueFromVO(this.model, rtnmsg.data);
} else {
this.$notify.error({ title: "错误", message: "服务请求失败！" });
}
},
},
created: function () {},
};
</script>
<style>
</style>