<template>
<div class="eibs-tab">
<!-- ====================左边======================= -->
<c-col :span="11">
<c-col :span="24">
<el-form-item label="光票托收编号" prop="ccdgrp.rec.ownref">
<c-fullbox>
<c-input
v-model="model.ccdgrp.rec.ownref"
maxlength="8"
placeholder="请输入光票托收编号"
disabled
></c-input>
<template slot="footer">
<c-button size="small" type="primary" disabled>
<i class="el-icon-info"></i>
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="光票托收币种金额" prop="ccdgrp.cbs.max.cur">
<c-select
v-model="model.ccdgrp.cbs.max.cur"
style="width: 100%"
placeholder="请选择光票托收币种"
disabled
>
<el-option
v-for="item in codes.curtxt1"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item
style="text-align: left"
label-width="20px"
prop="ccdgrp.cbs.max.amt"
>
<c-input-currency
v-model="model.ccdgrp.cbs.max.amt"
style="text-align: left; width: 100%"
placeholder="请输入光票托收金额"
@keyup.enter.native="
defaultFunction('ccdgrp.cbs.max.amt', model.ccdgrp.cbs.max.amt)
"
disabled
></c-input-currency>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="光票托收币种余额" prop="ccdgrp.cbs.opn1.cur">
<c-select
disabled
v-model="model.ccdgrp.cbs.opn1.cur"
style="width: 100%"
placeholder="请选择光票托收币种"
>
<el-option
v-for="item in codes.curtxt1"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item
style="text-align: left"
label-width="20px"
prop="ccdgrp.cbs.opn1.amt"
>
<c-input-currency
v-model="model.ccdgrp.cbs.opn1.amt"
style="text-align: left; width: 100%"
placeholder="请输入光票托收余额"
@keyup.enter.native="
defaultFunction('ccdgrp.cbs.opn1.amt', model.ccdgrp.cbs.opn1.amt)
"
disabled
></c-input-currency>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="出票日期" prop="ccdgrp.rec.chkdat">
<c-date-picker
type="date"
v-model="model.ccdgrp.rec.chkdat"
style="width: 100%"
placeholder="请选择出票日期"
disabled
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="光票托收形式" prop="ccdgrp.rec.ccform">
<c-select
v-model="model.ccdgrp.rec.ccform"
style="width: 100%"
placeholder="请选择光票托收形式"
:code="codes.ccform"
disabled
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="付款方式 " prop="ccdgrp.rec.purflg">
<c-select
v-model="model.ccdgrp.rec.purflg"
style="width: 100%"
placeholder="请选择付款方式 "
:code="codes.purflg"
disabled
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24" style="height: 24px; margin-top: 20px">
<el-form-item label="结算期限:" class="messageLabel"></el-form-item>
</c-col>
<c-col :span="24" style="margin-bottom: 35px">
<el-form-item label-width="0" prop="liaall.tenstm">
<c-istream-table
label="结算期限"
ref="table"
:list="model.liaall.tenstm.rows || []"
:columns="stmData.columns"
:showSelection="true"
v-on:multipleSelect="multipleSelect"
prop="liaall.tenstm"
>
</c-istream-table>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="收汇金额" prop="setmod.doccur">
<c-select
disabled
v-model="model.setmod.doccur"
style="width: 100%"
placeholder="请选择收汇金额"
>
<el-option
v-for="item in codes.curtxt1"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item
style="text-align: left"
label-width="20px"
prop="setmod.docamt"
>
<c-input-currency
v-model="model.setmod.docamt"
style="text-align: left; width: 100%"
placeholder="请输入"
></c-input-currency>
</el-form-item>
</c-col>
</c-col>
<!-- ====================右边======================= -->
<c-col :span="11" :offset="1">
<c-col :span="24">
<el-form-item label="业务名称" prop="ccdgrp.rec.nam">
<c-input
v-model="model.ccdgrp.rec.nam"
maxlength="40"
placeholder="请输入业务名称"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="汇票提交人" prop="ccdgrp.pre.pts.ref">
<c-input
v-model="model.ccdgrp.pre.pts.ref"
maxlength="40"
placeholder="请输入汇票提交人"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="" prop="ccdgrp.pre.pts.nam">
<c-input
v-model="model.ccdgrp.pre.pts.nam"
maxlength="40"
placeholder="请输入"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="承兑汇票银行" prop="ccdgrp.dro.pts.ref">
<c-input
v-model="model.ccdgrp.dro.pts.ref"
maxlength="40"
placeholder="请输入承兑汇票银行"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="" prop="ccdgrp.dro.pts.nam">
<c-input
v-model="model.ccdgrp.dro.pts.nam"
maxlength="40"
placeholder="请输入"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="代收行参考号" prop="ccdgrp.col.pts.ref">
<c-input
v-model="model.ccdgrp.col.pts.ref"
maxlength="40"
placeholder="请输入代收行参考号"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="" prop="ccdgrp.col.pts.nam">
<c-input
v-model="model.ccdgrp.col.pts.nam"
maxlength="40"
placeholder="请输入"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="" prop="ccdgrp.rec.frepayflg">
<c-checkbox v-model="model.ccdgrp.rec.frepayflg"
@click="frepayFlagChange"
>无偿放单选项</c-checkbox
>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="票据金额" prop="setmod.doccur">
<c-select
disabled
v-model="model.setmod.doccur"
style="width: 100%"
placeholder="请选择Currency"
>
<el-option
v-for="item in codes.curtxt1"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item
style="text-align: left"
label-width="5px"
prop="setmod.redamt"
>
<c-input-currency
:disabled="model.ccdgrp.rec.frepayflg == 'X'"
v-model="model.setmod.redamt"
style="text-align: left; width: 100%"
placeholder="请输入票据金额"
></c-input-currency>
</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 Event from "~/model/Cctset/Event";
export default {
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {
stmData: {
columns: [
'1 1 "类型" 80',
'2 2 "Dbt" 80',
'3 3 "Cdt" 80',
'4 4 "币种" 80',
'5 5 "金额" 110 2 8 1 4',
{
index: 6,
position: 6,
width: 110,
render: (item, scope) => {
return scope.row[item.prop] === "null"
? ""
: scope.row[item.prop];
},
label: "Mat.Dat.",
},
],
data: [],
},
};
},
methods: {
...Event,
async frepayFlagChange(){
let rtnmsg = await this.executeDefault("setmod.redamt");
if (rtnmsg.respCode == SUCCESS) {
Utils.copyValueFromVO(this.model, rtnmsg.data);
}
},
async multipleSelect(selection) {
if (selection.length > 1) {
this.$notify({
title: "错误",
message: "您不能选择多个期限",
type: "error",
});
} else {
let chkIds;
if (selection.length === 0) {
chkIds = [];
this.model.liaall.tensetstm.rows = [];
this.model.setmod.docamt = "0.00";
} else {
chkIds = [selection[0] + 1];
this.model.setmod.docamt = this.model.ccdgrp.cbs.max.amt;
}
console.log(this.model.liaall.tensetstm);
let params = { chkDst: "liaall.tenstm", chkIds };
console.log(params);
const rtnmsg = await this.executeRule("liaall.tenstm", params);
console.log(rtnmsg);
if (rtnmsg.respCode == SUCCESS) {
this.updateModel(rtnmsg.data);
} else {
this.$notify.error({ title: "错误", message: "服务请求失败！" });
}
}
},
},
created: function () {},
};
</script>
<style>
</style>