Skip to content

V
vue-gjjs
Commit 4878c855 by wangyanjiao
Options

Bdtdcr表格修改，Botdav交易

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