Skip to content

V
vue-gjjs
Commit 5ec74000 by 潘际乾
Options

弹出框回填的提取

parent ce8c64da
Showing with 81 additions and 369 deletions
src/components/GridEtyPromptDialog.vue
<template>
<el-dialog :title="title" :visible.sync="show"
<el-dialog :title="promptData.title" :visible.sync="show"
custom-class="grid-ety"
:highlight-current-row="true"
width="60%"
......@@ -27,7 +27,20 @@
<script>
export default {
props: ["title", "columnStr", "data", "type", "rulePath"],
props: {
promptData: {
required: true,
type: Object,
default: () => {
return {
title: '',
columnStr: '',
data: [],
rulePath: ''
}
}
}
},
data() {
return {
show: false,
......@@ -38,36 +51,26 @@ export default {
},
computed: {
tableColumn() {
if (this.type === "extkey") {
return this.dealExtKeyTableColumn()
} else if (this.type === "bankno") {
return this.dealBanknoTableColumn()
}
return []
},
tableData() {
if (this.type === "extkey") {
return this.dealExtKeyTableData()
} else if (this.type === "bankno") {
return this.dealBanknoTableData()
}
return []
}
},
methods: {
dealExtKeyTableColumn() {
const columnArr = []
const lines = this.columnStr.split("\r\n")
// 1 7:1 QuoteBranch codeQuote 150 50\r\n
const etyReg = /Quote(\w*\s?\w*)Quote/
const lines = this.promptData.columnStr.split("\r\n")
const etyReg = /\"([^\"]*)\"/
const obj = {}
for (let i = 0; i < lines.length; i++) {
const line = lines[i];
let line = lines[i];
line = line.replace(/Quote/g, "\"");
if (etyReg.test(line)) {
const gs = line.match(etyReg)
const columnName = gs[1]
const newLine = line.replace(gs[0], "_")
const colPropArr = newLine.split(" ")
const newLine = line.replace(gs[0], " _ ")
const colPropArr = newLine.split(/\s+/)
const positionArr = colPropArr[1].split(":")
if (!obj[positionArr[0]]) {
obj[positionArr[0]] = []
......@@ -99,8 +102,8 @@ export default {
},
dealExtKeyTableData() {
const arr = []
for (let i = 0; i < this.data.length; i++) {
const d = this.data[i];
for (let i = 0; i < this.promptData.data.length; i++) {
const d = this.promptData.data[i];
const items = d.split("\t")
const it = {}
for (let j = 0; j < this.tableColumn.length; j++) {
......@@ -112,57 +115,13 @@ export default {
}
return arr
},
dealBanknoTableColumn() {
const columnArr = []
const lines = this.columnStr.split("\r\n")
// 0 1 \"联行行号\"120\r\n
const etyReg = /\"([^\"]*)\"/
for (let i = 0; i < lines.length; i++) {
const line = lines[i];
if (etyReg.test(line)) {
const gs = line.match(etyReg)
const columnName = gs[1]
const newLine = line.replace(gs[0], "_ ")
const colPropArr = newLine.split(" ")
columnArr.push({
idx: colPropArr[0],
prop: columnName,
label: columnName,
// width: colPropArr[3],
width: "auto",
})
}
}
return columnArr
},
dealBanknoTableData() {
const arr = []
for (let i = 0; i < this.data.length; i++) {
const d = this.data[i];
const items = d.split("\t")
const it = {}
for (let j = 0; j < this.tableColumn.length; j++) {
const column = this.tableColumn[j];
it[column['prop']] = items[column['idx']]
}
it['IDX'] = i
arr.push(it)
}
return arr
},
currentChange(currentPage) {
this.currentPage = currentPage;
},
selectEty(row, column, event) {
// const str = this.data[row.IDX]
// let v = "";
// if (this.type === 'extkey') {
// v = str.split("\t")[4].trim()
// } else if (this.type === 'bankno') {
// v = str.split("\t")[0].trim()
// }
// 默认第一列
const v = row[this.tableColumn[0].prop].split("\n")[0]
this.$emit("select-ety", v, this.rulePath)
this.$emit("select-ety", v, this.promptData.rulePath)
this.show = false;
this.currentPage = 1;
},
......
src/mixin/commonProcess.js
......@@ -7,7 +7,14 @@ export default {
mixins: [commonApi,commonDeclare],
data: function () {
return {
defFlag:true
defFlag:true,
// 弹框回填
promptData: {
title: '',
columnStr: '',
data: [],
rulePath: ''
}
}
},
created() {
......@@ -95,6 +102,34 @@ export default {
*/
updateModel(data) {
Utils.copyValueFromVO(this.model, data);
},
showGridPromptDialog(rulePath) {
this.executeRule(rulePath).then((res) => {
if (res.respCode = SUCCESS){
if (res.data.params) {
Utils.copyValueFromVO(this.model, res.data);
} else {
this.$refs.etyDialog.show = true
this.promptData = {
title: res.data.title,
columnStr: res.data.columns,
data: res.data.vals.rows,
rulePath: rulePath,
}
}
}
})
},
selectEty(val, rulePath) {
const props = rulePath.replaceAll(".", "_")
const obj = {}
obj[props] = val;
Utils.copyValueFromVO(this.model, obj);
this.executeRule(rulePath).then((res) => {
if (res.respCode = SUCCESS){
Utils.copyValueFromVO(this.model, res.data);
}
});
}
},
computed:{
......
src/views/Business/Cptopn/Opnp1.vue
......@@ -348,7 +348,7 @@
v-model="model.cptp.payeecountcode"
maxlength="3"
placeholder="请输入收款人常驻国家/地区代码"
@keyup.enter.native="payeecountcodeEvent"
@keyup.enter.native="showGridPromptDialog('cptp.payeecountcode')"
></c-input>
</el-form-item>
</el-col>
......@@ -627,7 +627,7 @@
v-model="model.cptp.pyebchkey"
maxlength="14"
placeholder="请输入收款人"
@keyup.enter.native="pyebchkeyEvent"
@keyup.enter.native="showGridPromptDialog('cptp.pyebchkey')"
></c-input>
</el-form-item>
</el-col>
......@@ -2021,16 +2021,7 @@
</el-form-item>
</el-col> -->
<c-grid-ety-prompt-dialog
ref="etyDialog"
:title="gridPromptDialog.title"
:columnStr="gridPromptDialog.columnStr"
:data="gridPromptDialog.data"
:type="gridPromptDialog.type"
:rulePath="gridPromptDialog.rulePath"
v-on:select-ety="selectEty"
>
</c-grid-ety-prompt-dialog>
<c-grid-ety-prompt-dialog ref="etyDialog" :promptData="promptData" v-on:select-ety="selectEty"></c-grid-ety-prompt-dialog>
</div>
</template>
<script>
......@@ -2053,66 +2044,15 @@ export default {
{ value: "2", label: "资本" },
{ value: "3", label: "其他" },
],
liqtypOptions: [
{ value: "B", label: "人行支付系统" },
{ value: "C", label: "代理行模式" },
{ value: "O", label: "Other" },
{ value: "S", label: "CIPS系统" },
],
gridPromptDialog: {
title: "",
columnStr: "",
data: [],
type: "",
rulePath: "",
},
]
};
},
methods: {
payeecountcodeEvent() {
this.executeRule("cptp.payeecountcode").then((res) => {
if ((res.respCode = "AAAAAA")) {
if (res.data.params) {
this.updateModel(res.data);
} else {
this.$refs.etyDialog.show = true;
this.gridPromptDialog.title = res.data.title;
this.gridPromptDialog.columnStr = res.data.columns;
this.gridPromptDialog.data = res.data.vals.rows;
this.gridPromptDialog.type = "extkey";
this.gridPromptDialog.rulePath = "cptp.payeecountcode";
}
}
});
},
pyebchkeyEvent() {
this.executeRule("cptp.pyebchkey").then((res) => {
if ((res.respCode = "AAAAAA")) {
if (res.data.params) {
this.updateModel(res.data);
} else {
this.$refs.etyDialog.show = true;
this.gridPromptDialog.title = res.data.title;
this.gridPromptDialog.columnStr = res.data.columns;
this.gridPromptDialog.data = res.data.vals.rows;
this.gridPromptDialog.type = "extkey";
this.gridPromptDialog.rulePath = "cptp.pyebchkey";
}
}
});
},
selectEty(val, rulePath) {
const props = rulePath.replaceAll(".", "_");
const obj = {};
obj[props] = val;
Utils.copyValueFromVO(this.model, obj);
this.executeRule(rulePath).then((res) => {
if ((res.respCode = "AAAAAA")) {
Utils.copyValueFromVO(this.model, res.data);
}
});
},
onCptpGetmod() {},
...Event,
},
......
src/views/Business/Ditame/Ovwp.vue
......@@ -397,7 +397,7 @@
v-model="model.didgrp.apl.pts.extkey"
maxlength="16"
placeholder="请输入External Key of Address"
@keyup.enter.native="aplExtkeyEvent"
@keyup.enter.native="showGridPromptDialog('didgrp.apl.pts.extkey')"
disabled
></c-input>
</el-form-item>
......@@ -503,7 +503,7 @@
v-model="model.didgrp.apb.pts.bankno"
maxlength="20"
placeholder="请输入Number of bank"
@keyup.enter.native="apbPtsBanknoEvent"
@keyup.enter.native="showGridPromptDialog('didgrp.apb.pts.bankno')"
></c-input>
</el-form-item>
</el-col>
......@@ -544,7 +544,7 @@
v-model="model.didgrp.ben.pts.extkey"
maxlength="16"
placeholder="请输入External Key of Address"
@keyup.enter.native="benExtkeyEvent"
@keyup.enter.native="showGridPromptDialog('didgrp.ben.pts.extkey')"
></c-input>
</el-form-item>
</el-col>
......@@ -675,7 +675,7 @@
v-model="model.didgrp.beb.pts.bankno"
maxlength="20"
placeholder="请输入Number of bank"
@keyup.enter.native="banknoEvent"
@keyup.enter.native="showGridPromptDialog('didgrp.beb.pts.bankno')"
></c-input>
</el-form-item>
</el-col>
......@@ -693,26 +693,19 @@
</el-form-item>
</el-col>
</el-col>
<c-grid-ety-prompt-dialog ref="etyDialog"
:title="gridPromptDialog.title"
:columnStr="gridPromptDialog.columnStr"
:data="gridPromptDialog.data"
:type="gridPromptDialog.type"
:rulePath="gridPromptDialog.rulePath"
v-on:select-ety="selectEty"
>
</c-grid-ety-prompt-dialog>
<c-grid-ety-prompt-dialog ref="etyDialog" :promptData="promptData" v-on:select-ety="selectEty"></c-grid-ety-prompt-dialog>
</el-row>
</template>
<script>
import Api from "~/service/Api";
import CommonProcess from "~/mixin/CommonProcess";
import Event from "~/model/Ditopn/Event";
import Utils from "~/utils";
export default {
inject: ['root'],
props: ["model", "codes"],
// mixins: [CommonProcess],
mixins: [CommonProcess],
data() {
return {
declareParams: {
......@@ -726,97 +719,11 @@ export default {
uri: "/ditopn/getElcsRef",
},
jigomcFlag:false,
trade: "",
gridPromptDialog: {
title: '',
columnStr: '',
data: [],
type: '',
rulePath: ''
}
trade: ""
};
},
methods: {
...Event,
aplExtkeyEvent() {
Api.post("ditopn/executeRule/didgrp.apl.pts.extkey", Utils.getRequestDataFn.call(this)).then(
(res) => {
if (res.respCode = "AAAAAA"){
//失去焦点，避免多次触发
document.getElementById('extkey').blur();
if (res.data.params) {
Utils.copyValueFromVO(this.model, res.data);
} else {
this.$refs.etyDialog.show = true
this.gridPromptDialog.title = res.data.title
this.gridPromptDialog.columnStr = res.data.columns
this.gridPromptDialog.data = res.data.vals.rows
this.gridPromptDialog.type = 'extkey'
this.gridPromptDialog.rulePath = 'didgrp.apl.pts.extkey'
}
}
}
);
},
benExtkeyEvent() {
Api.post("ditopn/executeRule/didgrp.ben.pts.extkey", Utils.getRequestDataFn.call(this)).then(
(res) => {
if (res.respCode = "AAAAAA"){
if (res.data.params) {
Utils.copyValueFromVO(this.model, res.data);
} else {
this.$refs.etyDialog.show = true
this.gridPromptDialog.title = res.data.title
this.gridPromptDialog.columnStr = res.data.columns
this.gridPromptDialog.data = res.data.vals.rows
this.gridPromptDialog.type = 'extkey'
this.gridPromptDialog.rulePath = 'didgrp.ben.pts.extkey'
}
}
}
);
},
apbPtsBanknoEvent() {
Api.post("ditopn/executeRule/didgrp.apb.pts.bankno", Utils.getRequestDataFn.call(this)).then(
(res) => {
if (res.respCode = "AAAAAA"){
if (res.data.params) {
Utils.copyValueFromVO(this.model, res.data);
} else {
this.$refs.etyDialog.show = true
this.gridPromptDialog.title = res.data.title
this.gridPromptDialog.columnStr = res.data.columns
this.gridPromptDialog.data = res.data.vals.rows
this.gridPromptDialog.type = 'bankno'
this.gridPromptDialog.rulePath = 'didgrp.apb.pts.bankno'
}
}
}
)
},
banknoEvent() {
// const data = Utils.flatObject(this.model);
// var temp = this.model.didgrp.beb.pts.bankno;
// if (temp.length < 6){
// return;
// }
Api.post("ditopn/executeRule/didgrp.beb.pts.bankno", Utils.getRequestDataFn.call(this)).then(
(res) => {
if (res.respCode = "AAAAAA"){
if (res.data.params) {
Utils.copyValueFromVO(this.model, res.data);
} else {
this.$refs.etyDialog.show = true
this.gridPromptDialog.title = res.data.title
this.gridPromptDialog.columnStr = res.data.columns
this.gridPromptDialog.data = res.data.vals.rows
this.gridPromptDialog.type = 'bankno'
this.gridPromptDialog.rulePath = 'didgrp.beb.pts.bankno'
}
}
}
)
},
mytypeChange(){
if (this.model.didgrp.rec.mytype == "F"){
this.model.didgrp.rec.tratyp = "";
......@@ -836,19 +743,6 @@ export default {
}
}
);
},
selectEty(val, rulePath) {
const props = rulePath.replaceAll(".", "_")
const obj = {}
obj[props] = val;
Utils.copyValueFromVO(this.model, obj);
Api.post(`ditopn/executeRule/${rulePath}`, Utils.getRequestDataFn.call(this)).then(
(res) => {
if (res.respCode = "AAAAAA"){
Utils.copyValueFromVO(this.model, res.data);
}
}
);
}
},
created: function () {},
......
src/views/Business/Ditopn/Ovwp.vue
......@@ -389,7 +389,7 @@
v-model="model.didgrp.apl.pts.extkey"
maxlength="16"
placeholder="请输入External Key of Address"
@keyup.enter.native="aplExtkeyEvent"
@keyup.enter.native="showGridPromptDialog('didgrp.apl.pts.extkey')"
></c-input>
</el-form-item>
</el-col>
......@@ -494,7 +494,7 @@
v-model="model.didgrp.apb.pts.bankno"
maxlength="20"
placeholder="请输入Number of bank"
@keyup.enter.native="apbPtsBanknoEvent"
@keyup.enter.native="showGridPromptDialog('didgrp.apb.pts.bankno')"
></c-input>
</el-form-item>
</el-col>
......@@ -535,7 +535,7 @@
v-model="model.didgrp.ben.pts.extkey"
maxlength="16"
placeholder="请输入External Key of Address"
@keyup.enter.native="benExtkeyEvent"
@keyup.enter.native="showGridPromptDialog('didgrp.ben.pts.extkey')"
></c-input>
</el-form-item>
</el-col>
......@@ -664,7 +664,7 @@
v-model="model.didgrp.beb.pts.bankno"
maxlength="20"
placeholder="请输入Number of bank"
@keyup.enter.native="banknoEvent"
@keyup.enter.native="showGridPromptDialog('didgrp.beb.pts.bankno')"
></c-input>
</el-form-item>
</el-col>
......@@ -682,130 +682,27 @@
</el-form-item>
</el-col>
</el-col>
<c-grid-ety-prompt-dialog ref="etyDialog"
:title="gridPromptDialog.title"
:columnStr="gridPromptDialog.columnStr"
:data="gridPromptDialog.data"
:type="gridPromptDialog.type"
:rulePath="gridPromptDialog.rulePath"
v-on:select-ety="selectEty"
>
</c-grid-ety-prompt-dialog>
<c-grid-ety-prompt-dialog ref="etyDialog" :promptData="promptData" v-on:select-ety="selectEty"></c-grid-ety-prompt-dialog>
</el-row>
</template>
<script>
import Api from "~/service/Api";
import CommonProcess from "~/mixin/CommonProcess";
import Event from "~/model/Ditopn/Event";
import Utils from "~/utils";
export default {
inject: ['root'],
props: ["model", "codes"],
// mixins: [CommonProcess],
mixins: [CommonProcess],
data() {
return {
declareParams: {
fileName: "ditopn.json",
basePath: "{{basePath}}",
method: "post",
scheme: "{{schemes}}",
host: "{{host}}",
consume: "0",
produce: "0",
uri: "/ditopn/getElcsRef",
},
jigomcFlag:false,
trade: "",
gridPromptDialog: {
title: '',
columnStr: '',
data: [],
type: '',
rulePath: ''
}
trade: ""
};
},
methods: {
...Event,
aplExtkeyEvent() {
Api.post("ditopn/executeRule/didgrp.apl.pts.extkey", Utils.getRequestDataFn.call(this)).then(
(res) => {
if (res.respCode = "AAAAAA"){
//失去焦点，避免多次触发
document.getElementById('extkey').blur();
if (res.data.params) {
Utils.copyValueFromVO(this.model, res.data);
} else {
this.$refs.etyDialog.show = true
this.gridPromptDialog.title = res.data.title
this.gridPromptDialog.columnStr = res.data.columns
this.gridPromptDialog.data = res.data.vals.rows
this.gridPromptDialog.type = 'extkey'
this.gridPromptDialog.rulePath = 'didgrp.apl.pts.extkey'
}
}
}
);
},
benExtkeyEvent() {
Api.post("ditopn/executeRule/didgrp.ben.pts.extkey", Utils.getRequestDataFn.call(this)).then(
(res) => {
if (res.respCode = "AAAAAA"){
if (res.data.params) {
Utils.copyValueFromVO(this.model, res.data);
} else {
this.$refs.etyDialog.show = true
this.gridPromptDialog.title = res.data.title
this.gridPromptDialog.columnStr = res.data.columns
this.gridPromptDialog.data = res.data.vals.rows
this.gridPromptDialog.type = 'extkey'
this.gridPromptDialog.rulePath = 'didgrp.ben.pts.extkey'
}
}
}
);
},
apbPtsBanknoEvent() {
Api.post("ditopn/executeRule/didgrp.apb.pts.bankno", Utils.getRequestDataFn.call(this)).then(
(res) => {
if (res.respCode = "AAAAAA"){
if (res.data.params) {
Utils.copyValueFromVO(this.model, res.data);
} else {
this.$refs.etyDialog.show = true
this.gridPromptDialog.title = res.data.title
this.gridPromptDialog.columnStr = res.data.columns
this.gridPromptDialog.data = res.data.vals.rows
this.gridPromptDialog.type = 'bankno'
this.gridPromptDialog.rulePath = 'didgrp.apb.pts.bankno'
}
}
}
)
},
banknoEvent() {
// const data = Utils.flatObject(this.model);
// var temp = this.model.didgrp.beb.pts.bankno;
// if (temp.length < 6){
// return;
// }
Api.post("ditopn/executeRule/didgrp.beb.pts.bankno", Utils.getRequestDataFn.call(this)).then(
(res) => {
if (res.respCode = "AAAAAA"){
if (res.data.params) {
Utils.copyValueFromVO(this.model, res.data);
} else {
this.$refs.etyDialog.show = true
this.gridPromptDialog.title = res.data.title
this.gridPromptDialog.columnStr = res.data.columns
this.gridPromptDialog.data = res.data.vals.rows
this.gridPromptDialog.type = 'bankno'
this.gridPromptDialog.rulePath = 'didgrp.beb.pts.bankno'
}
}
}
)
},
mytypeChange(){
if (this.model.didgrp.rec.mytype == "F"){
this.model.didgrp.rec.tratyp = "";
......@@ -825,19 +722,6 @@ export default {
}
}
);
},
selectEty(val, rulePath) {
const props = rulePath.replaceAll(".", "_")
const obj = {}
obj[props] = val;
Utils.copyValueFromVO(this.model, obj);
Api.post(`ditopn/executeRule/${rulePath}`, Utils.getRequestDataFn.call(this)).then(
(res) => {
if (res.respCode = "AAAAAA"){
Utils.copyValueFromVO(this.model, res.data);
}
}
);
}
},
created: function () {
......
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