Commit e512b848 by hewei

新任务页面美化

parent 021e3bcf
......@@ -2,29 +2,54 @@
<c-row>
<!-- =================顶部====================== -->
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="22">
<c-col :span="24">
<el-form-item
label="托收业务编号"
prop="bodgrp.rec.ownref"
style="width: 100%"
label="托收业务编号"
prop="bodgrp.rec.ownref"
style="width: 100%"
>
<c-input
v-model="model.bodgrp.rec.ownref"
maxlength="16"
placeholder="请输入托收业务编号"
style="width: 95%"
disabled
></c-input>
<c-fullbox>
<c-input
v-model="model.bodgrp.rec.ownref"
maxlength="16"
placeholder="请输入托收业务编号"
style="width: 100%"
disabled
></c-input>
<template slot="footer">
<c-button
style="margin: 0 0 0 10px; padding: 0 12px"
size="small"
type="primary"
icon="el-icon-search"
></c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="2">
<c-button
style="margin: 0 10px 0 0; padding: 0 10px"
size="small"
type="primary"
icon="el-icon-search"
></c-button>
</c-col>
<!-- <c-col :span="22">-->
<!-- <el-form-item-->
<!-- label="托收业务编号"-->
<!-- prop="bodgrp.rec.ownref"-->
<!-- style="width: 100%"-->
<!-- >-->
<!-- <c-input-->
<!-- v-model="model.bodgrp.rec.ownref"-->
<!-- maxlength="16"-->
<!-- placeholder="请输入托收业务编号"-->
<!-- style="width: 95%"-->
<!-- disabled-->
<!-- ></c-input>-->
<!-- </el-form-item>-->
<!-- </c-col>-->
<!-- <c-col :span="2">-->
<!-- <c-button-->
<!-- style="margin: 0 10px 0 0; padding: 0 10px"-->
<!-- size="small"-->
<!-- type="primary"-->
<!-- icon="el-icon-search"-->
<!-- ></c-button>-->
<!-- </c-col>-->
</c-col>
<c-col :span="12" style="padding-left: 20px;">
<el-form-item label="简略信息" prop="bodgrp.rec.nam">
......
<template>
<c-row>
<!-- <c-row>-->
<div class="eibs">
<!-- ====================左边======================= -->
<c-col :span="12" :width="30">
<c-col :span="23">
<c-col :span="12" style="padding-right: 20px">
<c-col :span="24">
<el-form-item label="放单指示条款" style="padding-top:15px">
<c-fullbox>
<c-input type="textarea" v-model="model.bodgrp.blk.colins" maxlength="3250" :rows="3" show-word-limit
......@@ -28,7 +31,7 @@
</el-form-item>
</c-col>
<c-col :span="23">
<c-col :span="24">
<el-form-item label="汇票指示条款" style="padding-top:15px">
<c-fullbox>
<c-input type="textarea" v-model="model.bodgrp.blk.dftins" maxlength="390" :rows="5" show-word-limit
......@@ -44,7 +47,7 @@
</c-col>
<c-col :span="23">
<c-col :span="24">
<el-form-item label="拒绝证书指示条款" style="padding-top:15px">
<c-fullbox>
<c-input type="textarea" v-model="model.bodgrp.blk.proins" maxlength="130" :rows="2" show-word-limit
......@@ -61,7 +64,7 @@
</c-col>
<c-col :span="23">
<c-col :span="24">
<el-form-item label="其它指示条款" style="padding-top:15px">
<c-fullbox>
<c-input type="textarea" v-model="model.bodgrp.blk.othins" maxlength="390" :rows="5" show-word-limit
......@@ -78,7 +81,7 @@
</c-col>
<c-col :span="23">
<c-col :span="24">
<el-form-item label="仓储/保险指示条款" style="padding-top:15px">
<c-fullbox>
<c-input type="textarea" v-model="model.bodgrp.blk.delins" maxlength="130" :rows="2" show-word-limit
......@@ -100,7 +103,7 @@
<!-- ====================右边======================= -->
<c-col :span="12">
<c-col :span="12" style="padding-left: 20px">
<c-col :span="24" style="width:100%">
<el-form-item label="费用承担条款" prop="bodgrp.rec.chato" style="padding-top:15px">
<c-select v-model="model.bodgrp.rec.chato" style="width:100%" placeholder="请选择条款"
......@@ -158,17 +161,18 @@
<c-col :span="12">
<el-form-item label="面函提示" prop="bodgrp.cbs.opn1.cur" style="padding-top:15px">
<c-select disabled v-model="model.bodgrp.cbs.opn1.cur" style="width: %" placeholder="请选择Document Amount"
<c-select disabled v-model="model.bodgrp.cbs.opn1.cur" placeholder="请选择Document Amount" style="width: 100%"
:code="codes.cur">
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<c-input style="padding-top:15px" v-model="model.bodgrp.rec.lescom" placeholder="请输入Document Amount"></c-input>
<c-input style="padding-top:15px; margin: 0 0 0 5px" v-model="model.bodgrp.rec.lescom" placeholder="请输入Document Amount"></c-input>
</c-col>
</c-col>
</c-row>
<!-- </c-row>-->
</div>
</template>
<script>
import Api from "~/service/Api"
......
......@@ -21,19 +21,33 @@
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="22">
<el-form-item label="结算条款" prop="bodgrp.blk.setinsbo" label-width="180px">
<c-input type="textarea" :autosize="{ minRows: 6, maxRows: 8}"
v-model="model.bodgrp.blk.setinsbo" style="width:100%;margin-right:20px;"
maxlength="390" show-word-limit placeholder="请输入结算条款"
></c-input>
</el-form-item>
<el-form-item label="结算条款" prop="bodgrp.blk.setinsbo" label-width="180px">
<c-fullbox>
<c-input type="textarea" :autosize="{ minRows: 6, maxRows: 8}"
v-model="model.bodgrp.blk.setinsbo" style="width:100%"
maxlength="390" show-word-limit placeholder="请输入结算条款"
></c-input>
<template slot="footer">
<c-button size="small" type="primary" icon="el-icon-more"
style="margin: 0 0 0 10px"
@click="showGridPromptDialog('botp.setins.buttxmsel', null, null,{TXT: 'bodgrp.blk.setinsbo'}, {TXT: false},'doxpDialog')"></c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="2">
<c-button size="small" type="primary" icon="el-icon-more" @click="showGridPromptDialog('botp.setins.buttxmsel', null, null,{TXT: 'bodgrp.blk.setinsbo'}, {TXT: false},'doxpDialog')">
</c-button>
</c-col>
</c-col>
<!-- <c-col :span="22">-->
<!-- <el-form-item label="结算条款" prop="bodgrp.blk.setinsbo" label-width="180px">-->
<!-- <c-input type="textarea" :autosize="{ minRows: 6, maxRows: 8}" -->
<!-- v-model="model.bodgrp.blk.setinsbo" style="width:100%;margin-right:20px;" -->
<!-- maxlength="390" show-word-limit placeholder="请输入结算条款" -->
<!-- ></c-input>-->
<!-- </el-form-item>-->
<!-- </c-col>-->
<!-- <c-col :span="2">-->
<!-- <c-button size="small" type="primary" icon="el-icon-more" @click="showGridPromptDialog('botp.setins.buttxmsel', null, null,{TXT: 'bodgrp.blk.setinsbo'}, {TXT: false},'doxpDialog')">-->
<!-- </c-button>-->
<!-- </c-col> -->
<!-- </c-col>-->
<c-col :span="24">
<el-form-item label="赋予代理行的权力" prop="bodgrp.blk.agtaut" label-width="180px">
<c-input type="textarea" :autosize="{ minRows: 6, maxRows: 6}"
......
<template>
<c-row>
<!-- =================顶部====================== -->
<!-- <c-col :span="12" style="padding-right: 20px;">-->
<!-- <c-col :span="20">-->
<!-- <el-form-item-->
<!-- label="托收业务编号"-->
<!-- prop="bodgrp.rec.ownref"-->
<!-- style="width: 100%"-->
<!-- >-->
<!-- <c-input-->
<!-- v-model="model.bodgrp.rec.ownref"-->
<!-- maxlength="16"-->
<!-- placeholder="请输入托收业务编号"-->
<!-- style="width: 95%"-->
<!-- disabled-->
<!-- ></c-input>-->
<!-- </el-form-item>-->
<!-- </c-col>-->
<!-- <c-col :span="1">-->
<!-- <c-button-->
<!-- style="margin: 0 10px 0 0; padding: 0 10px"-->
<!-- size="small"-->
<!-- type="primary"-->
<!-- icon="el-icon-search"-->
<!-- ></c-button>-->
<!-- </c-col>-->
<!-- <c-col :span="3" style="text-align: right">-->
<!-- <c-button-->
<!-- style="margin: 0 0"-->
<!-- size="small"-->
<!-- type="primary"-->
<!-- :disabled="!this.flag && model.bodgrp.rec.ownref == ''? false:true"-->
<!-- >-->
<!-- 获取-->
<!-- </c-button>-->
<!-- </c-col>-->
<!-- </c-col>-->
<!-- <c-col :span="12" style="padding-left: 20px;">-->
<!-- <el-form-item label="简略信息" prop="bodgrp.rec.nam">-->
<!-- <c-input-->
<!-- v-model="model.bodgrp.rec.nam"-->
<!-- maxlength="40"-->
<!-- disabled-->
<!-- placeholder="请输入"-->
<!-- ></c-input>-->
<!-- </el-form-item>-->
<!-- </c-col>-->
<!-- ====================左边======================= -->
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="20">
<el-form-item
<c-col :span="24">
<el-form-item
label="托收业务编号"
prop="bodgrp.rec.ownref"
style="width: 100%"
>
>
<c-fullbox>
<c-input
v-model="model.bodgrp.rec.ownref"
maxlength="16"
placeholder="请输入托收业务编号"
style="width: 95%"
disabled
v-model="model.bodgrp.rec.ownref"
maxlength="16"
placeholder="请输入托收业务编号"
style="width: 100%"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="1">
<c-button
style="margin: 0 10px 0 0; padding: 0 10px"
size="small"
type="primary"
icon="el-icon-search"
></c-button>
</c-col>
<c-col :span="3" style="text-align: right">
<c-button
style="margin: 0 0"
size="small"
type="primary"
:disabled="!this.flag && model.bodgrp.rec.ownref == ''? false:true"
>
获取
</c-button>
</c-col>
</c-col>
<c-col :span="12" style="padding-left: 20px;">
<el-form-item label="简略信息" prop="bodgrp.rec.nam">
<c-input
v-model="model.bodgrp.rec.nam"
maxlength="40"
disabled
placeholder="请输入"
></c-input>
<template slot="footer">
<c-button
style="margin: 0 10px 0 10px; padding: 0 12px"
size="small"
type="primary"
icon="el-icon-search"
></c-button>
<c-button
style="margin: 0 0"
size="small"
type="primary"
:disabled="!this.flag && model.bodgrp.rec.ownref == ''? false:true"
>
获取
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<!-- ====================左边======================= -->
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="24">
<c-col :span="14">
<c-col :span="16">
<el-form-item
label="客户经理"
prop="botp.usr.extkey"
style="width: 100%"
>
<c-input
style="width: 95%"
v-model="model.botp.usr.extkey"
maxlength="8"
placeholder="请输入客户经理"
disabled
></c-input>
<c-fullbox>
<c-input
style="width: 100%"
v-model="model.botp.usr.extkey"
maxlength="8"
placeholder="请输入客户经理"
disabled
></c-input>
<template slot="footer">
<c-button
style="margin: 0 0 0 10px; padding: 0 12px"
size="small"
icon="el-icon-search"
type="primary"
></c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="2">
<c-button
style="margin: 0 10px 0 0; padding: 0 10px"
size="small"
icon="el-icon-search"
type="primary"
></c-button>
</c-col>
<!-- <c-col :span="2">-->
<!-- <c-button-->
<!-- style="margin: 0 10px 0 0; padding: 0 10px"-->
<!-- size="small"-->
<!-- icon="el-icon-search"-->
<!-- type="primary"-->
<!-- ></c-button>-->
<!-- </c-col>-->
<c-col :span="8">
<c-checkbox v-model="model.bodgrp.rec.dircolflg"
>是否直接托收</c-checkbox
......@@ -291,6 +334,16 @@
</c-col>
<!-- ====================右边======================= -->
<c-col :span="12" style="padding-left: 20px;">
<c-col :span="24">
<el-form-item label="简略信息" prop="bodgrp.rec.nam">
<c-input
v-model="model.bodgrp.rec.nam"
maxlength="40"
disabled
placeholder="请输入"
></c-input>
</el-form-item>
</c-col>
<c-ptap
:model="model"
:argadr="{
......
......@@ -3,27 +3,48 @@
<!-- =================顶部====================== -->
<c-col :span="24">
<c-col :span="12" style="padding-right:20px;">
<c-col :span="21">
<el-form-item label="托收业务编号" prop="bodgrp.rec.ownref">
<c-input
disabled
v-model="model.bodgrp.rec.ownref"
maxlength="16"
placeholder="请输入托收业务编号"
></c-input>
</el-form-item>
</c-col>
<c-col :span="3">
<el-form-item label="" label-width="20px">
<c-button
style="margin: 0 10px 0 0; padding: 0 12px"
size="small"
type="primary"
>
<i class="el-icon-info" style="font-size:15px"></i>
</c-button>
<c-col :span="24">
<el-form-item label="托收业务编号" prop="bodgrp.rec.ownref">
<c-fullbox>
<c-input
disabled
v-model="model.bodgrp.rec.ownref"
maxlength="16"
placeholder="请输入托收业务编号"
></c-input>
<template slot="footer">
<c-button
style="margin: 0 0 0 10px; padding: 0 12px"
size="small"
type="primary"
>
<i class="el-icon-info" style="font-size:15px"></i>
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<!-- <c-col :span="21">-->
<!-- <el-form-item label="托收业务编号" prop="bodgrp.rec.ownref">-->
<!-- <c-input-->
<!-- disabled-->
<!-- v-model="model.bodgrp.rec.ownref"-->
<!-- maxlength="16"-->
<!-- placeholder="请输入托收业务编号"-->
<!-- ></c-input>-->
<!-- </el-form-item>-->
<!-- </c-col>-->
<!-- <c-col :span="3">-->
<!-- <el-form-item label="" label-width="20px">-->
<!-- <c-button-->
<!-- style="margin: 0 10px 0 0; padding: 0 12px"-->
<!-- size="small"-->
<!-- type="primary"-->
<!-- >-->
<!-- <i class="el-icon-info" style="font-size:15px"></i>-->
<!-- </c-button>-->
<!-- </el-form-item>-->
<!-- </c-col>-->
</c-col>
<c-col :span="12" style="padding-left:20px;">
......
<template>
<div class="eibs-tab">
<div class="eibs">
<el-collapse v-model="activeNames" @change="handleChange">
<!--el-collapse-item title="备查表" name="addbcb1">
......
......@@ -19,18 +19,32 @@
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="22">
<el-form-item label="结算条款" prop="bodgrp.blk.setinsbo" label-width="180px">
<c-input type="textarea" :autosize="{ minRows: 6, maxRows: 8}" v-model="model.bodgrp.blk.setinsbo"
style="width:100%;margin-right:20px;" maxlength="400" show-word-limit
<el-form-item label="结算条款" prop="bodgrp.blk.setinsbo" label-width="180px">
<c-fullbox>
<c-input type="textarea" v-model="model.bodgrp.blk.setinsbo" :autosize="{ minRows: 6, maxRows: 8}"
style="width:100%" maxlength="400" show-word-limit
placeholder="请输入结算条款"></c-input>
</el-form-item>
</c-col>
<c-col :span="2">
<c-button size="small" type="primary" icon="el-icon-more"
@click="showGridPromptDialog('botp.setins.buttxmsel',null,null,{TXT:'bodgrp.blk.setinsbo'},{TXT:false},'doxpDialog')">
</c-button>
</c-col>
<template slot="footer">
<c-button size="small" type="primary" icon="el-icon-more" style="margin: 0 0 0 10px"
@click="showGridPromptDialog('botp.setins.buttxmsel',null,null,{TXT:'bodgrp.blk.setinsbo'},{TXT:false},'doxpDialog')">
</c-button>
</template>
</c-fullbox>
<!-- </el-form-item>-->
<!-- <c-col :span="22">-->
<!-- <el-form-item label="结算条款" prop="bodgrp.blk.setinsbo" label-width="180px">-->
<!-- <c-input type="textarea" :autosize="{ minRows: 6, maxRows: 8}" v-model="model.bodgrp.blk.setinsbo"-->
<!-- style="width:100%;margin-right:20px;" maxlength="400" show-word-limit-->
<!-- placeholder="请输入结算条款"></c-input>-->
<!-- </el-form-item>-->
<!-- </c-col>-->
<!-- <c-col :span="2">-->
<!-- <c-button size="small" type="primary" icon="el-icon-more"-->
<!-- @click="showGridPromptDialog('botp.setins.buttxmsel',null,null,{TXT:'bodgrp.blk.setinsbo'},{TXT:false},'doxpDialog')">-->
<!-- </c-button>-->
<!-- </c-col>-->
</el-form-item>
</c-col>
<c-col :span="24">
......
......@@ -54,6 +54,9 @@ export default {
},
methods: {
...Event,
handleChange(val) {
console.log(val);
}
},
created: function () {},
computed: {
......
......@@ -3,32 +3,57 @@
<!-- ==================左边================ -->
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="21">
<el-form-item label="托收业务编号" prop="bodgrp.rec.ownref" style="width: 100%">
<c-input v-model="model.bodgrp.rec.ownref" maxlength="16" placeholder="请输入托收业务编号" style="width: 95%"
disabled></c-input>
</el-form-item>
</c-col>
<c-col :span="3" style="text-align: right">
<c-button type="primary" :disabled="this.model.bodgrp.drr.pts.extkey !== '' && model.bedgrp.rec.ownref == ''? false:true" @click="onBotpButgetref">
获取
</c-button>
</c-col>
<c-col :span="24">
<el-form-item label="托收业务编号" prop="bodgrp.rec.ownref" style="width: 100%">
<c-fullbox>
<c-input v-model="model.bodgrp.rec.ownref" maxlength="16" placeholder="请输入托收业务编号" style="width: 100%"
disabled></c-input>
<template slot="footer">
<c-button type="primary" :disabled="this.model.bodgrp.drr.pts.extkey !== '' && model.bedgrp.rec.ownref == ''? false:true" @click="onBotpButgetref">
获取
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<!-- <c-col :span="21">-->
<!-- <el-form-item label="托收业务编号" prop="bodgrp.rec.ownref" style="width: 100%">-->
<!-- <c-input v-model="model.bodgrp.rec.ownref" maxlength="16" placeholder="请输入托收业务编号" style="width: 95%"-->
<!-- disabled></c-input>-->
<!-- </el-form-item>-->
<!-- </c-col>-->
<!-- <c-col :span="3" style="text-align: right">-->
<!-- <c-button type="primary" :disabled="this.model.bodgrp.drr.pts.extkey !== '' && model.bedgrp.rec.ownref == ''? false:true" @click="onBotpButgetref">-->
<!-- 获取-->
<!-- </c-button>-->
<!-- </c-col>-->
<c-col :span="24">
<c-col :span="14">
<el-form-item label="客户经理" prop="botp.usr.extkey" style="width: 100%">
<c-row>
<c-col :span="20">
<c-input style="width: 95%" v-model="model.botp.usr.extkey" maxlength="8" placeholder="请输入客户经理"
disabled></c-input>
</c-col>
<c-col :span="4">
<c-button style="margin:0 10px 0 0;padding: 0 10px;" size="small" icon="el-icon-search" type="primary">
</c-button>
</c-col>
</c-row>
</el-form-item>
<c-row>
<c-col :span="24">
<el-form-item label="客户经理" prop="botp.usr.extkey" style="width: 100%">
<c-fullbox>
<c-input style="width: 100%" v-model="model.botp.usr.extkey" maxlength="8" placeholder="请输入客户经理"
disabled></c-input>
<template slot="footer">
<c-button style="margin:0 10px 0 10px;padding: 0 12px;" size="small" icon="el-icon-search" type="primary">
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<!-- <c-col :span="20">-->
<!-- <c-input style="width: 95%" v-model="model.botp.usr.extkey" maxlength="8" placeholder="请输入客户经理"-->
<!-- disabled></c-input>-->
<!-- </c-col>-->
<!-- <c-col :span="4">-->
<!-- <c-button style="margin:0 10px 0 0;padding: 0 10px;" size="small" icon="el-icon-search" type="primary">-->
<!-- </c-button>-->
<!-- </c-col>-->
</c-row>
<!-- <el-form-item label="客户经理" prop="botp.usr.extkey" style="width: 100%">-->
<!-- </el-form-item>-->
</c-col>
<c-col :span="10">
<el-form-item label="" prop="bodgrp.rec.dircolflg">
......
<template>
<div class="eibs-tab">
<el-collapse v-model="activeNames" @change="handleChange">
<!--el-collapse-item title="备查表" name="addbcb1">
<m-addbcb1 :model="model" :codes="codes" />
</el-collapse-item-->
<el-collapse-item title="附言" name="coninfp">
<div class="eibs">
<el-collapse v-model="activeNames" @change="handleChange">
<!--el-collapse-item title="备查表" name="addbcb1">
<m-addbcb1 :model="model" :codes="codes" />
</el-collapse-item-->
<el-collapse-item title="附言" name="coninfp">
<m-coninfp :model="model" :codes="codes" />
</el-collapse-item>
</el-collapse-item>
</el-collapse>
</el-collapse>
</div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import Utils from "~/utils";
import Event from "~/model/Litcan/Event";
//import Addbcb1 from "~/views/Public/Addbcb1";
import Coninfp from "~/views/Public/Coninfp";
export default {
components: {
"m-coninfp": Coninfp,
//"m-addbcb1": Addbcb1,
},
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {
activeNames: ["coninfp"],
};
},
methods: {
...Event,
handleChange(val) {
console.log(val);
},
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import Utils from "~/utils";
import Event from "~/model/Litcan/Event";
//import Addbcb1 from "~/views/Public/Addbcb1";
import Coninfp from "~/views/Public/Coninfp";
export default {
components: {
"m-coninfp": Coninfp,
//"m-addbcb1": Addbcb1,
},
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {
activeNames: ["coninfp"],
};
},
methods: {
...Event,
handleChange(val) {
console.log(val);
},
created: function () {},
};
</script>
},
created: function () {},
};
</script>
<style>
</style>
\ No newline at end of file
<style>
</style>
\ No newline at end of file
......@@ -2,16 +2,29 @@
<div class="eibs">
<!-- ==================左边================ -->
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="22">
<el-form-item label="托收业务编号" prop="bodgrp.rec.ownref" style="width: 100%">
<c-input v-model="model.bodgrp.rec.ownref" maxlength="16" placeholder="请输入托收业务编号" style="width: 95%"
disabled></c-input>
</el-form-item>
</c-col>
<c-col :span="2">
<c-button style="margin:0 10px 0 0;padding: 0 10px;" size="small" type="primary" icon="el-icon-search">
</c-button>
</c-col>
<c-col :span="24">
<el-form-item label="托收业务编号" prop="bodgrp.rec.ownref" style="width: 100%">
<c-fullbox>
<c-input v-model="model.bodgrp.rec.ownref" maxlength="16" placeholder="请输入托收业务编号" style="width: 100%"
disabled></c-input>
<template slot="footer">
<c-button style="margin:0 0 0 10px;padding: 0 12px;" size="small" type="primary" icon="el-icon-search">
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<!-- <c-col :span="22">-->
<!-- <el-form-item label="托收业务编号" prop="bodgrp.rec.ownref" style="width: 100%">-->
<!-- <c-input v-model="model.bodgrp.rec.ownref" maxlength="16" placeholder="请输入托收业务编号" style="width: 95%"-->
<!-- disabled></c-input>-->
<!-- </el-form-item>-->
<!-- </c-col>-->
<!-- <c-col :span="2">-->
<!-- <c-button style="margin:0 10px 0 0;padding: 0 10px;" size="small" type="primary" icon="el-icon-search">-->
<!-- </c-button>-->
<!-- </c-col>-->
<c-col :span="12">
<el-form-item label="托收金额" prop="bodgrp.cbs.max.cur">
<c-select disabled v-model="model.bodgrp.cbs.max.cur" style="width: 100%" placeholder="请选择币种">
......
......@@ -153,7 +153,7 @@
</c-col>
<c-col :span="12">
<el-form-item label="" prop="bodgrp.rec.lescom" label-width="5px">
<c-input style="padding-top:15px" v-model="model.bodgrp.rec.lescom" placeholder="请输入托收金额" disabled></c-input>
<c-input style="padding-top:15px; margin: 0 0 0 5px" v-model="model.bodgrp.rec.lescom" placeholder="请输入托收金额" disabled></c-input>
</el-form-item>
</c-col>
</c-col>
......
......@@ -42,6 +42,9 @@ export default {
},
methods: {
...Event,
handleChange(val) {
console.log(val);
}
},
created: function () {},
computed: {
......
......@@ -3,15 +3,26 @@
<!-- ==================左边================ -->
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="21">
<el-form-item label="托收业务编号" prop="bodgrp.rec.ownref" style="width: 100%">
<c-input v-model="model.bodgrp.rec.ownref" maxlength="16" placeholder="请输入托收业务编号"
disabled></c-input>
</el-form-item>
</c-col>
<c-col :span="3">
<c-button style="float:right;" size="small" type="primary" icon="el-icon-search"></c-button>
</c-col>
<c-col :span="24">
<el-form-item label="托收业务编号" prop="bodgrp.rec.ownref" style="width: 100%">
<c-fullbox>
<c-input v-model="model.bodgrp.rec.ownref" maxlength="16" placeholder="请输入托收业务编号"
disabled></c-input>
<template slot="footer">
<c-button style="float:right;" size="small" type="primary" icon="el-icon-search"></c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<!-- <c-col :span="21">-->
<!-- <el-form-item label="托收业务编号" prop="bodgrp.rec.ownref" style="width: 100%">-->
<!-- <c-input v-model="model.bodgrp.rec.ownref" maxlength="16" placeholder="请输入托收业务编号" -->
<!-- disabled></c-input>-->
<!-- </el-form-item>-->
<!-- </c-col>-->
<!-- <c-col :span="3">-->
<!-- -->
<!-- </c-col>-->
<c-col :span="12">
<el-form-item label="托收金额" prop="bodgrp.cbs.max.cur">
......
......@@ -36,6 +36,9 @@ export default {
},
methods: {
...Event,
handleChange(val) {
console.log(val);
}
},
created: function () {},
computed: {
......
......@@ -151,7 +151,7 @@
<c-col :span="12">
<el-form-item label="面函提示" prop="bodgrp.cbs.opn1.cur" style="padding-top:15px">
<c-select disabled v-model="model.bodgrp.cbs.opn1.cur" style="width: %" placeholder="请选择"
<c-select disabled v-model="model.bodgrp.cbs.opn1.cur" style="width: 100%" placeholder="请选择"
:code="codes.cur">
</c-select>
......@@ -159,7 +159,7 @@
</c-col>
<c-col :span="12">
<el-form-item label="" prop="bodgrp.rec.lescom" label-width="5px">
<c-input style="padding-top:15px" disabled v-model="model.bodgrp.rec.lescom" placeholder="请输入"></c-input>
<c-input style="padding-top:15px; margin: 0 0 0 5px" disabled v-model="model.bodgrp.rec.lescom" placeholder="请输入"></c-input>
</el-form-item>
</c-col>
......
......@@ -48,6 +48,9 @@
},
methods: {
...Event,
handleChange(val) {
console.log(val);
}
},
created: function () {},
computed: {
......
<template>
<div class="eibs">
<!-- ==================左边================ -->
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="24">
<c-col :span="22">
<el-form-item
label="托收业务编号"
prop="bodgrp.rec.ownref"
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="24">
<el-form-item
label="托收业务编号"
prop="bodgrp.rec.ownref"
style="width: 100%"
>
<c-fullbox>
<c-input
v-model="model.bodgrp.rec.ownref"
maxlength="16"
placeholder="请输入托收业务编号"
style="width: 100%"
>
<c-input
v-model="model.bodgrp.rec.ownref"
maxlength="16"
placeholder="请输入托收业务编号"
style="width: 95%"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="2">
disabled
></c-input>
<template slot="footer">
<c-button
style="float:right"
size="small"
type="primary"
icon="el-icon-search"
style="float:right"
size="small"
type="primary"
icon="el-icon-search"
></c-button>
</c-col>
</c-col>
</template>
</c-fullbox>
</el-form-item>
<!-- <c-col :span="22">-->
<!-- <el-form-item-->
<!-- label="托收业务编号"-->
<!-- prop="bodgrp.rec.ownref"-->
<!-- style="width: 100%"-->
<!-- >-->
<!-- <c-input-->
<!-- v-model="model.bodgrp.rec.ownref"-->
<!-- maxlength="16"-->
<!-- placeholder="请输入托收业务编号"-->
<!-- style="width: 95%"-->
<!-- disabled-->
<!-- ></c-input>-->
<!-- </el-form-item>-->
<!-- </c-col>-->
<!-- <c-col :span="2">-->
<!-- <c-button-->
<!-- style="float:right"-->
<!-- size="small"-->
<!-- type="primary"-->
<!-- icon="el-icon-search"-->
<!-- ></c-button>-->
<!-- </c-col>-->
</c-col>
<c-col :span="12">
<el-form-item label="托收金额" prop="bodgrp.cbs.max.cur">
<c-select
disabled
v-model="model.bodgrp.cbs.max.cur"
style="width: 100%"
placeholder="请选择币种"
>
<el-option
v-for="item in codes.cur"
: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="bodgrp.cbs.max.amt"
<c-col :span="12">
<el-form-item label="托收金额" prop="bodgrp.cbs.max.cur">
<c-select
disabled
v-model="model.bodgrp.cbs.max.cur"
style="width: 100%"
placeholder="请选择币种"
>
<el-option
v-for="item in codes.cur"
:key="item.value"
:label="item.label"
:value="item.value"
>
<c-input-currency
disabled
v-model="model.bodgrp.cbs.max.amt"
style="text-align: left; width: 100%"
placeholder="请输入托收金额"
@keyup.enter.native="
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item
style="text-align: left"
label-width="5px"
prop="bodgrp.cbs.max.amt"
>
<c-input-currency
disabled
v-model="model.bodgrp.cbs.max.amt"
style="text-align: left; width: 100%"
placeholder="请输入托收金额"
@keyup.enter.native="
defaultFunction('bodgrp.cbs.max.amt', model.bodgrp.cbs.max.amt)
"
></c-input-currency>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="托收余额" prop="bodgrp.cbs.opn1.cur">
<c-select
disabled
v-model="model.bodgrp.cbs.opn1.cur"
style="width: 100%"
placeholder="请选择币种"
>
<el-option
v-for="item in codes.cur"
: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="bodgrp.cbs.opn1.amt"
></c-input-currency>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="托收余额" prop="bodgrp.cbs.opn1.cur">
<c-select
disabled
v-model="model.bodgrp.cbs.opn1.cur"
style="width: 100%"
placeholder="请选择币种"
>
<el-option
v-for="item in codes.cur"
:key="item.value"
:label="item.label"
:value="item.value"
>
<c-input-currency
disabled
v-model="model.bodgrp.cbs.opn1.amt"
style="text-align: left; width: 100%"
placeholder="请输入仓储/保险"
@keyup.enter.native="
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item
style="text-align: left"
label-width="5px"
prop="bodgrp.cbs.opn1.amt"
>
<c-input-currency
disabled
v-model="model.bodgrp.cbs.opn1.amt"
style="text-align: left; width: 100%"
placeholder="请输入仓储/保险"
@keyup.enter.native="
defaultFunction(
'bodgrp.cbs.opn1.amt',
model.bodgrp.cbs.opn1.amt
)
"
></c-input-currency>
</el-form-item>
</c-col>
></c-input-currency>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item
label="交单条件"
prop="bodgrp.rec.doctypcod"
<c-col :span="24">
<el-form-item
label="交单条件"
prop="bodgrp.rec.doctypcod"
>
<c-select
disabled
v-model="model.bodgrp.rec.doctypcod"
style="width: 100%"
placeholder="请选择交单条件"
>
<el-option
v-for="item in codes.doctypcod"
:key="item.value"
:label="item.label"
:value="item.value"
>
<c-select
disabled
v-model="model.bodgrp.rec.doctypcod"
style="width: 100%"
placeholder="请选择交单条件"
>
<el-option
v-for="item in codes.doctypcod"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="单据状态" prop="bodgrp.rec.docsta">
<c-select
disabled
v-model="model.bodgrp.rec.docsta"
style="width: 100%"
placeholder="请输入单据状态"
:code="codes.docstabot"
></c-select>
</el-form-item>
</c-col>
<c-col :span="18">
<el-form-item label="单据期限" prop="bodgrp.rec.matdat">
<c-date-picker
type="date"
disabled
v-model="model.bodgrp.rec.matdat"
style="width: 100%"
placeholder="请选择单据到期日"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="6">
<el-form-item label="" label-width="5px">
<c-input
disabled
v-model="model.bodgrp.rec.matpercnt"
placeholder="请输入单据期限"
></c-input>
</el-form-item>
</c-col>
<c-col :span="1">
<el-form-item label="天" label-width="5px"> </el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label=" " prop="bodgrp.rec.matperbeg">
<c-select
disabled
v-model="model.bodgrp.rec.matperbeg"
style="width: 100%"
placeholder="请选择"
>
<el-option
v-for="item in codes.matperbeg"
: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 label="收单日期" prop="bodgrp.rec.rcvdat">
<c-date-picker
type="date"
disabled
v-model="model.bodgrp.rec.rcvdat"
style="width: 100%"
placeholder="请选择收单日期"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="寄单日期" prop="bodgrp.rec.predat">
<c-date-picker
type="date"
disabled
v-model="model.bodgrp.rec.predat"
style="width: 100%"
placeholder="请选择寄单日期"
></c-date-picker>
</el-form-item>
</c-col>
</c-col>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="单据状态" prop="bodgrp.rec.docsta">
<c-select
disabled
v-model="model.bodgrp.rec.docsta"
style="width: 100%"
placeholder="请输入单据状态"
:code="codes.docstabot"
></c-select>
</el-form-item>
</c-col>
<c-col :span="18">
<el-form-item label="单据期限" prop="bodgrp.rec.matdat">
<c-date-picker
type="date"
disabled
v-model="model.bodgrp.rec.matdat"
style="width: 100%"
placeholder="请选择单据到期日"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="6">
<el-form-item label="" label-width="5px">
<c-input
disabled
v-model="model.bodgrp.rec.matpercnt"
placeholder="请输入单据期限"
></c-input>
</el-form-item>
</c-col>
<c-col :span="1">
<el-form-item label="天" label-width="5px"> </el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label=" " prop="bodgrp.rec.matperbeg">
<c-select
disabled
v-model="model.bodgrp.rec.matperbeg"
style="width: 100%"
placeholder="请选择"
>
<el-option
v-for="item in codes.matperbeg"
: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 label="收单日期" prop="bodgrp.rec.rcvdat">
<c-date-picker
type="date"
disabled
v-model="model.bodgrp.rec.rcvdat"
style="width: 100%"
placeholder="请选择收单日期"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="寄单日期" prop="bodgrp.rec.predat">
<c-date-picker
type="date"
disabled
v-model="model.bodgrp.rec.predat"
style="width: 100%"
placeholder="请选择寄单日期"
></c-date-picker>
</el-form-item>
</c-col>
</c-col>
<!-- ============右边================= -->
<c-col :span="12" style="padding-left: 20px;">
<c-col :span="24">
<el-form-item label="简略信息" prop="bodgrp.rec.nam">
<c-input
align="middle"
v-model="model.bodgrp.rec.nam"
maxlength="40"
disabled
placeholder="请输入"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12" style="padding-left: 20px;">
<c-col :span="24">
<el-form-item label="简略信息" prop="bodgrp.rec.nam">
<c-input
align="middle"
v-model="model.bodgrp.rec.nam"
maxlength="40"
disabled
placeholder="请输入"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="收款人参考号" prop="bodgrp.drr.pts.ref">
<c-input
disabled
v-model="model.bodgrp.drr.pts.ref"
maxlength="16"
placeholder="请输入收款人参考号"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="" prop="bodgrp.drr.pts.nam">
<c-input
disabled
v-model="model.bodgrp.drr.pts.nam"
maxlength="40"
placeholder="请输入收款人名称"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="代收行参考号" prop="bodgrp.col.pts.ref">
<c-input
disabled
v-model="model.bodgrp.col.pts.ref"
maxlength="16"
placeholder="请输入代收行参考号"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="收款人参考号" prop="bodgrp.drr.pts.ref">
<c-input
disabled
v-model="model.bodgrp.drr.pts.ref"
maxlength="16"
placeholder="请输入收款人参考号"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="" prop="bodgrp.drr.pts.nam">
<c-input
disabled
v-model="model.bodgrp.drr.pts.nam"
maxlength="40"
placeholder="请输入收款人名称"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="代收行参考号" prop="bodgrp.col.pts.ref">
<c-input
disabled
v-model="model.bodgrp.col.pts.ref"
maxlength="16"
placeholder="请输入代收行参考号"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="" prop="bodgrp.col.pts.nam">
<c-input
disabled
v-model="model.bodgrp.col.pts.nam"
maxlength="40"
placeholder="请输入代收行名称"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="付款人参考号" prop="bodgrp.dre.pts.ref">
<c-input
disabled
v-model="model.bodgrp.dre.pts.ref"
maxlength="16"
placeholder="请输入付款人参考号"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="" prop="bodgrp.dre.pts.nam">
<c-input
disabled
v-model="model.bodgrp.dre.pts.nam"
maxlength="40"
placeholder="请输入付款人名称"
></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<el-form-item label="" prop="bodgrp.col.pts.nam">
<c-input
disabled
v-model="model.bodgrp.col.pts.nam"
maxlength="40"
placeholder="请输入代收行名称"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="付款人参考号" prop="bodgrp.dre.pts.ref">
<c-input
disabled
v-model="model.bodgrp.dre.pts.ref"
maxlength="16"
placeholder="请输入付款人参考号"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="" prop="bodgrp.dre.pts.nam">
<c-input
disabled
v-model="model.bodgrp.dre.pts.nam"
maxlength="40"
placeholder="请输入付款人名称"
></c-input>
</el-form-item>
</c-col>
</c-col>
<!-- next part -->
<c-col :span="24" style="margin-bottom: 35px">
......@@ -380,13 +403,15 @@
<c-col :span="24">
<c-table :data="model.bptbck.bptbckg" style="width: 100%">
<el-table-column prop="ownref" label="托收业务编号" width="389px">
</el-table-column>
<el-table-column prop="opncur" label="币种" width="389px">
<c-col :span="6">
<el-table-column prop="ownref" label="托收业务编号">
</el-table-column>
</c-col>
<el-table-column prop="opncur" label="币种">
</el-table-column>
<el-table-column prop="opnamt" label="托收余额" width="389px">
<el-table-column prop="opnamt" label="托收余额">
</el-table-column>
<el-table-column prop="bckamt" label="已付数额" width="389px">
<el-table-column prop="bckamt" label="已付数额">
</el-table-column>
</c-table>
</c-col>
......@@ -407,16 +432,16 @@ export default {
flag1: true,
stmData: {
columns: [
'1 1 "类型" 250',
'2 2 "Dbt" 250',
'3 3 "Cdt" 250',
'4 4 "币种" 250',
'5 5 "金额" 250 2 8 1 4',
//'6 6 "Mat.Dat." 250 4 7 1',
'1 1 "类型" 500',
'2 2 "Dbt" 500',
'3 3 "Cdt" 500',
'4 4 "币种" 500',
'5 5 "金额" 500 2 8 1 4',
// '6 6 "Mat.Dat." 500 4 7 1',
{
index: 6,
position: 6,
width: 250,
width: 500,
render: (item, scope) => {
return scope.row[item.prop] === "null"
? ""
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment