Skip to content

I
isc-web-vue
Commit 3b2f1d30 by 李少勇
Options

qrtopn 交易原型页面开发

parent c709f03d
Showing with 281 additions and 0 deletions
src/page/Frontend/FTRouter.js
......@@ -37,6 +37,7 @@ const BusRouter = [
{ path: 'qrtmgs', component: () => import("./Qrtmgs/views"), name: 'Qrtmgs', meta: { title: '报文查询', module: 'frontend', keepAlive: true } },
{ path: 'qrtsel', component: () => import("./Qrtsel/views"), name: 'Qrtsel', meta: { title: 'CASE查询/处理', module: 'frontend', keepAlive: true } },
{ path: 'qrtman', component: () => import("./Qrtman/views"), name: 'Qrtman', meta: { title: 'CASE处理页面', module: 'frontend', keepAlive: true } },
{ path: 'qrtopn', component: () => import("./Qrtopn/views"), name: 'Qrtopn', meta: { title: '新建CASE页面', module: 'frontend', keepAlive: true } },
{ path: 'rcvselblk', component: () => import("./Rcvselblk/views"), name: 'Rcvselblk', meta: { title: '收报灰名单', module: 'frontend', keepAlive: true } },
{ path: 'rptgen', component: () => import("./Rptgen/views"), name: 'Rptgen', meta: { title: '报表管理', module: 'frontend', keepAlive: true } },
{ path: 'smdsel', component: () => import("./Smdsel/views"), name: 'Smdsel', meta: { title: '对账单明细查询', module: 'frontend', keepAlive: true } },
......
src/page/Frontend/Qrtopn/event/buildCommons.js 0 → 100644
import Utils from "~/utils";
export default {
methods: {
buildPtspta(ptsptaObj) {
let pts = ptsptaObj.pts;
return {
rol: pts.rol,
name: pts.nam,
ptyinr: pts.ptyinr,
ptainr: pts.ptainr,
extkey: pts.extkey,
dftdsp: pts.dftdsp,
dftcur: pts.dftcur,
dftact: pts.dftact,
dftfeecur: pts.dftfeecur,
dftactptainr: pts.dftactptainr,
glggrpflg: pts.glggrpflg,
adrblk: pts.adrblk,
pts,
};
},
buildCommonData(model, trnName) {
let ptsptaList = Utils.formatPtspta(model.crdgrp, this.buildPtspta);
return {
rec: {
objtyp: "QRT",
},
cbsMap: {
},
ptsList: ptsptaList,
transName: trnName,
userId: window.sessionStorage.userId ? window.sessionStorage.userId : "ZL",
};
},
},
};
src/page/Frontend/Qrtopn/event/index.js 0 → 100644
import commonFunctions from '~/mixin/commonFunctions.js';
import Api from '~/service/Api';
export default {
mixins: [commonFunctions],
methods: {
// pageSize改变
handleSizeChange(val) {
this.pagination.pageNum = 1;
this.pagination.pageSize = val;
},
// 页码改变
handleCurrentChange(val) {
this.pagination.pageNum = val;
},
}
}
\ No newline at end of file
src/page/Frontend/Qrtopn/model/check.js 0 → 100644
export default {
"qrdgrp.rec.casnum": [
{ type: "string", required: false, message: "必输项" },
],
"qrdgrp.rec.drfnum": [
{ type: "string", required: false, message: "必输项" },
],
"qrdgrp.rec.otht20": [
{ type: "string", required: false, message: "必输项" },
],
"qrdgrp.rec.ownt20": [
{ type: "string", required: false, message: "必输项" },
],
"qrdgrp.rec.revbak": [
{ type: "string", required: false, message: "必输项" },
],
"qrdgrp.rec.sedbak": [
{ type: "string", required: false, message: "必输项" },
],
"qrdgrp.rec.actbak": [
{ type: "string", required: false, message: "必输项" },
],
"qrdgrp.rec.settim": [
{ type: "string", required: false, message: "输入正确的日期" }
],
"qrdgrp.rec.des": [
{ type: "string", required: true, message: "必输项" },
],
}
\ No newline at end of file
src/page/Frontend/Qrtopn/model/index.js 0 → 100644
import Api from "~/service/Api"
export default class Qrtopn {
constructor() {
this.data = {
qrdgrp: {
rec: {
drfnum: "", // 汇票号码： .qrdgrp.rec.drfnum
settim: "", // 创建时间： .qrdgrp.rec.settim
des: "", // 备注 .qrdgrp.rec.des
casnum: "", // CASE编号： .qrdgrp.rec.casnum
ownt20: "", // 20域编号(发) .qrdgrp.rec.ownt20
otht20: "", // 20域编号(收)： .qrdgrp.rec.otht20
revbak: "", // 收报行BIC： .qrdgrp.rec.revbak
sedbak: "", // 发报行BIC： .qrdgrp.rec.sedbak
actbak: "", // 账户行BIC： .qrdgrp.rec.actbak
msgtyp: "", // 报文类型： .qrdgrp.rec.msgtyp
},
},
qrtp: {
creamedsc: "", // 新建/修改CASE标签 .qrtp.creamedsc
},
}
}
}
\ No newline at end of file
src/page/Frontend/Qrtopn/views/Addpnl.vue 0 → 100644
<template>
<div class="eibs-tab">
<!-- ==================左边================ -->
<c-col :span="12" style="padding-right: 20px">
<!-- LT000154 : CASE编号： -->
<c-col :span="24">
<c-form-item label="CASE编号" prop="qrdgrp.rec.casnum">
<c-input v-model="model.qrdgrp.rec.casnum" maxlength="35"></c-input>
</c-form-item>
</c-col>
<c-col :span="24">
<c-form-item label="20域编号(收)" prop="qrdgrp.rec.otht20">
<c-input v-model="model.qrdgrp.rec.otht20" maxlength="35"></c-input>
</c-form-item>
</c-col>
<!-- LT000177 : 收报行BIC： -->
<c-col :span="24">
<c-form-item label="收报行BIC" prop="qrdgrp.rec.revbak">
<c-input v-model="model.qrdgrp.rec.revbak" maxlength="20"></c-input>
</c-form-item>
</c-col>
<!-- LT000179 : 账户行BIC： -->
<c-col :span="24">
<c-form-item label="账户行BIC" prop="qrdgrp.rec.actbak">
<c-input v-model="model.qrdgrp.rec.actbak" maxlength="20"></c-input>
</c-form-item>
</c-col>
<!-- LT000003 : 创建时间： -->
<c-col :span="24">
<el-form-item label="创建时间" prop="qrdgrp.rec.settim">
<c-date-picker type="date" v-model="model.qrdgrp.rec.settim" style="width:100%"></c-date-picker>
</el-form-item>
</c-col>
</c-col>
<!-- ============右边================= -->
<c-col :span="12" style="padding-left: 20px">
<!-- LT000002 : 汇票号码： -->
<c-col :span="24">
<c-form-item label="汇票号码" prop="qrdgrp.rec.drfnum">
<c-input v-model="model.qrdgrp.rec.drfnum" maxlength="20"></c-input>
</c-form-item>
</c-col>
<!-- LT000175 : 20域编号(发)： -->
<c-col :span="24">
<c-form-item label="20域编号(发)" prop="qrdgrp.rec.ownt20">
<c-input v-model="model.qrdgrp.rec.ownt20" maxlength="35"></c-input>
</c-form-item>
</c-col>
<!-- LT000176 : 20域编号(收)： -->
<!-- LT000178 : 发报行BIC： -->
<c-col :span="24">
<c-form-item label="发报行BIC" prop="qrdgrp.rec.sedbak">
<c-input v-model="model.qrdgrp.rec.sedbak" maxlength="20"></c-input>
</c-form-item>
</c-col>
<!-- LT003953 : 报文类型： -->
<c-col :span="24">
<el-form-item label="报文类型" prop="qrdgrp.rec.msgtyp">
<c-select v-model="model.qrdgrp.rec.msgtyp" style="width:100%">
<el-option v-for="item in codes.msgtyp" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</c-select>
</el-form-item>
</c-col>
<!-- LT000006 : 备注： -->
<c-col :span="24">
<c-form-item label="备注" prop="qrdgrp.rec.des">
<c-input type="textarea" v-model="model.qrdgrp.rec.des" maxlength="200" show-word-limit></c-input>
</c-form-item>
</c-col>
</c-col>
</div>
</template>
<script>
import Api from "~/service/Api"
import Event from "../event"
export default {
inject: ['root'],
props: ["model", "codes"],
mixins: [Event],
data() {
return {
}
},
methods: {},
created: function () {
}
}
</script>
<style></style>
src/page/Frontend/Qrtopn/views/index.vue 0 → 100644
<template>
<div class="eContainer">
<c-page title="新建CASE页面">
<el-form :model="model" :rules="rules" ref="modelForm" label-width="120px" label-position="right" size="small"
:validate-on-rule-change="false">
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="myTabClick">
<el-tab-pane label="业务信息" name="addpnl">
<m-addpnl :model="model" :codes="codes" />
</el-tab-pane>
</c-tabs>
</el-form>
</c-page>
</div>
</template>
<script>
import Api from "~/service/Api"
import CodeTable from "~/config/CodeTable"
import Qrtopn from "../model"
import Addpnl from "./Addpnl"
import operationFunc from "~/mixin/operationFunc";
import commonDepend from "~/mixin/commonDepend";
import event from "../event";
import buildFn from "../event/buildCommons.js";
import Check from "../model/check.js";
export default {
name: "Qrtopn",
components: {
"m-addpnl": Addpnl,
},
provide() {
return {
root: this
}
},
mixins: [operationFunc, commonDepend, event, buildFn],
data() {
return {
tabVal: "addpnl",
trnName: "qrtopn",
model: new Qrtopn().data,
rules: Check,
codes: {
msgdrt: CodeTable.msgdrt,
mgssta: CodeTable.mgssta,
cassta: CodeTable.cassta,
ljschk: CodeTable.ljschk,
rerway: CodeTable.rerway,
msgrng: CodeTable.msgrng,
msgtyp: CodeTable.msgtyp,
},
}
},
methods: {
myTabClick(tab) {
this.tabClick(tab)
}
},
created: async function () {
console.log("进入qrtopn交易");
let params = {
transName: this.trnName,
qrdgrp: {
rec: {
inr: this.$route.query.inr || "",
},
},
};
this.init(params);
}
}
</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