Skip to content

V
vue-gjjs
Commit ae29b1bf by zhengxiaokui
Options

bdtudp

parent 4d613b53
Showing with 273 additions and 128 deletions
src/components/IStreamTable.vue
<template> <template>
<div class="eContainer-table-block"> <div class="eContainer-table-block">
<el-table ref="table" :data="tableData.slice((currentPage - 1) * pageSize, currentPage * pageSize)" <el-table
ref="table"
:data="
tableData.slice((currentPage - 1) * pageSize, currentPage * pageSize)
"
style="width: 100%" style="width: 100%"
class="eContainer-table" class="eContainer-table"
@selection-change="handleSelectionChange" @selection-change="handleSelectionChange"
:row-key="getRowKey" :row-key="getRowKey"
:header-cell-style="{background: 'eef1f6', color: '#606266'}" :header-cell-style="{ background: 'eef1f6', color: '#606266' }"
:highlight-current-row="true" :highlight-current-row="true"
@row-click="rowClick" @row-click="rowClick"
:border="true"> :border="true"
<el-table-column type="selection" width="55" v-if="showSelection" :reserve-selection="true"></el-table-column> >
<el-table-column
type="selection"
width="55"
v-if="showSelection"
:reserve-selection="true"
></el-table-column>
<el-table-column <el-table-column
v-for="(item, key) in tableColumns" v-for="(item, key) in tableColumns"
:key="key" :key="key"
...@@ -30,7 +40,14 @@ ...@@ -30,7 +40,14 @@
@size-change="sizeChange" @size-change="sizeChange"
@current-change="currentChange" @current-change="currentChange"
></el-pagination> ></el-pagination>
<div class="paginationLable">当前显示第 {{(currentPage - 1) * pageSize + 1}}-{{currentPage * pageSize > tableData.length ? tableData.length : currentPage * pageSize}} 条，共 {{tableData.length}} 条</div> <div class="paginationLable">
当前显示第 {{ (currentPage - 1) * pageSize + 1 }}-{{
currentPage * pageSize > tableData.length
? tableData.length
: currentPage * pageSize
}}
条，共 {{ tableData.length }} 条
</div>
</div> </div>
</template> </template>
...@@ -51,50 +68,50 @@ export default { ...@@ -51,50 +68,50 @@ export default {
}, },
showSelection: { showSelection: {
type: Boolean, type: Boolean,
default: false default: false,
} },
}, },
computed: { computed: {
tableColumns() { tableColumns() {
const columnArr = [] const columnArr = [];
const lines = this.columns; const lines = this.columns;
const etyReg = /\"([^\"]*)\"/ const etyReg = /\"([^\"]*)\"/;
const obj = {} const obj = {};
for (let i = 0; i < lines.length; i++) { for (let i = 0; i < lines.length; i++) {
const line = lines[i]; const line = lines[i];
if (etyReg.test(line)) { if (etyReg.test(line)) {
const gs = line.match(etyReg) const gs = line.match(etyReg);
const columnName = gs[1] const columnName = gs[1];
const newLine = line.replace(gs[0], "_") const newLine = line.replace(gs[0], "_");
const colPropArr = newLine.split(" ") const colPropArr = newLine.split(" ");
const positionArr = colPropArr[1].split(":") const positionArr = colPropArr[1].split(":");
if (!obj[positionArr[0]]) { if (!obj[positionArr[0]]) {
obj[positionArr[0]] = [] obj[positionArr[0]] = [];
} }
obj[positionArr[0]].push({ obj[positionArr[0]].push({
idx: colPropArr[0], idx: colPropArr[0],
prop: columnName, prop: columnName,
width: colPropArr[3] width: colPropArr[3] + 'px',
}) });
} }
} }
for (const k in obj) { for (const k in obj) {
if (Object.hasOwnProperty.call(obj, k)) { if (Object.hasOwnProperty.call(obj, k)) {
const o = obj[k]; const o = obj[k];
const tableColumn = o.map(item => item.prop).join("\n") const tableColumn = o.map((item) => item.prop).join("\n");
columnArr.push({ columnArr.push({
prop: tableColumn, prop: tableColumn,
label: tableColumn, label: tableColumn,
// width: o[0].width, // width: o[0].width,
width: "auto", width: "auto",
index: k, index: k,
children: o children: o,
}) });
} }
} }
return columnArr.sort((a,b) => { return columnArr.sort((a, b) => {
return parseInt(a.index) - parseInt(b.index) return parseInt(a.index) - parseInt(b.index);
}) });
}, },
tableData() { tableData() {
// return this.list.map((row) => { // return this.list.map((row) => {
...@@ -105,26 +122,28 @@ export default { ...@@ -105,26 +122,28 @@ export default {
// } // }
// return res; // return res;
// }); // });
const arr = [] const arr = [];
for (let i = 0; i < this.list.length; i++) { for (let i = 0; i < this.list.length; i++) {
const d = this.list[i]; const d = this.list[i];
const items = d.split("\t") const items = d.split("\t");
const it = {} const it = {};
for (let j = 0; j < this.tableColumns.length; j++) { for (let j = 0; j < this.tableColumns.length; j++) {
const column = this.tableColumns[j]; const column = this.tableColumns[j];
it[column['prop']] = column.children.map(c => items[c['idx']] || " ").join("\n") it[column["prop"]] = column.children
.map((c) => items[c["idx"]] || " ")
.join("\n");
} }
it['IDX'] = i it["IDX"] = i;
arr.push(it) arr.push(it);
} }
return arr return arr;
}, },
}, },
data() { data() {
return { return {
currentPage: 1, currentPage: 1,
pageSizes: [5, 10, 20, 30, 40, 50, 100], pageSizes: [5, 10, 20, 30, 40, 50, 100],
pageSize: 5 pageSize: 5,
}; };
}, },
methods: { methods: {
...@@ -135,44 +154,44 @@ export default { ...@@ -135,44 +154,44 @@ export default {
this.currentPage = currentPage; this.currentPage = currentPage;
}, },
handleSelectionChange(val) { handleSelectionChange(val) {
this.$emit("multipleSelect", this.getSelectedRowIndex(val)) this.$emit("multipleSelect", this.getSelectedRowIndex(val));
}, },
getRowKey(row) { getRowKey(row) {
return row['IDX'] return row["IDX"];
}, },
getSelectedRowIndex(val) { getSelectedRowIndex(val) {
const indexArr = [] const indexArr = [];
for (let j = 0; j < val.length; j++) { for (let j = 0; j < val.length; j++) {
const v = val[j]; const v = val[j];
for (let i = 0; i < this.tableData.length; i++) { for (let i = 0; i < this.tableData.length; i++) {
const data = this.tableData[i]; const data = this.tableData[i];
if (v['IDX'] === data ['IDX']) { if (v["IDX"] === data["IDX"]) {
indexArr.push(i) indexArr.push(i);
} }
} }
} }
return indexArr return indexArr;
}, },
// 行点击，设置高亮 // 行点击，设置高亮
rowClick(row, column, event) { rowClick(row, column, event) {
this.$refs.table.setCurrentRow(row); this.$refs.table.setCurrentRow(row);
this.$emit("chooseRowEvent", row) this.$emit("chooseRowEvent", row);
} },
} },
}; };
</script> </script>
<style> <style>
.eContainer-table-block{ .eContainer-table-block {
margin-top: 15px; margin-top: 15px;
} }
.eContainer-table-block .paginationLable{ .eContainer-table-block .paginationLable {
font-size: 12px; font-size: 12px;
color: #808080; color: #808080;
height: 26px; height: 26px;
line-height: 26px; line-height: 26px;
float:right; float: right;
margin-top:20px; margin-top: 20px;
} }
.eContainer-table-block .el-table__body-wrapper { .eContainer-table-block .el-table__body-wrapper {
overflow: auto; overflow: auto;
...@@ -184,7 +203,7 @@ export default { ...@@ -184,7 +203,7 @@ export default {
background: #f0f9eb; background: #f0f9eb;
} }
.eContainer-table-block .el-table .cell{ .eContainer-table-block .el-table .cell {
white-space: pre-wrap; white-space: pre-wrap;
} }
</style> </style>
\ No newline at end of file
src/mixin/commonApi.js
...@@ -2,48 +2,44 @@ import Api from "~/service/Api" ...@@ -2,48 +2,44 @@ import Api from "~/service/Api"
import Utils from "../utils" import Utils from "../utils"
export default { export default {
data(){ data() {
return {} return {}
}, },
mounted(){ mounted() {
//this.restoreDisplay() //this.restoreDisplay()
}, },
methods:{ methods: {
init(params){ init(params) {
return Api.post(this.declareParams.trnName+"/init",{params}) return Api.post(this.declareParams.trnName + "/init", { params })
}, },
save(params){ save(params) {
return Api.post(this.declareParams.trnName+"/saveData", this.wrapper(params)) return Api.post(this.declareParams.trnName + "saveData", this.wrapper(params))
}, },
exeuteCheck(rulePath,params){ exeuteCheck(rulePath, params) {
return Api.post(this.declareParams.trnName+"/executeCheck/"+rulePath, this.wrapper(params)) return Api.post(this.declareParams.trnName + "/executeCheck/" + rulePath, this.wrapper(params))
}, },
executeDefault(rulePath,params) executeDefault(rulePath, params) {
{ return Api.post(this.declareParams.trnName + "/executeDefault/" + rulePath, this.wrapper(params))
return Api.post(this.declareParams.trnName+"/executeDefault/"+rulePath, this.wrapper(params))
}, },
executeRule(rulePath,params) executeRule(rulePath, params) {
{ return Api.post(this.declareParams.trnName + "/executeRule/" + rulePath, this.wrapper(params))
return Api.post(this.declareParams.trnName+"/executeRule/"+rulePath, this.wrapper(params))
}, },
async checkAll(params){ async checkAll(params) {
const res = await Api.post(this.declareParams.trnName+"/checkAll", this.wrapper(params)) const res = await Api.post(this.declareParams.trnName + "/checkAll", this.wrapper(params))
return res return res
}, },
pedding(params){ pedding(params) {
return Api.post(this.declareParams.trnName+"/pending", this.wrapper(params)) return Api.post(this.declareParams.trnName + "/pending", this.wrapper(params))
}, },
async restoreDisplay() async restoreDisplay() {
{
let inr = this.$route.query.trn let inr = this.$route.query.trn
if(!inr) if (!inr)
return return
let data =await Api.post("display/"+inr) let data = await Api.post("display/" + inr)
Utils.copyValueFromVO(this.model,JSON.parse(data.data)) Utils.copyValueFromVO(this.model, JSON.parse(data.data))
}, },
executeNotify(params) executeNotify(params) {
{ return Api.post(this.declareParams.trnName + "/executeNotify", this.wrapper(params))
return Api.post(this.declareParams.trnName+"/executeNotify", this.wrapper(params))
}, },
} }
} }
\ No newline at end of file
src/model/Bdtudp/index.js
...@@ -139,6 +139,7 @@ export default class Bdtudp { ...@@ -139,6 +139,7 @@ export default class Bdtudp {
}, },
docgrdm: { docgrdm: {
docdsclab: "", // Label of document description .bdtp.docgrdm.docdsclab docdsclab: "", // Label of document description .bdtp.docgrdm.docdsclab
docgrd: [],
}, },
cre752flg: "", // Create 752 .bdtp.cre752flg cre752flg: "", // Create 752 .bdtp.cre752flg
furide: "", // Further Identification .bdtp.furide furide: "", // Further Identification .bdtp.furide
......
src/views/Business/Bdtudp/Docpre.vue
<template> <template>
<div class="eibs-tab"> <div class="eibs-tab">
<c-row> <c-row>
<c-col :span="6"> <c-col :span="12">
<c-checkbox v-model="model.bddgrp.rec.igndisflg" <c-row>
>Ignore Discrepancies</c-checkbox <c-col :span="24">
> <el-form-item label="不符点">
<c-input
type="textarea"
:rows="6"
v-model="model.bddgrp.blk.docdis"
maxlength="65"
show-word-limit
placeholder="请输入不符点"
></c-input>
</el-form-item>
</c-col> </c-col>
<c-col :span="6"> <c-col :span="24">
<c-checkbox v-model="model.bddgrp.rec.approvcod" <el-form-item label="解释和结论">
>Documents on Approval Basis</c-checkbox <c-input
> type="textarea"
:rows="4"
v-model="model.bddgrp.blk.comcon"
maxlength="65"
show-word-limit
placeholder="请输入解释和结论"
></c-input>
</el-form-item>
</c-col> </c-col>
<c-col :span="6"> <c-col :span="24">
<c-checkbox v-model="model.bdtp.cre752flg">Create 752</c-checkbox> <el-form-item label="到期付款确认备注">
<c-input
type="textarea"
:rows="2"
resize="none"
v-model="model.bddgrp.blk.accrmk"
maxlength="65"
show-word-limit
placeholder="请输入到期付款确认备注"
></c-input>
</el-form-item>
</c-col> </c-col>
<c-col :span="24">
<c-col :span="6"> <c-istream-table
<c-checkbox v-model="model.bdtp.cre732flg">Create MT 732</c-checkbox> :list="model.bdtp.docgrdm.docgrd"
:columns="columns"
>
</c-istream-table>
</c-col>
</c-row>
</c-col> </c-col>
<!-- <c-col :span="12"> <c-col :span="12">
<c-button <c-row>
size="small" <c-col :span="24">
type="primary" <div class="c-checkbox">
icon="el-icon-search" <c-checkbox v-model="model.bddgrp.rec.igndisflg"
@click="onDocdisButtxmsel" >忽略不符点</c-checkbox
>
</div>
</c-col>
<c-col :span="24">
<div class="c-checkbox">
<c-checkbox v-model="model.bddgrp.blk.docdisflg"
>录入不符点</c-checkbox
> >
... </div>
</c-button> </c-col>
</c-col> -->
<c-col :span="12"> <c-col :span="24">
<el-form-item label="Type of Advice Received" prop="bddgrp.rec.advtyp"> <el-form-item label="收到的通知类型" prop="bddgrp.rec.advtyp">
<c-select <c-select
v-model="model.bddgrp.rec.advtyp" v-model="model.bddgrp.rec.advtyp"
style="width: 100%" style="width: 100%"
placeholder="请选择Type of Advice Received" placeholder="请选择收到的通知类型"
> >
</c-select> </c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="24">
<el-form-item label="不符点通知日期" prop="bddgrp.rec.disdat"> <el-form-item label="付款日期" prop="bddgrp.rec.totdat">
<c-date-picker <c-date-picker
type="date" type="date"
v-model="model.bddgrp.rec.disdat" v-model="model.bddgrp.rec.totdat"
style="width: 100%" style="width: 100%"
placeholder="请选择不符点通知日期" placeholder="请选择付款日期"
></c-date-picker> ></c-date-picker>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="24">
<el-form-item label="Comments and Conclusions"> <el-form-item label="不符点通知日期" prop="bddgrp.rec.disdat">
<c-input <c-date-picker
type="textarea" type="date"
v-model="model.bddgrp.blk.comcon" v-model="model.bddgrp.rec.disdat"
maxlength="65" style="width: 100%"
show-word-limit placeholder="请选择不符点通知日期"
placeholder="请输入Comments and Conclusions" ></c-date-picker>
></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="24">
<span <div class="c-checkbox">
v-text="model.bdtp.docgrdm.docdsclab" <c-checkbox v-model="model.bddgrp.rec.approvcod"
data-path=".bdtp.docgrdm.docdsclab" >议付行担保议付</c-checkbox
> >
</span> </div>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="24">
<el-form-item label="到期付款确认备注"> <div class="c-checkbox">
<c-input <c-checkbox v-model="model.bdtp.cre752flg"
type="textarea" >Create MT 752</c-checkbox
v-model="model.bddgrp.blk.accrmk" >
maxlength="65" </div>
show-word-limit
placeholder="请输入到期付款确认备注"
></c-input>
</el-form-item>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="24">
<el-form-item label="Further Identification" prop="bdtp.furide"> <el-form-item label="Further Identification" prop="bdtp.furide">
<c-select <c-select
v-model="model.bdtp.furide" v-model="model.bdtp.furide"
...@@ -96,6 +128,16 @@ ...@@ -96,6 +128,16 @@
</c-select> </c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="24">
<div class="c-checkbox">
<c-checkbox v-model="model.bdtp.cre732flg"
>Create MT 732</c-checkbox
>
</div>
</c-col>
</c-row>
</c-col>
</c-row> </c-row>
</div> </div>
</template> </template>
...@@ -110,11 +152,22 @@ export default { ...@@ -110,11 +152,22 @@ export default {
props: ["model", "codes"], props: ["model", "codes"],
mixins: [CommonProcess], mixins: [CommonProcess],
data() { data() {
return {}; return {
columns: [
"0 0 \"lst1\" 50 ",
"1 1 \"lst2\" 50",
"2 2 \"document\" 200",
],
};
}, },
methods: { ...Event }, methods: { ...Event },
created: function () {}, created: function () {},
}; };
</script> </script>
<style> <style>
.c-checkbox {
text-align: center;
margin: 10px;
font-size: 16px;
}
</style> </style>
src/views/Public/Ptsadr.vue 0 → 100644
<template>
<div class="eibs-tab">
<c-col :span="24">
<el-form-item :label="argadr.title" :prop="argadr.rol">
<c-input
v-model="model[argadr.rol]"
:placeholder="'请输入' + argadr.title + '角色'"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="BIC" :prop="argadr.url + 'extkey'">
<c-input
v-model="model[argadr.url + 'extkey']"
maxlength="16"
:placeholder="'请输入' + argadr.title + 'BIC'"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="联行行号" :prop="argadr.url + 'bankno'">
<c-input
v-model="model[argadr.url + 'bankno']"
maxlength="20"
placeholder="请输入联行行号"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="联行行名" :prop="argadr.url + 'jigomc'">
<c-input
v-model="model[argadr.url + 'jigomc']"
maxlength="35"
placeholder="请输入联行行名"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="联行地址" :prop="argadr.url + 'dizhii'">
<c-input
type="textarea"
v-model="model[argadr.url + 'dizhii']"
maxlength="35"
placeholder="请输入联行地址"
></c-input>
</el-form-item>
</c-col>
</div>
</template>
<script>
import Api from "~/service/Api";
import CommonProcess from "~/mixin/CommonProcess";
import CodeTable from "~/config/CodeTable";
export default {
inject: ["root"],
mixins: [CommonProcess],
props: ["model", "codes", "argadr"],
data() {
return {
data: [],
};
},
watch: {},
methods: { ...Event },
created: function () {},
};
</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