Skip to content

V
vue-gjjs
Commit b6277166 by lianyang
Options

Brtdck/Brtudp的Discr./Instr.页面（docpre.vue）已交单据小组件修改

parent 815469b0
Showing with 206 additions and 24 deletions
src/model/Brtdck/index.js
......@@ -157,6 +157,7 @@ export default class Brtdck {
setnowflg: "", // Register to Send and Settle Document .brtp.setnowflg
docgrdm: {
docdsclab: "", // Label of document description .brtp.docgrdm.docdsclab
docgrd: "", //brtp.docgrdm.docgrd
},
cre752flg: "", // Create 752 .brtp.cre752flg
furide: "", // Further Identification .brtp.furide
......
src/model/Brtudp/Pattern.js
......@@ -124,7 +124,7 @@ export default {
],
"setmod.docamt":[
{type: "number", required: false, message: "必输项"},
{type: "string", required: false, message: "必输项"},
{max: 18,message:"整数位不能超过14位"},
{pattern: /(^\d+$)|(^\.\d{1,3}$)|(^\d+\.\d{1,3}$)/, message: "小数位不能超过3位" }
],
......@@ -138,7 +138,7 @@ export default {
],
"aamset.utlamt":[
{type: "number", required: false, message: "必输项"},
{type: "string", required: false, message: "必输项"},
{max: 18,message:"整数位不能超过14位"},
{pattern: /(^\d+$)|(^\.\d{1,3}$)|(^\d+\.\d{1,3}$)/, message: "小数位不能超过3位" }
],
......@@ -147,7 +147,7 @@ export default {
{max: 35,message:"长度不能超过35"}
],
"aamset.utlamt2":[
{type: "number", required: false, message: "必输项"},
{type: "string", required: false, message: "必输项"},
{max: 18,message:"整数位不能超过14位"},
{pattern: /(^\d+$)|(^\.\d{1,3}$)|(^\d+\.\d{1,3}$)/, message: "小数位不能超过3位" }
],
......
src/model/Brtudp/index.js
......@@ -155,6 +155,7 @@ export default class Brtudp {
},
docgrdm: {
docdsclab: "", // Label of document description .brtp.docgrdm.docdsclab
docgrd: "", //brtp.docgrdm.docgrd
},
cre752flg: "", // Create 752 .brtp.cre752flg
furide: "", // Further Identification .brtp.furide
......
src/views/Business/Brtdck/Docpre.vue
......@@ -35,7 +35,80 @@
...
</c-button>
</c-col>
<!-- <c-col :span="12">
<c-button size="small" type="primary"
icon="el-icon-search" @click="onSetinstxmButtxmsel">
...
</c-button>
</c-col>
<c-col :span="12">
<span v-text="model.brtp.docgrdm.docdsclab" data-path=".brtp.docgrdm.docdsclab" > </span>
</c-col> -->
<!-- Documents Presdented 已交单据 -->
<c-col :span="24" style="height: 24px; margin-top: 5px">
<!-- <el-form-item
:label="model.brtp.docgrdm.docdsclab"
class="messageLabel"
> -->
<el-form-item
label="Documents Presdented"
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;margin-top: -10px;">
<c-table
height="200px"
style="text-align: center"
:list="this.model.brtp.docgrdm.docgrd || []"
:paginationShow="false"
:border="true"
>
<el-table-column label="1st" width="auto" sortable>
<template slot-scope="scope">
<c-input v-model="scope.row.cmail1"></c-input>
</template>
</el-table-column>
<el-table-column label="2st" width="auto" sortable>
<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" sortable>
<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-col :span="24">
......@@ -93,18 +166,8 @@
<c-col :span="24">
<c-checkbox v-model="model.brtp.cre732flg" disabled>Create MT 732</c-checkbox>
</c-col>
</c-col>
<!-- <c-col :span="12">
<c-button size="small" type="primary" icon="el-icon-search" @click="onSetinstxmButtxmsel">
...
</c-button>
</c-col>
<c-col :span="12">
<span v-text="model.brtp.docgrdm.docdsclab" data-path=".brtp.docgrdm.docdsclab" > </span>
</c-col> -->
</div>
</template>
......@@ -113,15 +176,59 @@ import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Brtdck/Event";
import Utils from "~/utils";
export default {
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {};
return {
newValue: {
id: 0,
cmail1: "",
cmail2: "",
docnam: "",
serialNum: "",
tableName: "",
tcddoc: "",
},
codeTable: [
{ label: 'Airway Bills', value: '1' },
{ label: `Beneficiary's Declaration`, value: '2' },
{ label: 'Bill of Lading Copies', value: '3' },
{ label: 'Bill of Lading Originals', value: '4' },
{ label: 'Certificate', value: '5' },
{ label: 'Certificate of Analysis', value: '6' },
{ label: 'Certificate of Origin', value: '7' },
{ label: 'Certificate of Quality', value: '8' },
{ label: 'Certificate of Quantity', value: '9' },
{ label: 'Commercial Invoice', value: '10' },
{ label: 'Courier Receipt', value: '11' },
{ label: 'Draft', value: '12' },
{ label: 'Export Licence ', value: '13' },
{ label: 'Fax Report', value: '14' },
{ label: 'Inspection Cert', value: '15' },
{ label: 'Insurance Policy', value: '16' },
{ label: 'Packing List', value: '17' },
{ label: 'Shipment Advice', value: '18' },
{ label: 'Weight List', value: '19' },
],
};
},
methods: {
...Event,
addTableValue(index) {
var newTableValue = Object.assign({}, this.newValue);
const serial=Utils.generateUUID();
newTableValue.serialNum=serial;
// this.model.brtp.docgrdm.docgrd.push(newTableValue);
this.model.brtp.docgrdm.docgrd.splice(index-1,0,newTableValue);
},
deleteTable(index) {
this.model.brtp.docgrdm.docgrd.splice(index, 1);
},
},
methods: { ...Event },
created: function () {},
computed: {
docdisflg: {
......@@ -136,4 +243,9 @@ export default {
};
</script>
<style>
.messageLabel >>> .el-form-item__label {
text-align: left;
font-weight: bold;
font-size: 12px;
}
</style>
src/views/Business/Brtdck/index.vue
......@@ -31,7 +31,9 @@
</el-tab-pane>
<!--brtp PD000062 Discr./Instr. -->
<el-tab-pane label="Discr./Instr." name="docpre" v-if="model.brdgrp.rec.dscinsflg">
<c-content>
<m-docpre :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
<!--brtp PD000079 Shipping Details -->
<el-tab-pane label="Shipping Details" name="shpdet" v-if="model.brdgrp.rec.dscinsflg">
......
src/views/Business/Brtudp/Docpre.vue
......@@ -42,12 +42,40 @@
</c-col>
<c-col :span="24">
<el-form-item label="Documents Presented">
<c-table>
<c-table
height="200px"
style="text-align: center"
:list="this.model.brtp.docgrdm.docgrd || []"
:paginationShow="false"
:border="true"
>
<el-table-column prop="CMAIL1" label="1st" sortable>
<template slot-scope="scope">
<c-input v-model="scope.row.cmail1"></c-input>
</template>
</el-table-column>
<el-table-column prop="CMAIL2" label="2nd" sortable>
<template slot-scope="scope">
<c-input v-model="scope.row.cmail2"></c-input>
</template>
</el-table-column>
<el-table-column prop="DOCNAM" label="Document" sortable>
<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="" prop="det" width="80px" fixed="right">
<template slot-scope="scope" slot="header">
......@@ -56,10 +84,6 @@
<el-button style="padding:4px" circle class="el-icon-minus" size="mini" @click="removeRow(scope)">
</el-button>
</template>
<template slot-scope="scoped">
<el-button style="margin-left:0" size="small" type="primary"
@click="detail1(scoped.$index, scoped.row)">详情</el-button>
</template>
</el-table-column>
</c-table>
</el-form-item>
......@@ -135,17 +159,57 @@ import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Brtudp/Event";
import Utils from "~/utils";
export default {
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {};
return {
newValue: {
id: 0,
cmail1: "",
cmail2: "",
docnam: "",
serialNum: "",
tableName: "",
tcddoc: "",
},
codeTable: [
{ label: 'Airway Bills', value: '1' },
{ label: `Beneficiary's Declaration`, value: '2' },
{ label: 'Bill of Lading Copies', value: '3' },
{ label: 'Bill of Lading Originals', value: '4' },
{ label: 'Certificate', value: '5' },
{ label: 'Certificate of Analysis', value: '6' },
{ label: 'Certificate of Origin', value: '7' },
{ label: 'Certificate of Quality', value: '8' },
{ label: 'Certificate of Quantity', value: '9' },
{ label: 'Commercial Invoice', value: '10' },
{ label: 'Courier Receipt', value: '11' },
{ label: 'Draft', value: '12' },
{ label: 'Export Licence ', value: '13' },
{ label: 'Fax Report', value: '14' },
{ label: 'Inspection Cert', value: '15' },
{ label: 'Insurance Policy', value: '16' },
{ label: 'Packing List', value: '17' },
{ label: 'Shipment Advice', value: '18' },
{ label: 'Weight List', value: '19' },
],
};
},
methods: { ...Event
,addRow(){},
removeRow(){},
,addRow(scope){
var newTableValue = Object.assign({}, this.newValue);
const serial=Utils.generateUUID();
newTableValue.serialNum=serial;
// this.model.brtp.docgrdm.docgrd.push(newTableValue);
this.model.brtp.docgrdm.docgrd.splice(scope.index-1,0,newTableValue);
},
removeRow(scope){
this.model.brtp.docgrdm.docgrd.splice(scope.index, 1);
},
},
created: function () { },
computed: {
......
src/views/Business/Brtudp/index.vue
......@@ -27,7 +27,9 @@
<!--PD000062 -->
<el-tab-pane label="Discr./Instr." name="docpre">
<m-docpre :model="model" :codes="codes" />
<c-content>
<m-docpre :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!-- ======新增隐藏面板====== -->
......
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