Skip to content

V
vue-gjjs
Commit 4878c855 by wangyanjiao
Options

Bdtdcr表格修改，Botdav交易

parent 6f4261f6
Showing with 504 additions and 367 deletions
src/model/Bdtdcr/index.js
......@@ -170,6 +170,7 @@ export default class Bdtdcr {
docgrdm: {
docdsclab: "", // Label of document description .bdtp.docgrdm.docdsclab
docgrdp:"",
docgrd:"",
},
},
rejtype: "", // 退单方式 .rejtype
......
src/model/Botdav/Check.js
......@@ -51,6 +51,7 @@ let checkObj = {
"bodgrp.blk.othins" :null,
"bodgrp.dre.pts.extkey" :null,
"cnybop.vouflg" :null,
// "bodgrp.cbs.max.cur" :null,
}
for (const key in checkObj) {
......
src/model/Botdav/Default.js
......@@ -53,5 +53,7 @@ export default {
"mtabut.coninf.oitset.oit.inftxt" :Utils.defaultFunction,
"mtabut.coninf.oitset.oit.inflev" :Utils.defaultFunction,
"bodgrp.rec.stacty" :Utils.defaultFunction,
}
//你可以添加自动default处理
src/model/Botdav/Pattern.js
......@@ -4,7 +4,7 @@ export default {
{max: 16,message:"长度不能超过16"}
],
"bodgrp.rec.ownref":[
{type: "string", required: false, message: "必输项"},
{type: "string", required: true, message: "必输项"},
{max: 16,message:"长度不能超过16"}
],
"botp.recget.sdamod.seainf":[
......@@ -26,12 +26,22 @@ export default {
],
"bodgrp.drr.pts.ref":[
{type: "string", required: false, message: "必输项"},
{type: "string", required: true, message: "必输项"},
{max: 16,message:"长度不能超过16"}
],
"bodgrp.cbs.max.cur":[
{type: "string", required: true, message: "必选项"}
],
"bodgrp.rec.doctypcod":[
{type: "string", required: true, message: "必选项"},
],
"bodgrp.rec.invtyp":[
{type: "string", required: true, message: "必选项"},
],
"bodgrp.cbs.max.amt":[
{type: "string", required: false, message: "必输项"},
{type: "string", required: true, message: "必输项"},
{max: 18,message:"整数位不能超过14位"},
{pattern: /(^\d+$)|(^\.\d{1,3}$)|(^\d+\.\d{1,3}$)/, message: "小数位不能超过3位" }
],
......@@ -119,7 +129,7 @@ export default {
{max: 35,message:"长度不能超过35"}
],
"bodgrp.rec.matpercnt":[
{type: "number", required: false, message: "必输项"}
{type: "number", required: true, message: "必输项"}
],
"bodgrp.rec.paydocnum":[
{type: "string", required: false, message: "必输项"},
......@@ -136,7 +146,7 @@ export default {
],
"bodgrp.blk.bogdet":[
{type: "string", required: true, message: "必输项"},
{type: "string", required: false, message: "必输项"},
{max: 43,message:"长度不能超过43"}
],
"bodgrp.dre.pts.ref":[
......
src/model/Botdav/index.js
import { now } from "lodash"
import Api from "~/service/Api"
import Pts from "../Common/Pts"
import Pub from "../Public"
......@@ -106,6 +107,7 @@ export default class Botdav{
},
},
docgrdm:{
docgrd:"",
docdsclab:"", // Label of document description .botp.docgrdm.docdsclab
},
drrp:{
......
src/views/Business/Bdtdcr/Brtdcrd.vue
......@@ -5,28 +5,14 @@
<c-row>
<c-col :span="24">
<el-form-item label="不符点">
<c-input
type="textarea"
:disabled="model.bddgrp.blk.docdisflg ? false : true"
:rows="6"
v-model="model.bddgrp.blk.docdis"
maxlength="65"
show-word-limit
placeholder="请输入不符点"
></c-input>
<c-input type="textarea" :disabled="model.bddgrp.blk.docdisflg ? false : true" :rows="6"
v-model="model.bddgrp.blk.docdis" maxlength="65" show-word-limit placeholder="请输入不符点"></c-input>
</el-form-item>
</c-col>
</c-row>
<el-form-item label="快递单号">
<c-input
type="textarea"
:disabled="false"
:rows="2"
v-model="model.expmno"
maxlength="120"
show-word-limit
placeholder="请输入单号"
></c-input>
<c-input type="textarea" :disabled="false" :rows="2" v-model="model.expmno" maxlength="120" show-word-limit
placeholder="请输入单号"></c-input>
</el-form-item>
<!-- <c-row>
<c-form-item label="已交单据" prop="bdtp.docgrdm.docgrd">
......@@ -41,63 +27,35 @@
</c-row> -->
<c-col :span="24" style="height: 24px; margin-top: -10px">
<el-form-item :label="model.bdtp.docgrdm.docdsclab" class="messageLabel">
<c-button style="float: right" @click="addTableValue" type="primary"
>新增单据</c-button
>
<c-button style="float: right" @click="addTableValue" type="primary">新增单据</c-button>
</el-form-item>
</c-col>
<c-col :span="24" style="margin-bottom: 30px;">
<c-table
height="200px"
style="text-align: center"
:list="this.model.bdtp.docgrdm.docgrd || []"
:paginationShow="false"
:border="true"
>
<el-table-column
label="1st"
width="auto"
>
<c-table height="200px" style="text-align: center" :list="this.model.bdtp.docgrdm.docgrd || []"
:paginationShow="false" :border="true">
<el-table-column label="1st" width="auto">
<template slot-scope="scope">
<c-input
v-model="scope.row.cmail1"
></c-input>
<c-input v-model="scope.row.cmail1"></c-input>
</template>
</el-table-column>
<el-table-column
label="2st"
width="auto"
>
<el-table-column label="2st" width="auto">
<template slot-scope="scope">
<c-input
v-model="scope.row.cmail2"
></c-input>
<c-input v-model="scope.row.cmail2"></c-input>
</template>
</el-table-column>
<el-table-column label="Document" prop="docnam" width="auto">
<template slot-scope="scope">
<!-- {{scope.row.docnam}} -->
<c-select
style="width: 100%"
placeholder="请选择"
v-model="scope.row.docnam"
>
<el-option
v-for="item in codeTable"
:key="item.value"
:label="item.label"
:value="item.value"
>
<c-select style="width: 100%" placeholder="请选择" v-model="scope.row.docnam">
<el-option v-for="item in codeTable" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</c-select>
</template>
</el-table-column>
<el-table-column label="操作" width="170px" fixed="right">
<template slot-scope="scope">
<c-button @click="deleteTable(scope.row)" type="primary"
>删除</c-button
>
<c-button @click="deleteTable(scope.$index)" type="primary">删除</c-button>
</template>
</el-table-column>
</c-table>
......@@ -108,9 +66,7 @@
<c-row>
<c-col :span="24">
<div class="c-checkbox">
<c-checkbox v-model="model.bddgrp.blk.docdisflg" @change="changed"
>录入不符点</c-checkbox
>
<c-checkbox v-model="model.bddgrp.blk.docdisflg" @change="changed">录入不符点</c-checkbox>
</div>
</c-col>
</c-row>
......@@ -122,6 +78,7 @@
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Utils from "~/utils";
import Event from "~/model/Bdtdcr/Event";
export default {
......@@ -133,9 +90,12 @@ export default {
TableValue: [
{
id: 0,
cmail1: "1",
cmail2: "2",
docnam: "1",
cmail1: "",
cmail2: "",
docnam: "",
description: "",
serialNum: "",
tableName: "",
},
],
newValue: {
......@@ -143,6 +103,9 @@ export default {
cmail1: "",
cmail2: "",
docnam: "",
description: "",
serialNum: "",
tableName: "",
},
codeTable: [
{ label: "增值税发票", value: "1" },
......@@ -163,21 +126,26 @@ export default {
},
methods: {
...Event,
addTableValue() {
var index = this.TableValue.length;
var newTableValue = this.newValue;
if (index > 0) {
newTableValue.id = this.TableValue[index - 1].id + 1;
}
this.TableValue.push(newTableValue);
addTableValue(index) {
var newTableValue = Object.assign({}, this.newValue);
const serial = Utils.generateUUID();
newTableValue.serialNum = serial;
this.model.bdtp.docgrdm.docgrd.splice(index - 1, 0, newTableValue);
// var index = this.TableValue.length;
// var newTableValue = this.newValue;
// if (index > 0) {
// newTableValue.id = this.TableValue[index - 1].id + 1;
// }
// this.TableValue.push(newTableValue);
},
deleteTable(row) {
for (let i = 0; i < this.TableValue.length; i++) {
if (this.TableValue[i].id == row.id) {
this.TableValue.splice(i, 1);
break;
}
}
deleteTable(index) {
this.model.bdtp.docgrdm.docgrd.splice(index, 1);
// for (let i = 0; i < this.TableValue.length; i++) {
// if (this.TableValue[i].id == row.id) {
// this.TableValue.splice(i, 1);
// break;
// }
// }
},
changed(e) {
if (!e) {
......@@ -185,7 +153,7 @@ export default {
}
},
},
created: function () {},
created: function () { },
};
</script>
<style>
......@@ -194,7 +162,8 @@ export default {
margin: 10px;
font-size: 16px;
}
.messageLabel >>> .el-form-item__label {
.messageLabel>>>.el-form-item__label {
text-align: left;
font-weight: bold;
font-size: 12px;
......
src/views/Business/Bdtdcr/index.vue
......@@ -2,11 +2,7 @@
<c-page title="国内证不符点/拒付">
<div class="eContainer">
<!-- <c-bus-button :$pntvm="this"></c-bus-button> -->
<c-function-btn
:handleSubmit="handleSubmit"
:handleCheck="handleCheck"
:handleStash="handleStash"
>
<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> -->
......@@ -15,15 +11,8 @@
<!-- <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="150px"
label-position="right"
size="small"
:validate-on-rule-change="false"
>
<el-form :model="model" :rules="rules" ref="modelForm" label-width="150px" label-position="right" size="small"
:validate-on-rule-change="false">
<c-tabs :value="tabVal" ref="elment" type="card" @tab-click="tabClick">
<!--PD000037 -->
<el-tab-pane label="内容" name="utlp">
......@@ -124,7 +113,7 @@ export default {
},
created: async function () {
console.log("进入bdtdcr交易");
let rtnmsg =await this.init();
let rtnmsg = await this.init();
if (rtnmsg.respCode == SUCCESS) {
//TODO 处理数据逻辑
Utils.copyValueFromVO(this.model, rtnmsg.data);
......
src/views/Business/Botdav/Inst.vue
<template>
<c-row>
<!-- ====================左边======================= -->
<c-col :span="14">
<c-col :span="24">
<c-col :span="4">
<el-form-item label="Delivery of Documents ">
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label=" Instructions">
<c-col :span="12" :width="30">
<c-col :span="23">
<el-form-item label="Delivery of Documents Instructions">
<c-fullbox>
<c-input type="textarea" v-model="model.bodgrp.blk.colins" maxlength="65" show-word-limit
placeholder="请输入Collection Instructions">
</c-input>
<template slot="footer">
<c-button size="small" type="primary">
...
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<c-col :span="20">
<!-- <c-col span="24">
Delivery of Documents Instructions
</c-col> -->
<!-- <el-form-item label="Delivery of Documents Instructions" prop="bodgrp.blk.colins" >
<c-col :span="24" style="width:100%">
<c-col :span="20" >
<c-input type="textarea" v-model="model.bodgrp.blk.colins" maxlength="65" show-word-limit placeholder="请输入Collection Instructions" >
</c-input>
</c-col>
......@@ -26,19 +37,26 @@
</c-col>
</c-col>
</el-form-item> -->
<c-col :span="24">
<c-checkbox v-model="model.bodgrp.blk.colinsflg">Collection instructions modified</c-checkbox>
</c-col>
<c-col :span="12">
<!-- <c-col :span="12">
<el-form-item label="Draft Instructions">
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="20">
<c-input type="textarea" v-model="model.bodgrp.blk.dftins" maxlength="65" show-word-limit placeholder="请输入Draft Instructions" ></c-input>
<c-input type="textarea" v-model="model.bodgrp.blk.dftins" maxlength="65" show-word-limit
placeholder="请输入Draft Instructions"></c-input>
</c-col>
......@@ -47,16 +65,31 @@
...
</c-button>
</c-col>
</c-col> -->
<c-col :span="23">
<el-form-item label="Draft Instructions">
<c-fullbox>
<c-input type="textarea" v-model="model.bodgrp.blk.dftins" maxlength="65" show-word-limit
placeholder="请输入Draft Instructions">
</c-input>
<template slot="footer">
<c-button size="small" type="primary">
...
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="24">
<!-- <c-col :span="24">
<el-form-item label="Protest Instructions">
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="20">
<c-input type="textarea" v-model="model.bodgrp.blk.proins" maxlength="65" show-word-limit placeholder="请输入Protest Instructions" ></c-input>
<c-input type="textarea" v-model="model.bodgrp.blk.proins" maxlength="65" show-word-limit
placeholder="请输入Protest Instructions"></c-input>
</c-col>
<c-col :span="4">
......@@ -64,16 +97,34 @@
...
</c-button>
</c-col>
</c-col> -->
<c-col :span="23">
<el-form-item label="Protest Instructions">
<c-fullbox>
<c-input type="textarea" v-model="model.bodgrp.blk.proins" maxlength="65" show-word-limit
placeholder="请输入Protest Instructions">
</c-input>
<template slot="footer">
<c-button size="small" type="primary">
...
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="24">
<!-- <c-col :span="24">
<el-form-item label="Other Instructions">
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="20">
<c-input type="textarea" v-model="model.bodgrp.blk.othins" maxlength="65" show-word-limit placeholder="请输入Other Instructions" ></c-input>
<c-input type="textarea" v-model="model.bodgrp.blk.othins" maxlength="65" show-word-limit
placeholder="请输入Other Instructions"></c-input>
</c-col>
<c-col :span="4">
......@@ -81,15 +132,31 @@
...
</c-button>
</c-col>
</c-col> -->
<c-col :span="23">
<el-form-item label="Other Instructions">
<c-fullbox>
<c-input type="textarea" v-model="model.bodgrp.blk.othins" maxlength="65" show-word-limit
placeholder="请输入Other Instructions">
</c-input>
<template slot="footer">
<c-button size="small" type="primary">
...
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Delivery instructions" >
<!-- <c-col :span="24">
<el-form-item label="Delivery instructions">
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="20">
<c-input type="textarea" v-model="model.bodgrp.blk.delins" maxlength="65" show-word-limit placeholder="请输入Delivery instructions" ></c-input>
<c-input type="textarea" v-model="model.bodgrp.blk.delins" maxlength="65" show-word-limit
placeholder="请输入Delivery instructions"></c-input>
</c-col>
<c-col :span="4">
......@@ -97,36 +164,81 @@
...
</c-button>
</c-col>
</c-col> -->
<c-col :span="23">
<el-form-item label="Warehouse/Insurance instructions">
<c-fullbox>
<c-input type="textarea" v-model="model.bodgrp.blk.delins" maxlength="65" show-word-limit
placeholder="请输入Warehouse/Insurance instruction">
</c-input>
<template slot="footer">
<c-button size="small" type="primary">
...
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
</c-col>
<!-- ====================右边======================= -->
<c-col :span="10">
<c-col :span="12" >
<el-form-item label="Changes Condition" prop="bodgrp.rec.chato" style="padding:15px">
<c-col :span="24" style="width:100%">
<c-select v-model="model.bodgrp.rec.chato" style="width:100%" placeholder="请选择Our Charges to"
:code="codes.chato">
</c-select>
</c-col>
<c-col :span="24">
</el-form-item>
<!-- <c-col :span="24">
<el-form-item label="Our Charges to">
</el-form-item>
</c-col>
<c-col :span="24">
<c-select v-model="model.bodgrp.rec.chato" style="width:100%" placeholder="请选择Our Charges to" :code="codes.chato">
<c-select v-model="model.bodgrp.rec.chato" style="width:100%" placeholder="请选择Our Charges to"
:code="codes.chato">
</c-select>
</c-col> -->
<el-form-item label="Charges Text" prop="bodgrp.blk.chgtxt">
<c-col :span="24" style="width:100%">
<c-input type="textarea" v-model="model.bodgrp.blk.chgtxt" maxlength="35" show-word-limit
placeholder="请输入Charges Text"></c-input>
</c-col>
</el-form-item>
<c-col :span="24">
<!-- <c-col :span="24">
<el-form-item label="Charges Text">
</el-form-item>
</c-col>
<c-col :span="24">
<c-input type="textarea" v-model="model.bodgrp.blk.chgtxt" maxlength="35" show-word-limit placeholder="请输入Charges Text" ></c-input>
</c-col>
<c-input type="textarea" v-model="model.bodgrp.blk.chgtxt" maxlength="35" show-word-limit
placeholder="请输入Charges Text"></c-input>
</c-col> -->
<c-col :span="24">
<c-checkbox v-model="model.bodgrp.rec.focflg">Free of Payment</c-checkbox>
</c-col>
<c-col :span="24">
<el-form-item label="Waive Collecting Bank Charges" prop="bodgrp.rec.waicolcod">
<c-col :span="24" style="width:100%">
<c-select v-model="model.bodgrp.rec.waicolcod" style="width:100%" placeholder="请选择Protest Instructions"
:code="codes.waicolcod">
</c-select>
</c-col>
</el-form-item>
<!-- <c-col :span="24">
<c-col :span="5">
<el-form-item label="Waive Collecting">
</el-form-item>
......@@ -138,11 +250,21 @@
</c-col>
<c-col :span="24">
<c-select v-model="model.bodgrp.rec.waicolcod" style="width:100%" placeholder="请选择Protest Instructions" :code="codes.waicolcod">
<c-select v-model="model.bodgrp.rec.waicolcod" style="width:100%" placeholder="请选择Protest Instructions"
:code="codes.waicolcod">
</c-select>
</c-col> -->
<el-form-item label="Waive Remitting Bank Charges" prop="bodgrp.rec.wairmtcod">
<c-col :span="24" style="width:100%">
<c-select v-model="model.bodgrp.rec.wairmtcod" style="width:100%"
placeholder="请选择Waive Remitting Bank Charges" :code="codes.wairmtcod">
</c-select>
</c-col>
</el-form-item>
<c-col :span="24">
<!-- <c-col :span="24">
<c-col :span="4">
<el-form-item label="Waive Remitting">
</el-form-item>
......@@ -155,34 +277,53 @@
</c-col>
<c-col :span="24">
<c-select v-model="model.bodgrp.rec.wairmtcod" style="width:100%" placeholder="请选择Waive Remitting Bank Charges" :code="codes.wairmtcod">
<c-select v-model="model.bodgrp.rec.wairmtcod" style="width:100%" placeholder="请选择Waive Remitting Bank Charges"
:code="codes.wairmtcod">
</c-select>
</c-col> -->
<el-form-item label="Defer Payment until" prop="bodgrp.rec.othins">
<c-col :span="24" style="width:100%">
<c-select v-model="model.bodgrp.rec.othins" style="width:100%" placeholder="请选择Defer Payment until"
:code="codes.othins">
</c-select>
</c-col>
</el-form-item>
<c-col :span="24">
<!-- <c-col :span="24">
<el-form-item label="Defer Payment until">
</el-form-item>
</c-col>
<c-col :span="24">
<c-select v-model="model.bodgrp.rec.othins" style="width:100%" placeholder="请选择Defer Payment until" :code="codes.othins">
<c-select v-model="model.bodgrp.rec.othins" style="width:100%" placeholder="请选择Defer Payment until"
:code="codes.othins">
</c-select>
</c-col> -->
<el-form-item label="less comm" prop="bodgrp.cbs.opn1.cur">
<c-col :span="24" style="width:100%">
<c-select v-model="model.bodgrp.cbs.opn1.cur" style="width: %" placeholder="请选择Document Amount"
:code="codes.cur">
</c-select>
</c-col>
</el-form-item>
<c-col :span="24">
<!-- <c-col :span="24">
<el-form-item label="less comm">
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="12">
<c-select v-model="model.bodgrp.cbs.opn1.cur" style="width: %" placeholder="请选择Document Amount" :code="codes.cur">
<c-select v-model="model.bodgrp.cbs.opn1.cur" style="width: %" placeholder="请选择Document Amount"
:code="codes.cur">
</c-select>
</c-col>
<c-col :span="12">
<c-input v-model="model.bodgrp.rec.lescom" placeholder="请输入Warehouse/Insurance"></c-input>
</c-col>
</c-col>
</c-col> -->
</c-col>
</c-row>
......@@ -195,19 +336,18 @@ import Event from "~/model/Botdav/Event"
export default {
inject: ['root'],
props:["model","codes"],
props: ["model", "codes"],
mixins: [commonProcess],
data(){
data() {
return {
}
},
methods:{...Event},
created:function(){
methods: { ...Event },
created: function () {
}
}
</script>
<style>
</style>
src/views/Business/Botdav/Ovwp.vue
......@@ -4,50 +4,25 @@
<c-col :span="24">
<c-col :span="11">
<c-col :span="20">
<el-form-item
label="Reference"
prop="bodgrp.rec.ownref"
style="width: 100%"
>
<c-input
v-model="model.bodgrp.rec.ownref"
maxlength="16"
placeholder="请输入Reference"
style="width: 95%"
disabled
></c-input>
<el-form-item label="Reference" prop="bodgrp.rec.ownref" style="width: 100%">
<c-input v-model="model.bodgrp.rec.ownref" maxlength="16" placeholder="请输入Reference" 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"
@click="onSeainf"
></c-button>
<c-button style="margin:0 10px 0 0;padding: 0 10px;" size="small" type="primary" icon="el-icon-search"
@click="onSeainf"></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"
@click="onDitpButgetref"
>
<c-button style="margin:0 0" size="small" type="primary" :disabled="this.flag" @click="onDitpButgetref">
获取
</c-button>
</c-col>
</c-col>
<c-col :span="11" :offset="1">
<el-form-item label="摘要" prop="bodgrp.rec.nam">
<c-input
align="middle"
v-model="model.bodgrp.rec.nam"
maxlength="40"
disabled
placeholder="请输入Externally Displayed Name to Identify the Contract"
></c-input>
<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>
......@@ -55,156 +30,95 @@
<c-col :span="11">
<c-col :span="24">
<c-col :span="12">
<el-form-item
label="Responsible User"
prop="ditp.usr.extkey"
style="width: 100%"
>
<c-input
style="width: 95%"
v-model="model.botp.usr.extkey"
maxlength="8"
placeholder="请输入User ID"
disabled
></c-input>
<el-form-item label="Responsible User" prop="ditp.usr.extkey" style="width: 100%">
<c-input style="width: 95%" v-model="model.botp.usr.extkey" maxlength="8" placeholder="请输入User ID" disabled>
</c-input>
</el-form-item>
</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"
@click="onExtkey"
></c-button>
<c-button style="margin:0 10px 0 0;padding: 0 10px;" size="small" icon="el-icon-search" type="primary"
@click="onExtkey"></c-button>
</c-col>
<c-col :span="8">
<c-checkbox
v-model="model.bodgrp.rec.dircolflg"
>Direct Collection</c-checkbox>
<c-checkbox v-model="model.bodgrp.rec.dircolflg">Direct Collection</c-checkbox>
</c-col>
</c-col>
<c-col :span="12">
<el-form-item label="Document Amount" prop="bodgrp.cbs.max.cur">
<c-select
v-model="model.bodgrp.cbs.max.cur"
style="width: 100%"
placeholder="请选择Currency"
>
<el-option
v-for="item in codes.cur"
:key="item.value"
:label="item.label"
:value="item.value"
>
<c-select v-model="model.bodgrp.cbs.max.cur" style="width: 100%" placeholder="请选择Currency">
<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.max.amt"
>
<c-input-currency
v-model="model.bodgrp.cbs.max.amt"
style="text-align: left; width: 100%"
<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="请输入Document Amount"
@keyup.enter.native="defaultFunction('bodgrp.cbs.max.amt', model.bodgrp.cbs.max.amt)"
></c-input-currency>
@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="Warehouse/Insurance" prop="bodgrp.cbs.opn1.cur">
<c-select
disabled
v-model="model.bodgrp.cbs.opn1.cur"
style="width: 100%"
placeholder="请选择Currency"
>
<el-option
v-for="item in codes.cur"
:key="item.value"
:label="item.label"
:value="item.value"
>
<c-select disabled v-model="model.bodgrp.cbs.opn1.cur" style="width: 100%" placeholder="请选择Currency">
<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="请输入Warehouse/Insurance"
@keyup.enter.native="defaultFunction('bodgrp.cbs.opn1.amt', model.bodgrp.cbs.opn1.amt)"
></c-input-currency>
<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="请输入Warehouse/Insurance" :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="Order Date" prop="bodgrp.rec.rcvdat">
<c-date-picker
type="date"
v-model="model.bodgrp.rec.rcvdat"
style="width:100%"
placeholder="请选择Order Date"
></c-date-picker>
<c-date-picker type="date" v-model="model.bodgrp.rec.rcvdat" style="width:100%" placeholder="请选择Order Date">
</c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Shipment date" prop="bodgrp.rec.shpdat">
<c-date-picker
type="date"
v-model="model.bodgrp.rec.shpdat"
style="width:100%"
placeholder="请选择Shipment date"
></c-date-picker>
<c-date-picker type="date" v-model="model.bodgrp.rec.shpdat" style="width:100%"
placeholder="请选择Shipment date"></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Presentation Date" prop="bodgrp.rec.predat">
<c-date-picker type="date" v-model="model.bodgrp.rec.predat" style="width:100%" placeholder="请选择Presentation Date"></c-date-picker>
<c-date-picker type="date" v-model="model.bodgrp.rec.predat" style="width:100%"
placeholder="请选择Presentation Date"></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Dispatched on" prop="bodgrp.rec.advdat">
<c-date-picker type="date" v-model="model.bodgrp.rec.advdat" style="width:100%" placeholder="请选择Dispatched on"></c-date-picker>
<c-date-picker type="date" v-model="model.bodgrp.rec.advdat" style="width:100%" :disabled="true"
placeholder="请选择Dispatched on"></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Collection Condition" prop="bodgrp.rec.doctypcod">
<c-select v-model="model.bodgrp.rec.doctypcod" style="width:100%" placeholder="请选择Collection Condition" :code="codes.doctypcod">
<c-select v-model="model.bodgrp.rec.doctypcod" style="width:100%" placeholder="请选择Collection Condition"
:code="codes.doctypcod">
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Maturity Date" prop="bodgrp.rec.matdat">
<c-date-picker type="date" v-model="model.bodgrp.rec.matdat" style="width:100%" placeholder="请选择Maturity Date"></c-date-picker>
<c-date-picker type="date" v-model="model.bodgrp.rec.matdat" style="width:100%"
placeholder="请选择Maturity Date"></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%" >
<el-option
v-for="item in codes.invtyp"
:key="item.value"
:label="item.label"
:value="item.value"
>
<c-select v-model="model.bodgrp.rec.invtyp" style="width:100%">
<el-option v-for="item in codes.invtyp" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</c-select>
</el-form-item>
......@@ -218,73 +132,97 @@
<c-col :span="24">
<el-form-item label="Starting from" prop="bodgrp.rec.matperbeg">
<c-select v-model="model.bodgrp.rec.matperbeg" style="width:100%" placeholder="请选择Starting from" :code="codes.matperbeg">
<c-select v-model="model.bodgrp.rec.matperbeg" style="width:100%" placeholder="请选择Starting from"
:code="codes.matperbeg">
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Tenor Details Text" prop="bodgrp.blk.bogdet">
<c-input type="textarea" v-model="model.bodgrp.blk.bogdet" maxlength="43" show-word-limit placeholder="请输入Tenor Details Text" ></c-input>
<c-input type="textarea" v-model="model.bodgrp.blk.bogdet" maxlength="43" show-word-limit
placeholder="请输入Tenor Details Text"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<c-istream-table
:list="model.botp.docgrdm.docgrd"
:columns="columns"
<!-- 无法显示数据，改用另一种方式 -->
<!-- <c-col :span="24">
<c-table
:list="model.botp.docgrdm.docgrd || []"
>
</c-istream-table>
<el-table-column label="1st" width="camil1"></el-table-column>
<el-table-column label="2st" width="camil2"></el-table-column>
<el-table-column label="Document" width="docnam"></el-table-column>
</c-table>
</c-col> -->
<c-col :span="24" style="height: 24px; margin-top: -10px">
<el-form-item :label="model.botp.docgrdm.docdsclab" class="messageLabel">
<c-button style="float: right" @click="addTableValue" type="primary">新增单据</c-button>
</el-form-item>
</c-col>
<c-col :span="24" style="margin-bottom: 30px;">
<c-table height="200px" style="text-align: center" :list="this.model.botp.docgrdm.docgrd || []"
:paginationShow="false" :border="true">
<el-table-column label="1st" width="auto">
<template slot-scope="scope">
<c-input v-model="scope.row.cmail1"></c-input>
</template>
</el-table-column>
<el-table-column label="2st" width="auto">
<template slot-scope="scope">
<c-input v-model="scope.row.cmail2"></c-input>
</template>
</el-table-column>
<el-table-column label="Document" prop="docnam" width="auto">
<template slot-scope="scope">
<!-- {{scope.row.docnam}} -->
<c-select style="width: 100%" placeholder="请选择" v-model="scope.row.docnam">
<el-option v-for="item in codeTable" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</c-select>
</template>
</el-table-column>
<el-table-column label="操作" width="170px" fixed="right">
<template slot-scope="scope">
<c-button @click="deleteTable(scope.$index)" type="primary">删除</c-button>
</template>
</el-table-column>
</c-table>
</c-col>
</c-col>
<!-- ====================右边======================= -->
<c-col :span="11" :offset="1">
<c-ptap
:model="model"
:argadr="{
<c-ptap :model="model" :argadr="{
title: 'Drawer',
grp: 'bodgrp',
rol: 'drr',
}"
:isAdrblk="true"
:disabled="false"
@onSeainf="onSeainf"
@onAplpDet="onBenpDet"
>
}" :isAdrblk="true" :disabled="false" @onSeainf="onSeainf" @onAplpDet="onBenpDet">
</c-ptap>
<c-ptap
:model="model"
:argadr="{
<c-ptap :model="model" :argadr="{
title: 'Collecting Bank',
grp: 'bodgrp',
rol: 'col',
}"
:disabled="false"
@onSeainf="onSeainf"
@onAplpDet="onBenpDet"
>
}" :disabled="false" @onSeainf="onSeainf" @onAplpDet="onBenpDet">
</c-ptap>
<c-ptap
:model="model"
:argadr="{
<c-ptap :model="model" :argadr="{
title: 'Drawee',
grp: 'bodgrp',
rol: 'dre',
}"
:disabled="false"
@onSeainf="onSeainf"
@onAplpDet="onBenpDet"
>
}" :disabled="false" @onSeainf="onSeainf" @onAplpDet="onBenpDet">
</c-ptap>
<c-col :span="24">
<el-form-item label="Country Code Risk Country!" prop="bodgrp.rec.stacty">
<c-select v-model="model.bodgrp.rec.stacty" style="width:100%" placeholder="请选择Country Code Risk Country!" :code="codes.stacty">
<c-select v-model="model.bodgrp.rec.stacty" style="width:100%" placeholder="请选择Country Code Risk Country!"
:code="codes.stacty">
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Goods Code" prop="bodgrp.rec.stagod" >
<c-select v-model="model.bodgrp.rec.stagod" style="width:100%" placeholder="请选择Goods Code" :code="codes.stagod">
<el-form-item label="Goods Code" prop="bodgrp.rec.stagod">
<c-select v-model="model.bodgrp.rec.stagod" style="width:100%" placeholder="请选择Goods Code" :code="codeTable2">
</c-select>
</el-form-item>
</c-col>
......@@ -292,41 +230,126 @@
</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";
export default {
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";
export default {
components: { "c-ptap": Ptap },
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {
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: "",
},
};
},
methods: {
...Event,
onSeainf(){},
onBenpDet(){},
onDitpButgetref(){},
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;
onExtkey(){},
// 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;
// }
// }
},
onSeainf() { },
onBenpDet() { },
onDitpButgetref() { },
onExtkey() { },
},
computed: {
flag() {
return this.model.bodgrp.drr.pts.adrelc== "";
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/Ptyp.vue
......@@ -10,7 +10,7 @@
}"
:disabled="true"
@onSeainf="onSeainf"
@onAplpDet="onBenpDet"
>
</c-ptap>
......@@ -23,7 +23,7 @@
}"
:disabled="true"
@onSeainf="onSeainf"
@onAplpDet="onBenpDet"
>
</c-ptap>
</c-col>
......@@ -37,14 +37,14 @@
}"
:disabled="true"
@onSeainf="onSeainf"
@onAplpDet="onBenpDet"
>
</c-ptap>
</c-col>
<c-col :span="24">
<c-edit-table :model="model" v-bind="ptsaddg">
<el-table-column label="操作" align="center">
<el-table-column label="操作" text-align="center">
<template slot-scope="scope">
<el-button
size="mini"
......@@ -103,7 +103,6 @@ export default {
},
methods:{...Event},
created:function(){
onsole.log(this.root);
}
}
</script>
......
src/views/Business/Botdav/index.vue
<template>
<c-page title="出口托收寄单">
<c-page title="出口托收寄单">
<div class="eContainer">
<c-function-btn
:handleSubmit="handleSubmit"
:handleCheck="handleCheck"
:handleStash="handleStash"
>
<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>
......@@ -14,75 +10,76 @@
<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="150px" label-position="left" size="small" :validate-on-rule-change="false">
<el-form :model="model" :rules="rules" ref="modelForm" label-width="150px" 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="Overview" name="ovwp">
<c-content>
<m-ovwp :model="model" :codes="codes"/>
<m-ovwp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--Instructions -->
<el-tab-pane label="Instructions" name="inst">
<c-content>
<m-inst :model="model" :codes="codes"/>
<m-inst :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--Parties -->
<el-tab-pane label="Parties" name="ptyp">
<c-content>
<m-ptyp :model="model" :codes="codes"/>
<m-ptyp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--Received Instructions -->
<el-tab-pane label="Received Instructions" name="instrecp">
<c-content>
<m-instrecp :model="model" :codes="codes"/>
<m-instrecp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--Liability -->
<el-tab-pane label="Liability" name="engp">
<m-engp :model="model" :codes="codes"/>
<m-engp :model="model" :codes="codes" />
</el-tab-pane>
<!--Settlement -->
<el-tab-pane label="Settlement" name="setpan">
<m-setpan :model="model" :codes="codes"/>
<m-setpan :model="model" :codes="codes" />
</el-tab-pane>
<!--Bookings -->
<el-tab-pane label="Bookings" name="glepan">
<m-glepan :model="model" :codes="codes"/>
<m-glepan :model="model" :codes="codes" />
</el-tab-pane>
<!--Completion -->
<el-tab-pane label="Completion" name="coninfp">
<m-coninfp :model="model" :codes="codes"/>
<m-coninfp :model="model" :codes="codes" />
</el-tab-pane>
<!--Messages -->
<el-tab-pane label="Messages" name="docpan">
<m-docpan :model="model" :codes="codes"/>
<m-docpan :model="model" :codes="codes" />
</el-tab-pane>
<!--Attachments -->
<el-tab-pane label="Attachments" name="doctre">
<m-doctre :model="model" :codes="codes"/>
<m-doctre :model="model" :codes="codes" />
</el-tab-pane>
<!--跨境人民币申报 -->
<el-tab-pane label="跨境人民币申报" name="cnyp">
<m-cnyp :model="model" :codes="codes"/>
<m-cnyp :model="model" :codes="codes" />
</el-tab-pane>
<!--货权单据 -->
<el-tab-pane label="货权单据" name="srmp">
<m-srmp :model="model" :codes="codes"/>
<m-srmp :model="model" :codes="codes" />
</el-tab-pane>
</c-tabs>
</el-form>
......@@ -96,6 +93,7 @@ import Api from "~/service/Api"
import CodeTable from "~/config/CodeTable"
import Botdav from "~/model/Botdav"
import commonProcess from "~/mixin/commonProcess"
import commonFuncs from "~/mixin/commonFuncs";
import Check from "~/model/Botdav/Check"
import Default from "~/model/Botdav/Default"
import Pattern from "~/model/Botdav/Pattern"
......@@ -115,19 +113,20 @@ import Doctre from "~/views/Public/Doctre"
export default {
components:{
"m-ovwp" : Ovwp,
"m-inst" : Inst,
"m-ptyp" : Ptyp,
"m-instrecp" : Instrecp,
"m-setpan" : Setpan,
"m-coninfp" : Coninfp,
"m-docpan" : Docpan,
"m-doctre" : Doctre,
"m-cnyp" : Cnyp,
"m-srmp" : Srmp,
"m-engp":Engp,
"m-glepan":Glepan,
name: "botdav",
components: {
"m-ovwp": Ovwp,
"m-inst": Inst,
"m-ptyp": Ptyp,
"m-instrecp": Instrecp,
"m-setpan": Setpan,
"m-coninfp": Coninfp,
"m-docpan": Docpan,
"m-doctre": Doctre,
"m-cnyp": Cnyp,
"m-srmp": Srmp,
"m-engp": Engp,
"m-glepan": Glepan,
},
provide() {
......@@ -135,13 +134,13 @@ export default {
root: this
}
},
mixins: [commonProcess], // 里面包含了Default、Check等的公共处理
data(){
mixins: [commonProcess, commonFuncs], // 里面包含了Default、Check等的公共处理
data() {
return {
tabVal: "ovwp",
trnName: "botdav",
model: new Botdav().data,
checkRules: Check,
// checkRules: Check,
defaultRules: Default,
pattern: Pattern,
rules: null,
......@@ -150,30 +149,31 @@ export default {
},
}
},
methods:{
tabClick(){
},
handleSubmit(){},
handleCheck(){},
handleStash(){},
methods: {
// tabClick(){
// },
// handleSubmit(){},
// handleCheck(){},
// handleStash(){},
},
created:async function(){
created: async function () {
console.log("进入botdav交易");
let rtnmsg = await this.init({})
if(rtnmsg.respCode == SUCCESS)
{
if (rtnmsg.respCode == SUCCESS) {
//TODO 处理数据逻辑
this.updateModel(rtnmsg.data)
if (this.isInDisplay) {
this.restoreDisplay();
}
else
{
this.$notify.error({title: '错误',message: '服务请求失败！'});
}
else {
this.$notify.error({ title: '错误', message: '服务请求失败！' });
}
}
},
};
</script>
<style>
</style>
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