Skip to content

V
vue-gjjs
Commit fb80ee62 by huangxin
Options

botdav的UI改造

parent 733ce271
Showing with 663 additions and 440 deletions
src/views/Business/Botdav/Addbcb.vue 0 → 100644
<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">
<m-coninfp :model="model" :codes="codes" />
</el-collapse-item>
</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);
},
},
created: function () {},
};
</script>
<style>
</style>
\ No newline at end of file
src/views/Business/Botdav/Cnyp.vue
<template>
<div class="eibs-tab">
<c-col :span="12">
<c-col :span="24">
<el-form-item label="是否报送跨境人民币2101表" label-width="30%" prop="cnybop.cnyflg">
<c-select v-model="model.cnybop.cnyflg" style="width:100%" placeholder="请选择是否报送跨境人民币2101表"
:code="codes.cnyflg" :disabled="true">
</c-select>
</el-form-item>
</c-col>
<div class="eibs-tab">
<el-collapse v-model="activeNames" @change="handleChange">
<c-col :span="24">
<el-form-item label="是否报送跨境人民币2107表" label-width="30%" prop="cnybop.traflg">
<c-select v-model="model.cnybop.traflg" style="width:100%" placeholder="请选择是否报送跨境人民币2107表"
:code="codes.traflg" :disabled="true">
</c-select>
</el-form-item>
</c-col>
<el-collapse-item title="跨境人民币申报" name="cnyp1">
<m-cnyp1 :model="model" :codes="codes" />
</el-collapse-item>
<c-col :span="24">
<el-form-item label="是否报送跨境人民币2111表" label-width="30%" prop="cnybop.outflg">
<c-select v-model="model.cnybop.outflg" style="width:100%" placeholder="请选择是否报送跨境人民币2111表"
:code="codes.outflg" :disabled="true">
</c-select>
</el-form-item>
</c-col>
<el-collapse-item title="2106银行跟单结算及表外记账融资" name="libp" v-if="model.cnybop.libflg ==='1'">
<m-libp :model="model" :codes="codes" />
</el-collapse-item>
<c-col :span="24">
<el-form-item label="是否报送跨境人民币2106表" label-width="30%" prop="cnybop.libflg" >
<c-select v-model="model.cnybop.libflg" style="width:100%" placeholder="请选择是否报送跨境人民币2106表"
:code="codes.libflg" :disabled="model.bodgrp.cbs.max.cur != 'CNY'">
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="是否报送跨境人民币2122表" label-width="30%" prop="cnybop.vouflg">
<c-select v-model="model.cnybop.vouflg" style="width:100%" placeholder="请选择是否报送跨境人民币2122表"
:code="codes.vouflg" :disabled="true">
</c-select>
</el-form-item>
</c-col>
</c-col>
</div>
</el-collapse>
</div>
</template>
<script>
import Api from "~/service/Api"
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Botdav/Event"
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Brtset/Event";
import Cnyp1 from "./Cnyp1";
import Libp from './Libp'
export default {
inject: ['root'],
inject: ["root"],
components: {
'm-libp': Libp,
"m-cnyp1": Cnyp1,
},
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {
}
activeNames: ["cnyp1"],
};
},
methods: {
...Event,
handleChange() {}
},
methods: { ...Event },
created: function () {
this.model.cnybop.cnyflg = '2';
this.model.cnybop.traflg = '2';
this.model.cnybop.outflg = '2';
this.model.cnybop.libflg = '2';
this.model.cnybop.vouflg = '2';
}
}
created: function () {},
};
</script>
<style>
</style>
src/views/Business/Botdav/Cnyp1.vue 0 → 100644
<template>
<div class="eibs-tab">
<c-col :span="12">
<c-col :span="24">
<el-form-item label="是否报送跨境人民币2101表" label-width="30%" prop="cnybop.cnyflg">
<c-select v-model="model.cnybop.cnyflg" style="width:100%" placeholder="请选择是否报送跨境人民币2101表"
:code="codes.cnyflg" :disabled="true">
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="是否报送跨境人民币2107表" label-width="30%" prop="cnybop.traflg">
<c-select v-model="model.cnybop.traflg" style="width:100%" placeholder="请选择是否报送跨境人民币2107表"
:code="codes.traflg" :disabled="true">
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="是否报送跨境人民币2111表" label-width="30%" prop="cnybop.outflg">
<c-select v-model="model.cnybop.outflg" style="width:100%" placeholder="请选择是否报送跨境人民币2111表"
:code="codes.outflg" :disabled="true">
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="是否报送跨境人民币2106表" label-width="30%" prop="cnybop.libflg" >
<c-select v-model="model.cnybop.libflg" style="width:100%" placeholder="请选择是否报送跨境人民币2106表"
:code="codes.libflg" :disabled="model.bodgrp.cbs.max.cur != 'CNY'">
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="是否报送跨境人民币2122表" label-width="30%" prop="cnybop.vouflg">
<c-select v-model="model.cnybop.vouflg" style="width:100%" placeholder="请选择是否报送跨境人民币2122表"
:code="codes.vouflg" :disabled="true">
</c-select>
</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/Botdav/Event"
export default {
inject: ['root'],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {
}
},
methods: { ...Event },
created: function () {
this.model.cnybop.cnyflg = '2';
this.model.cnybop.traflg = '2';
this.model.cnybop.outflg = '2';
this.model.cnybop.libflg = '2';
this.model.cnybop.vouflg = '2';
}
}
</script>
<style>
</style>
src/views/Business/Botdav/Ovwp.vue
<template>
<c-row>
<!-- =================顶部====================== -->
<c-col :span="24">
<c-col :span="11">
<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="4" style="text-align: right">
<c-button type="primary" :disabled="this.model.bodgrp.drr.pts.extkey==''" @click="onBotpButgetref">
获取
</c-button>
</c-col>
</c-col>
<c-col :span="11" :offset="1">
<el-form-item label="摘要" prop="bodgrp.rec.nam">
<c-input text-align="middle" v-model="model.bodgrp.rec.nam" maxlength="40" disabled
placeholder="请输入Externally Displayed Name to Identify the Contract"></c-input>
</el-form-item>
</c-col>
</c-col>
<!-- ====================左边======================= -->
<c-col :span="11">
<c-col :span="24">
<c-col :span="12">
<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="请输入User ID"
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>
<div class="eibs-tab">
<el-collapse v-model="activeNames" @change="handleChange">
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="" prop="bodgrp.rec.dircolflg">
<c-checkbox v-model="model.bodgrp.rec.dircolflg">是否直接托收</c-checkbox>
</el-form-item>
</c-col>
</c-col>
<c-col :span="12">
<el-form-item label="托收金额" prop="bodgrp.cbs.max.cur">
<c-select v-model="model.bodgrp.cbs.max.cur" style="width: 100%" placeholder="请选择币种" @change="changeCur">
<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="bodgrp.cbs.max.amt">
<c-input-currency 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="20px" prop="bodgrp.cbs.opn1.amt">
<c-input-currency v-model="model.bodgrp.cbs.opn1.amt" style="text-align: left; width: 100%"
placeholder="请输入" :disabled="true"
@keyup.enter.native="defaultFunction('bodgrp.cbs.opn1.amt', model.bodgrp.cbs.opn1.amt)"></c-input-currency>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="收单日期" prop="bodgrp.rec.rcvdat">
<c-date-picker type="date" 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.shpdat">
<c-date-picker type="date" v-model="model.bodgrp.rec.shpdat" style="width:100%"
placeholder="请选择装船日期"></c-date-picker>
</el-form-item>
</c-col>
<el-collapse-item title="概要" name="ovwp1">
<m-ovwp1 :model="model" :codes="codes" />
</el-collapse-item>
<c-col :span="12">
<el-form-item label="寄单日期" prop="bodgrp.rec.predat">
<c-date-picker type="date" v-model="model.bodgrp.rec.predat" style="width:100%"
placeholder="请选择寄单日期"></c-date-picker>
</el-form-item>
</c-col>
<el-collapse-item title="指示条款" name="inst">
<m-inst :model="model" :codes="codes" />
</el-collapse-item>
<c-col :span="12">
<el-form-item label="发货日期" prop="bodgrp.rec.advdat">
<c-date-picker type="date" v-model="model.bodgrp.rec.advdat" style="width:100%" :disabled="true"
placeholder="请选择发货日期"></c-date-picker>
</el-form-item>
</c-col>
<el-collapse-item title="参与方" name="ptyp">
<m-ptyp :model="model" :codes="codes" />
</el-collapse-item>
<c-col :span="24">
<el-form-item label="交单条件" prop="bodgrp.rec.doctypcod">
<c-select v-model="model.bodgrp.rec.doctypcod" style="width:100%" placeholder="请选择交单条件"
:code="codes.doctypcod">
</c-select>
</el-form-item>
</c-col>
<el-collapse-item title="接受条款" name="instrecp">
<m-instrecp :model="model" :codes="codes" />
</el-collapse-item>
<c-col :span="12">
<el-form-item label="单据到期日" prop="bodgrp.rec.matdat">
<c-date-picker type="date" v-model="model.bodgrp.rec.matdat" style="width:100%"
:disabled="model.bodgrp.rec.doctypcod === 'P'" placeholder="请选择单据到期日"></c-date-picker>
</el-form-item>
</c-col>
<el-collapse-item title="货权单据" name="srmp">
<m-srmp :model="model" :codes="codes" />
</el-collapse-item>
<c-col :span="12">
<el-form-item label="发票类型" prop="bodgrp.rec.invtyp">
<c-select v-model="model.bodgrp.rec.invtyp" style="width:100%" :code="invtyp">
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="单据期限" prop="bodgrp.rec.matpercnt">
<c-input v-model.number="model.bodgrp.rec.matpercnt" placeholder="请输入单据期限"
onkeyup="value=value.replace(/[^\d]/g,' ')" :disabled="model.bodgrp.rec.doctypcod === 'P'"></c-input>
</el-form-item>
</c-col>
<c-col :span="1" style="margin-left:-10px">
<el-form-item label="天"> </el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="起始日期" prop="bodgrp.rec.matperbeg">
<c-select v-model="model.bodgrp.rec.matperbeg" style="width:100%" placeholder="请选择起始日期"
:code="codes.matperbeg" :disabled="model.bodgrp.rec.doctypcod === 'P'">
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="单据到期描述" prop="bodgrp.blk.bogdet">
<c-input type="textarea" v-model="model.bodgrp.blk.bogdet" maxlength="43" show-word-limit
:disabled="model.bodgrp.rec.doctypcod === 'P'" placeholder="请输入单据到期描述"></c-input>
</el-form-item>
</c-col>
<c-docpre :model="model" :argadr="{
path: 'SEMFLG',
grp: 'botp',
code: 'docpre'
}"></c-docpre>
</c-col>
<!-- ====================右边======================= -->
<c-col :span="11" :offset="1">
<c-ptap :model="model" :argadr="{
title: '收款人',
grp: 'bodgrp',
rol: 'drr',
}" :isAdrblk="true" :disabled="this.flag1">
</c-ptap>
<c-ptap :model="model" :argadr="{
title: '代收行',
grp: 'bodgrp',
rol: 'col',
}" :disabled="this.flag2">
</c-ptap>
<c-ptap :model="model" :argadr="{
title: '付款人',
grp: 'bodgrp',
rol: 'dre',
}" :disabled="this.flag3">
</c-ptap>
<c-col :span="24">
<el-form-item label="国家或地区代码" prop="bodgrp.rec.stacty">
<c-select v-model="model.bodgrp.rec.stacty" style="width:100%" placeholder="请选择国家或地区代码（风险国家）"
:code="codes.stacty">
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="货物类型" prop="bodgrp.rec.stagod">
<c-select v-model="model.bodgrp.rec.stagod" style="width:100%" placeholder="请选择货物类型" :code="codeTable2">
</c-select>
</el-form-item>
</c-col>
</c-col>
</c-row>
</el-collapse>
</div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Botdav/Event"
import Utils from "~/utils";
import Ptap from "~/views/Public/Ptap";
import Docpre from "~/views/Public/Docpre";
export default {
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Getset/Event";
import Ovwp1 from "./Ovwp1"
import Inst from "./Inst"
import Ptyp from "./Ptyp"
import Instrecp from "./Instrecp"
import Srmp from "./Srmp"
export default {
components: {
"c-ptap": Ptap,
"c-docpre": Docpre,
"m-ovwp1": Ovwp1,
"m-inst": Inst,
"m-ptyp": Ptyp,
"m-instrecp": Instrecp,
"m-srmp": Srmp,
},
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {
flag1:false,
flag2:false,
flag3:false,
codeTable2: [
{ label: "金(含金饰品)", value: "001" },
{ label: "银(含银饰品)", value: "002" },
{ label: "铜(含电解铜、铜制品及铜精矿)", value: "003" },
{ label: "铝(含电解铝、铝矾土及铝制品)", value: "004" },
{ label: "锌(含电解锌、锌精矿)", value: "005" },
{ label: "铁砂矿(含精矿)", value: "006" },
{ label: "其他金属", value: "007" },
{ label: "大豆", value: "008" },
{ label: "玉米", value: "009" },
{ label: "原油", value: "010" },
{ label: "食用油(含棕榈油)", value: "011" },
{ label: "煤", value: "013" },
{ label: "其他", value: "099" },
],
columns: ['0 0 "lst1" 100 ', '1 1 "lst2" 100', '2 2 "document" 200'],
codeTable: [
{ label: "Airway Bills", value: "Airway Bills" },
{ label: "Beneficiary's Declaration", value: "Beneficiary's Declaration" },
{ label: "Bill of Lading Copies", value: "Bill of Lading Copies" },
{ label: "Bill of Lading Originals", value: "Bill of Lading Originals" },
{ label: "Certificate", value: "Certificate" },
{ label: "Certificate of Analysis", value: "Certificate of Analysis" },
{ label: "Certificate of Origin", value: "Certificate of Origin" },
{ label: "Certificate of Quality", value: "Certificate of Quality" },
{ label: "Certificate of Quantity", value: "Certificate of Quantity" },
{ label: "Commercial Invoice", value: "Commercial Invoice" },
{ label: "Courier Receipt", value: "Courier Receipt" },
{ label: "Draft", value: "Draft" },
{ label: "Export Licence", value: "Export Licence" },
{ label: "Fax Report", value: "Fax Report" },
{ label: "Inspection Cert", value: "Inspection Cert" },
{ label: "Insurance Policy", value: "Insurance Policy" },
{ label: "Packing List", value: "Packing List" },
{ label: "Shipment Advice", value: "Shipment Advice" },
{ label: "Weight List", value: "Weight List" },
],
// TableValue: [
// {
// id: 0,
// cmail1: "",
// cmail2: "",
// docnam: "",
// description: "",
// serialNum: "",
// tableName: "",
// tcddoc: "",
// },
// ],
newValue: {
id: 0,
cmail1: "",
cmail2: "",
docnam: "",
description: "",
serialNum: "",
tableName: "",
tcddoc: "",
},
invtyp: [
{ label: "type1", value: "1" }
],
activeNames: ["ovwp1"],
};
},
watch:{
"model.bodgrp.drr.pts.extkey" :{
immediate:true,
handler(val ,oldVal){
if(this.model.bodgrp.drr.pts.extkey!=''){
this.flag1=true;
}else{
this.flag1=false;
}
}
},
"model.bodgrp.col.pts.extkey" :{
immediate:true,
handler(val ,oldVal){
if(this.model.bodgrp.col.pts.extkey!=''){
this.flag2=true;
}else{
this.flag2=false;
}
}
},
"model.bodgrp.dre.pts.extkey" :{
immediate:true,
handler(val ,oldVal){
if(this.model.bodgrp.dre.pts.extkey!=''){
this.flag3=true;
}else{
this.flag3=false;
}
}
},
},
methods: {
...Event,
changeCur(){
this.executeDefault("cnybop.libflg").then((res) => {
if ((res.respCode == SUCCESS)) {
Utils.copyValueFromVO(this.model, res.data);
}
});
},
addTableValue(index) {
var newTableValue = Object.assign({}, this.newValue);
const serial = Utils.generateUUID();
newTableValue.serialNum = serial;
this.model.botp.docgrdm.docgrd.splice(index - 1, 0, newTableValue);
// var index = this.TableValue.length;
// if (index > 0) {
// newTableValue.id = this.TableValue[index - 1].id + 1;
// }
// this.TableValue.push(newTableValue);
},
deleteTable(index) {
this.model.botp.docgrdm.docgrd.splice(index, 1);
// console.log(row)
// console.log(this.TableValue)
// for (let i = 0; i < this.TableValue.length; i++) {
// if (this.TableValue[i].id == row.id) {
// this.TableValue.splice(i, 1);
// break;
// }
// }
},
async docpre() {
let rtnmsg = await this.executeDefault('bodgrp.blk.docpre')
if (rtnmsg.respCode == SUCCESS) {
//TODO 处理数据逻辑
this.updateModel(rtnmsg.data)
}
else {
this.$notify.error({ title: '错误', message: '服务请求失败！' });
}
},
},
created: function () {},
computed: {
flag() {
return this.model.bodgrp.drr.pts.adrelc == "";
},
},
created: function () {
console.log(this.root);
},
}
};
</script>
<style>
.messageLabel>>>.el-form-item__label {
text-align: left;
font-weight: bold;
font-size: 12px;
}
.marginLable {
padding-left: 160px;
}
</style>
src/views/Business/Botdav/Ovwp1.vue 0 → 100644
<template>
<c-row>
<!-- =================顶部====================== -->
<c-col :span="24">
<c-col :span="11">
<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="4" style="text-align: right">
<c-button type="primary" :disabled="this.model.bodgrp.drr.pts.extkey==''" @click="onBotpButgetref">
获取
</c-button>
</c-col>
</c-col>
<c-col :span="11" :offset="1">
<el-form-item label="摘要" prop="bodgrp.rec.nam">
<c-input text-align="middle" v-model="model.bodgrp.rec.nam" maxlength="40" disabled
placeholder="请输入Externally Displayed Name to Identify the Contract"></c-input>
</el-form-item>
</c-col>
</c-col>
<!-- ====================左边======================= -->
<c-col :span="11">
<c-col :span="24">
<c-col :span="12">
<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="请输入User ID"
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-col>
<c-col :span="12">
<el-form-item label="" prop="bodgrp.rec.dircolflg">
<c-checkbox v-model="model.bodgrp.rec.dircolflg">是否直接托收</c-checkbox>
</el-form-item>
</c-col>
</c-col>
<c-col :span="12">
<el-form-item label="托收金额" prop="bodgrp.cbs.max.cur">
<c-select v-model="model.bodgrp.cbs.max.cur" style="width: 100%" placeholder="请选择币种" @change="changeCur">
<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="bodgrp.cbs.max.amt">
<c-input-currency 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="20px" prop="bodgrp.cbs.opn1.amt">
<c-input-currency v-model="model.bodgrp.cbs.opn1.amt" style="text-align: left; width: 100%"
placeholder="请输入" :disabled="true"
@keyup.enter.native="defaultFunction('bodgrp.cbs.opn1.amt', model.bodgrp.cbs.opn1.amt)"></c-input-currency>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="收单日期" prop="bodgrp.rec.rcvdat">
<c-date-picker type="date" 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.shpdat">
<c-date-picker type="date" v-model="model.bodgrp.rec.shpdat" 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" v-model="model.bodgrp.rec.predat" style="width:100%"
placeholder="请选择寄单日期"></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="发货日期" prop="bodgrp.rec.advdat">
<c-date-picker type="date" v-model="model.bodgrp.rec.advdat" style="width:100%" :disabled="true"
placeholder="请选择发货日期"></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="交单条件" prop="bodgrp.rec.doctypcod">
<c-select v-model="model.bodgrp.rec.doctypcod" style="width:100%" placeholder="请选择交单条件"
:code="codes.doctypcod">
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="单据到期日" prop="bodgrp.rec.matdat">
<c-date-picker type="date" v-model="model.bodgrp.rec.matdat" style="width:100%"
:disabled="model.bodgrp.rec.doctypcod === 'P'" placeholder="请选择单据到期日"></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="发票类型" prop="bodgrp.rec.invtyp">
<c-select v-model="model.bodgrp.rec.invtyp" style="width:100%" :code="invtyp">
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="单据期限" prop="bodgrp.rec.matpercnt">
<c-input v-model.number="model.bodgrp.rec.matpercnt" placeholder="请输入单据期限"
onkeyup="value=value.replace(/[^\d]/g,' ')" :disabled="model.bodgrp.rec.doctypcod === 'P'"></c-input>
</el-form-item>
</c-col>
<c-col :span="1" style="margin-left:-10px">
<el-form-item label="天"> </el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="起始日期" prop="bodgrp.rec.matperbeg">
<c-select v-model="model.bodgrp.rec.matperbeg" style="width:100%" placeholder="请选择起始日期"
:code="codes.matperbeg" :disabled="model.bodgrp.rec.doctypcod === 'P'">
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="单据到期描述" prop="bodgrp.blk.bogdet">
<c-input type="textarea" v-model="model.bodgrp.blk.bogdet" maxlength="43" show-word-limit
:disabled="model.bodgrp.rec.doctypcod === 'P'" placeholder="请输入单据到期描述"></c-input>
</el-form-item>
</c-col>
<c-docpre :model="model" :argadr="{
path: 'SEMFLG',
grp: 'botp',
code: 'docpre'
}"></c-docpre>
</c-col>
<!-- ====================右边======================= -->
<c-col :span="11" :offset="1">
<c-ptap :model="model" :argadr="{
title: '收款人',
grp: 'bodgrp',
rol: 'drr',
}" :isAdrblk="true" :disabled="this.flag1">
</c-ptap>
<c-ptap :model="model" :argadr="{
title: '代收行',
grp: 'bodgrp',
rol: 'col',
}" :disabled="this.flag2">
</c-ptap>
<c-ptap :model="model" :argadr="{
title: '付款人',
grp: 'bodgrp',
rol: 'dre',
}" :disabled="this.flag3">
</c-ptap>
<c-col :span="24">
<el-form-item label="国家或地区代码" prop="bodgrp.rec.stacty">
<c-select v-model="model.bodgrp.rec.stacty" style="width:100%" placeholder="请选择国家或地区代码（风险国家）"
:code="codes.stacty">
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="货物类型" prop="bodgrp.rec.stagod">
<c-select v-model="model.bodgrp.rec.stagod" style="width:100%" placeholder="请选择货物类型" :code="codeTable2">
</c-select>
</el-form-item>
</c-col>
</c-col>
</c-row>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Botdav/Event"
import Utils from "~/utils";
import Ptap from "~/views/Public/Ptap";
import Docpre from "~/views/Public/Docpre";
export default {
components: {
"c-ptap": Ptap,
"c-docpre": Docpre,
},
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {
flag1:false,
flag2:false,
flag3:false,
codeTable2: [
{ label: "金(含金饰品)", value: "001" },
{ label: "银(含银饰品)", value: "002" },
{ label: "铜(含电解铜、铜制品及铜精矿)", value: "003" },
{ label: "铝(含电解铝、铝矾土及铝制品)", value: "004" },
{ label: "锌(含电解锌、锌精矿)", value: "005" },
{ label: "铁砂矿(含精矿)", value: "006" },
{ label: "其他金属", value: "007" },
{ label: "大豆", value: "008" },
{ label: "玉米", value: "009" },
{ label: "原油", value: "010" },
{ label: "食用油(含棕榈油)", value: "011" },
{ label: "煤", value: "013" },
{ label: "其他", value: "099" },
],
columns: ['0 0 "lst1" 100 ', '1 1 "lst2" 100', '2 2 "document" 200'],
codeTable: [
{ label: "Airway Bills", value: "Airway Bills" },
{ label: "Beneficiary's Declaration", value: "Beneficiary's Declaration" },
{ label: "Bill of Lading Copies", value: "Bill of Lading Copies" },
{ label: "Bill of Lading Originals", value: "Bill of Lading Originals" },
{ label: "Certificate", value: "Certificate" },
{ label: "Certificate of Analysis", value: "Certificate of Analysis" },
{ label: "Certificate of Origin", value: "Certificate of Origin" },
{ label: "Certificate of Quality", value: "Certificate of Quality" },
{ label: "Certificate of Quantity", value: "Certificate of Quantity" },
{ label: "Commercial Invoice", value: "Commercial Invoice" },
{ label: "Courier Receipt", value: "Courier Receipt" },
{ label: "Draft", value: "Draft" },
{ label: "Export Licence", value: "Export Licence" },
{ label: "Fax Report", value: "Fax Report" },
{ label: "Inspection Cert", value: "Inspection Cert" },
{ label: "Insurance Policy", value: "Insurance Policy" },
{ label: "Packing List", value: "Packing List" },
{ label: "Shipment Advice", value: "Shipment Advice" },
{ label: "Weight List", value: "Weight List" },
],
// TableValue: [
// {
// id: 0,
// cmail1: "",
// cmail2: "",
// docnam: "",
// description: "",
// serialNum: "",
// tableName: "",
// tcddoc: "",
// },
// ],
newValue: {
id: 0,
cmail1: "",
cmail2: "",
docnam: "",
description: "",
serialNum: "",
tableName: "",
tcddoc: "",
},
invtyp: [
{ label: "type1", value: "1" }
],
};
},
watch:{
"model.bodgrp.drr.pts.extkey" :{
immediate:true,
handler(val ,oldVal){
if(this.model.bodgrp.drr.pts.extkey!=''){
this.flag1=true;
}else{
this.flag1=false;
}
}
},
"model.bodgrp.col.pts.extkey" :{
immediate:true,
handler(val ,oldVal){
if(this.model.bodgrp.col.pts.extkey!=''){
this.flag2=true;
}else{
this.flag2=false;
}
}
},
"model.bodgrp.dre.pts.extkey" :{
immediate:true,
handler(val ,oldVal){
if(this.model.bodgrp.dre.pts.extkey!=''){
this.flag3=true;
}else{
this.flag3=false;
}
}
},
},
methods: {
...Event,
changeCur(){
this.executeDefault("cnybop.libflg").then((res) => {
if ((res.respCode == SUCCESS)) {
Utils.copyValueFromVO(this.model, res.data);
}
});
},
addTableValue(index) {
var newTableValue = Object.assign({}, this.newValue);
const serial = Utils.generateUUID();
newTableValue.serialNum = serial;
this.model.botp.docgrdm.docgrd.splice(index - 1, 0, newTableValue);
// var index = this.TableValue.length;
// if (index > 0) {
// newTableValue.id = this.TableValue[index - 1].id + 1;
// }
// this.TableValue.push(newTableValue);
},
deleteTable(index) {
this.model.botp.docgrdm.docgrd.splice(index, 1);
// console.log(row)
// console.log(this.TableValue)
// for (let i = 0; i < this.TableValue.length; i++) {
// if (this.TableValue[i].id == row.id) {
// this.TableValue.splice(i, 1);
// break;
// }
// }
},
async docpre() {
let rtnmsg = await this.executeDefault('bodgrp.blk.docpre')
if (rtnmsg.respCode == SUCCESS) {
//TODO 处理数据逻辑
this.updateModel(rtnmsg.data)
}
else {
this.$notify.error({ title: '错误', message: '服务请求失败！' });
}
},
},
computed: {
flag() {
return this.model.bodgrp.drr.pts.adrelc == "";
},
},
created: function () {
console.log(this.root);
},
}
</script>
<style>
.messageLabel>>>.el-form-item__label {
text-align: left;
font-weight: bold;
font-size: 12px;
}
</style>
\ No newline at end of file
src/views/Business/Botdav/index.vue
<template>
<c-page title="出口托收寄单">
<div class="eContainer">
<c-function-btn :handleSubmit="handleSubmit" :handleCheck="handleCheck" :handleStash="handleStash">
<el-button size="small">备忘录</el-button>
<el-button size="small">影像信息</el-button>
<el-button size="small">保存模板</el-button>
<el-button size="small">使用模板</el-button>
<el-button size="small">制裁信息</el-button>
<el-button size="small">拆分报文</el-button>
<el-button size="small">智能提示</el-button>
</c-function-btn>
<el-form :model="model" :rules="rules" ref="modelForm" label-width="120px" label-position="left"
size="small" :validate-on-rule-change="false">
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="tabClick">
<!--Overview -->
<el-tab-pane label="概要" name="ovwp">
<el-tab-pane label="业务信息" name="ovwp">
<c-content>
<m-ovwp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<el-tab-pane label="费用/账务" name="engp,setpan,glepan">
<c-content>
<div class="eibs-tab">
<el-collapse v-model="activeNames">
<el-collapse-item title="表外记账" name="engp">
<!-- 表外记账 -->
<m-engp :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="结算" name="setpan">
<!-- 结算 -->
<m-setpan :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="会计分录" name="glepan">
<!-- 会计分录 -->
<m-glepan :model="model" :codes="codes" />
</el-collapse-item>
</el-collapse>
</div>
</c-content>
</el-tab-pane>
<el-tab-pane label="备查/附言" name="addbcb">
<c-content>
<m-addbcb :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000009 -->
<el-tab-pane label="申报信息" name="libp,cnyp1">
<c-content>
<m-cnyp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<el-tab-pane label="报文/面函" name="docpan">
<c-content>
<m-docpan :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<el-tab-pane label="附件信息" name="doctre">
<c-content>
<m-doctre :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--Overview -->
<!-- <el-tab-pane label="概要" name="ovwp">
<c-content>
<m-ovwp :model="model" :codes="codes" />
</c-content>
</el-tab-pane> -->
<!--指示条款 -->
<el-tab-pane label="指示条款" name="inst">
<!-- <el-tab-pane label="指示条款" name="inst">
<c-content>
<m-inst :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
</el-tab-pane> -->
<!--参与方 -->
<el-tab-pane label="参与方" name="ptyp">
<!-- <el-tab-pane label="参与方" name="ptyp">
<c-content>
<m-ptyp :model="model" />
</c-content>
</el-tab-pane>
</el-tab-pane> -->
<!--接受条款 -->
<el-tab-pane label="接受条款" name="instrecp">
<!-- <el-tab-pane label="接受条款" name="instrecp">
<c-content>
<m-instrecp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
</el-tab-pane> -->
<!--表外记账 -->
<!-- 或有 -->
<el-tab-pane label="表外记账" name="engp">
<!-- <el-tab-pane label="表外记账" name="engp">
<m-engp :model="model" :codes="codes" />
</el-tab-pane>
</el-tab-pane> -->
<!--结算 -->
<!-- 账务 -->
<el-tab-pane label="结算" name="setpan">
<!-- <el-tab-pane label="结算" name="setpan">
<m-setpan :model="model" :codes="codes" />
</el-tab-pane>
</el-tab-pane> -->
<!--账务 -->
<el-tab-pane label="账务" name="glepan">
<!-- <el-tab-pane label="账务" name="glepan">
<m-glepan :model="model" :codes="codes" />
</el-tab-pane>
</el-tab-pane> -->
<!--提示信息 -->
<!-- 附言 -->
<el-tab-pane label="提示信息" name="coninfp">
<!-- <el-tab-pane label="提示信息" name="coninfp">
<m-coninfp :model="model" :codes="codes" />
</el-tab-pane>
</el-tab-pane> -->
<!--报文和面函 -->
<!-- 报文和面函 -->
<el-tab-pane label="报文和面函" name="docpan">
<!-- <el-tab-pane label="报文和面函" name="docpan">
<m-docpan :model="model" :codes="codes" />
</el-tab-pane>
</el-tab-pane> -->
<!--附件 -->
<el-tab-pane label="附件" name="doctre">
<!-- <el-tab-pane label="附件" name="doctre">
<m-doctre :model="model" :codes="codes" />
</el-tab-pane>
</el-tab-pane> -->
<!--跨境人民币申报 -->
<el-tab-pane label="跨境人民币申报" name="cnyp" >
<!-- <el-tab-pane label="跨境人民币申报" name="cnyp" >
<m-cnyp :model="model" :codes="codes" />
</el-tab-pane>
</el-tab-pane> -->
<el-tab-pane label="2106银行跟单结算及表外记账融资" name="libp" v-if="model.cnybop.libflg ==='1'">
<!-- <el-tab-pane label="2106银行跟单结算及表外记账融资" name="libp" v-if="model.cnybop.libflg ==='1'">
<c-content>
<m-libp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
</el-tab-pane> -->
<!--货权单据 -->
<el-tab-pane label="货权单据" name="srmp">
<!-- <el-tab-pane label="货权单据" name="srmp">
<m-srmp :model="model" :codes="codes" />
</el-tab-pane>
</el-tab-pane> -->
</c-tabs>
</el-form>
<c-grid-ety-prompt-dialog ref="etyDialog" :promptData="promptData" v-on:select-ety="selectEty">
......@@ -99,6 +142,12 @@
<c-grid-ety-prompt-dialog ref="doxpDialog" :isPty="false" :promptData="promptData"
@select-ety="selectMsg">
</c-grid-ety-prompt-dialog>
<c-function-btn
:handleSubmit="handleSubmit"
:handleCheck="handleCheck"
:handleStash="handleStash"
>
</c-function-btn>
</div>
</c-page>
</template>
......@@ -112,6 +161,7 @@
import Default from "~/model/Botdav/Default"
import Pattern from "~/model/Botdav/Pattern"
import Addbcb from "./Addbcb";
import Ovwp from "./Ovwp"
import Inst from "./Inst"
import Ptyp from "./Ptyp"
......@@ -131,6 +181,7 @@
export default {
name: "Botdav",
components: {
"m-addbcb": Addbcb,
"m-ovwp": Ovwp,
"m-inst": Inst,
"m-ptyp": Ptyp,
......@@ -164,6 +215,7 @@
codes: {
...CodeTable
},
activeNames: ["engp"],
}
},
methods: {
......
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