Skip to content

I
isc-web-vue
Commit d67357d0 by 李少勇
Options

offrel交易原型页面开发

parent 36a828e1
Showing with 341 additions and 9 deletions
src/page/Frontend/Batdis/views/index.vue
......@@ -67,7 +67,7 @@ export default {
},
},
};
this.init(params);
// this.init(params);
}
}
</script>
......
src/page/Frontend/FTRouter.js
......@@ -55,13 +55,14 @@ const BusRouter = [
{ path: 'sndselcop', component: () => import("./Sndselcop/views"), name: 'Sndselcop', meta: { keepAlive: true, title: '发报疑似重复处理', module: 'frontend' } },
{ path: 'rcvselcop', component: () => import("./Rcvselcop/views"), name: 'Rcvselcop', meta: { keepAlive: true, title: '收报疑似重复处理', module: 'frontend' } },
{ path: 'msgrtm', component: () => import("./Msgrtm/views"), name: 'Msgrtm', meta: { keepAlive: true, title: '人工清分', module: 'frontend' } },
{ path: 'fxpcetsel', component: () => import("./Fxpcetsel/views"), name: 'Fxpcetsel', meta: { keepAlive: true, title: '证书查询', modeule: 'frontend'} },
{ path: 'fxpjrbsel', component: () => import("./Fxpjrbsel/views"), name: 'Fxpjrbsel', meta: { keepAlive: true, title: '通用金融信息报文查询', modeule: 'frontend'} },
{ path: 'fxptolsel', component: () => import("./Fxptolsel/views"), name: 'Fxptolsel', meta: { keepAlive: true, title: '境内外币总核对查询', modeule: 'frontend' } },
{ path: 'fxpdtlsel', component: () => import("./Fxpdtlsel/views"), name: 'Fxpdtlsel', meta: { keepAlive: true, title: '境内外币明细查询', modeule: 'frontend' } },
{ path: 'oftdtl', component: () => import("./Oftdtl/views"), name: 'Oftdtl', meta: { keepAlive: true, title: '报文详情展示', modeule: 'frontend' } },
{ path: 'msgpss', component: () => import("./Msgpss/views"), name: 'Msgpss', meta: { keepAlive: true, title: '提前放行', modeule: 'frontend' } },
{ path: 'batdis', component: () => import("./Batdis/views"), name: 'Batdis', meta: { keepAlive: true, title: '展示跳转', modeule: 'frontend' } },
{ path: 'fxpcetsel', component: () => import("./Fxpcetsel/views"), name: 'Fxpcetsel', meta: { keepAlive: true, title: '证书查询', module: 'frontend'} },
{ path: 'fxpjrbsel', component: () => import("./Fxpjrbsel/views"), name: 'Fxpjrbsel', meta: { keepAlive: true, title: '通用金融信息报文查询', module: 'frontend'} },
{ path: 'fxptolsel', component: () => import("./Fxptolsel/views"), name: 'Fxptolsel', meta: { keepAlive: true, title: '境内外币总核对查询', module: 'frontend' } },
{ path: 'fxpdtlsel', component: () => import("./Fxpdtlsel/views"), name: 'Fxpdtlsel', meta: { keepAlive: true, title: '境内外币明细查询', module: 'frontend' } },
{ path: 'oftdtl', component: () => import("./Oftdtl/views"), name: 'Oftdtl', meta: { keepAlive: true, title: '报文详情展示', module: 'frontend' } },
{ path: 'msgpss', component: () => import("./Msgpss/views"), name: 'Msgpss', meta: { keepAlive: true, title: '提前放行', module: 'frontend' } },
{ path: 'batdis', component: () => import("./Batdis/views"), name: 'Batdis', meta: { keepAlive: true, title: '展示跳转', module: 'frontend' } },
{ path: 'offrel', component: () => import("./Offrel/views"), name: 'Offrel', meta: { keepAlive: true, title: '手工取消关联', module: 'frontend' } },
//CIPS未记账记录查询
{ path: 'cpswjz', component: () => import("./Cpswjz/views"), name: 'Cpswjz', meta: { title: 'CIPS未记账记录查询', module: 'frontend', keepAlive: true } },
//汇总查询
......
src/page/Frontend/Msgpss/views/index.vue
......@@ -75,7 +75,7 @@ export default {
},
},
};
this.init(params);
// this.init(params);
}
}
</script>
......
src/page/Frontend/Offrel/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: "OFT",
},
cbsMap: {
},
ptsList: ptsptaList,
transName: trnName,
userId: window.sessionStorage.userId ? window.sessionStorage.userId : "ZL",
};
},
},
};
src/page/Frontend/Offrel/event/index.js 0 → 100644
import commonFunctions from '~/mixin/commonFunctions.js';
import Api from '~/service/Api';
export default {
mixins: [commonFunctions],
methods: {
}
}
\ No newline at end of file
src/page/Frontend/Offrel/model/check.js 0 → 100644
export default {
"oftgrp.rec.offrsn": [
{ type: "string", required: true, message: "必输项" },
{ max: 200, message: "长度不能超过200" }
],
}
\ No newline at end of file
src/page/Frontend/Offrel/model/index.js 0 → 100644
export default class Offrel {
constructor() {
this.data = {
oftgrp: {
dotlst: [], // .oftgrp.dotlst
rec: {
offrsn: "", // 勾销原因 .oftgrp.rec.offrsn
},
dot: {
cur: "", // 币种 .oftgrp.dot.cur
amt: "", // 金额 .oftgrp.dot.amt
dcflg: "", // 收支 .oftgrp.dot.dcflg
ownref: "", // 业务参考号 .oftgrp.dot.ownref
othref: "", // 相关参考号 .oftgrp.dot.othref
inf: "", // 详细信息 .oftgrp.dot.inf
sta: "", // 状态 .oftgrp.dot.sta
offsta: "", // 勾销标志 .oftgrp.dot.offsta
mty: "", // 报文类型 .oftgrp.dot.mty
recsta: "", // 记帐状态 .oftgrp.dot.recsta
objtyp: "", // 报文关联类型 .oftgrp.dot.objtyp
actbic: "", // 账户行BIC .oftgrp.dot.actbic
valdat: "", // 起息日 .oftgrp.dot.valdat
rsptim: "", // 收发日期 .oftgrp.dot.rsptim
},
},
}
}
}
\ No newline at end of file
src/page/Frontend/Offrel/views/Offrel.vue 0 → 100644
<template>
<div class="eibs-tab">
<c-col :span="24">
<!-- ==================左边================ -->
<c-col :span="12" style="padding-right: 20px">
<c-col :span="24">
<el-form-item label="账户行" prop="oftgrp.dot.actbic">
<c-input type="text" v-model="model.oftgrp.dot.actbic"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="起息日" prop="oftgrp.dot.valdat">
<c-date-picker disabled type="date" v-model="model.oftgrp.dot.valdat" style="width:100%"></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="收发日期" prop="oftgrp.dot.rsptim">
<c-date-picker disabled type="date" v-model="model.oftgrp.dot.rsptim" style="width:100%"></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="24" class="custom-box-wrap">
<el-form-item label="币种及金额" prop="oftgrp.dot.cur">
<c-select-cur v-model="model.oftgrp.dot.cur" style="width: 115px" dbCode="curtxt" placeholder="请选择">
</c-select-cur>
</el-form-item>
<div class="box-3">
<el-form-item label-width="5px" prop="oftgrp.dot.amt">
<c-input-currency v-model="model.oftgrp.dot.amt" :currency="model.oftgrp.dot.cur" style="width: 100%">
</c-input-currency>
</el-form-item>
</div>
</c-col>
<c-col :span="24">
<el-form-item label="收支" prop="oftgrp.dot.dcflg">
<c-input type="text" v-model="model.oftgrp.dot.dcflg"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="状态" prop="oftgrp.dot.sta">
<c-input type="text" v-model="model.oftgrp.dot.sta"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="勾销标志" prop="oftgrp.dot.offsta">
<c-input type="text" v-model="model.oftgrp.dot.offsta"></c-input>
</el-form-item>
</c-col>
</c-col>
<!-- ============右边================= -->
<c-col :span="12" style="padding-left: 20px">
<c-col :span="24">
<el-form-item label="报文类型" prop="oftgrp.dot.mty">
<c-input type="text" v-model="model.oftgrp.dot.mty"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="关联类型" prop="oftgrp.dot.objtyp">
<c-input type="text" v-model="model.oftgrp.dot.objtyp"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="记帐状态" prop="oftgrp.dot.recsta">
<c-input type="text" v-model="model.oftgrp.dot.recsta"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="参考号/前" prop="oftgrp.dot.ownref">
<c-input type="text" v-model="model.oftgrp.dot.ownref"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="参考号/后" prop="oftgrp.dot.othref">
<c-input type="text" v-model="model.oftgrp.dot.othref"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="详细信息" prop="oftgrp.dot.inf">
<c-input type="text" v-model="model.oftgrp.dot.inf"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="详细信息" prop="oftgrp.rec.offrsn">
<c-input type="textarea" v-model="model.oftgrp.rec.offrsn" maxlength="200" show-word-limit></c-input>
</el-form-item>
</c-col>
</c-col>
</c-col>
<c-col :span="24">
<div class="e-table-wrapper">
<el-table
:data="model.oftgrp.dotlst"
style="width: 100%"
height="calc(100vh - 480px)"
size="small"
:border="true"
:highlight-current-row="true"
>
<el-table-column prop="valdat" label="起息日" width="150">
</el-table-column>
<el-table-column prop="dcflg" label="借贷" width="70">
<template slot-scope="scope">
<c-select-value-to-label v-model="scope.row.dcflg" :code="codes.dcflg"></c-select-value-to-label>
</template>
</el-table-column>
<el-table-column prop="ownref" label="参考号/前" width="150">
</el-table-column>
<el-table-column prop="othref" label="参考号/后" width="150">
</el-table-column>
<el-table-column prop="sta" label="关联状态" width="120">
<template slot-scope="scope">
<c-select-value-to-label v-model="scope.row.sta" :code="codes.sta"></c-select-value-to-label>
</template>
</el-table-column>
<el-table-column prop="typ" label="记账类型" width="120">
<template slot-scope="scope">
<c-select-value-to-label v-model="scope.row.typ" :code="codes.kpatyp"></c-select-value-to-label>
</template>
</el-table-column>
<el-table-column prop="offsta" label="勾销状态" width="120">
<template slot-scope="scope">
<c-select-value-to-label v-model="scope.row.offsta" :code="codes.offsta"></c-select-value-to-label>
</template>
</el-table-column>
<el-table-column prop="recsta" label="记账状态" width="120">
<template slot-scope="scope">
<c-select-value-to-label v-model="scope.row.recsta" :code="codes.batcharge"></c-select-value-to-label>
</template>
</el-table-column>
<el-table-column prop="mty" label="报文类型" width="120">
</el-table-column>
<el-table-column prop="amt" label="金额" width="100">
</el-table-column>
<el-table-column prop="cur" label="币种" width="70">
</el-table-column>
<el-table-column prop="objtyp" label="产生类型" width="120">
<template slot-scope="scope">
<c-select-value-to-label v-model="scope.row.objtyp" :code="codes.dottyp"></c-select-value-to-label>
</template>
</el-table-column>
<el-table-column prop="actbic" label="账户行" width="120">
</el-table-column>
<el-table-column prop="revbak" label="收报行" width="120">
</el-table-column>
<el-table-column prop="sedbak" label="发报行" width="120">
</el-table-column>
</el-table>
<el-pagination layout="prev, pager, next" :total="0">
</el-pagination>
</div>
</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/Offrel/views/index.vue 0 → 100644
<template>
<div class="eContainer">
<c-page title="手工取消关联">
<el-form :model="model" :rules="rules" ref="modelForm" label-width="150px" 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="offrel">
<c-content>
<m-offrel :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
</c-tabs>
</el-form>
</c-page>
</div>
</template>
<script>
import Api from "~/service/Api"
import CodeTable from "~/config/CodeTable"
import Offrel from "../model"
import MOffrel from "./Offrel"
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: "Offrel",
components: {
"m-offrel": MOffrel,
},
provide() {
return {
root: this
}
},
mixins: [operationFunc, commonDepend, event, buildFn],
data() {
return {
tabVal: "offrel",
trnName: "offrel",
model: new Offrel().data,
rules: Check,
codes: {
sta: CodeTable.sta,
kpatyp: CodeTable.kpatyp,
dottyp: CodeTable.dottyp,
offsta: CodeTable.offsta,
batcharge: CodeTable.batcharge,
dcflg: CodeTable.dcflg,
},
}
},
methods: {
myTabClick(tab) {
this.tabClick(tab)
}
},
created: async function () {
console.log("进入offrel交易");
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