Skip to content

V
vue-gjjs
Commit 5021b1cf by liu
Options

Merge branch 'master' of http://114.115.138.98:8900/fukai/vue-gjjs

parents f3ba98f8 e711bf96
Showing with 2422 additions and 1186 deletions
package-lock.json
......@@ -2077,7 +2077,8 @@
"version": "3.21.1",
"resolved": "https://registry.npmmirror.com/core-js/-/core-js-3.21.1.tgz",
"integrity": "sha512-FRq5b/VMrWlrmCzwRrpDYNxyHP9BcAZC+xHJaqTgIE5091ZV1NTmyh0sGOg5XqpnHvR0svdy0sv1gWA1zmhxig==",
"dev": true
"dev": true,
"hasInstallScript": true
},
"node_modules/@vue/babel-preset-jsx": {
"version": "1.2.4",
......@@ -3245,7 +3246,8 @@
"version": "2.6.12",
"resolved": "https://registry.npmmirror.com/core-js/-/core-js-2.6.12.tgz",
"integrity": "sha512-Kb2wC0fvsWfQrgk8HU5lW6U/Lcs8+9aaYcy4ZFc6DDlo4nZ7n70dEgE5rtR0oG6ufKDUnrwfWL1mXR5ljDatrQ==",
"deprecated": "core-js@<3.4 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Please, upgrade your dependencies to the actual version of core-js."
"deprecated": "core-js@<3.4 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Please, upgrade your dependencies to the actual version of core-js.",
"hasInstallScript": true
},
"node_modules/balanced-match": {
"version": "1.0.2",
......@@ -3383,6 +3385,16 @@
"node": ">=8"
}
},
"node_modules/bindings": {
"version": "1.5.0",
"resolved": "https://registry.npmmirror.com/bindings/-/bindings-1.5.0.tgz",
"integrity": "sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==",
"dev": true,
"optional": true,
"dependencies": {
"file-uri-to-path": "1.0.0"
}
},
"node_modules/bluebird": {
"version": "3.7.2",
"resolved": "https://registry.npmmirror.com/bluebird/-/bluebird-3.7.2.tgz",
......@@ -4723,7 +4735,8 @@
"node_modules/core-js": {
"version": "3.21.1",
"resolved": "https://registry.npmmirror.com/core-js/-/core-js-3.21.1.tgz",
"integrity": "sha512-FRq5b/VMrWlrmCzwRrpDYNxyHP9BcAZC+xHJaqTgIE5091ZV1NTmyh0sGOg5XqpnHvR0svdy0sv1gWA1zmhxig=="
"integrity": "sha512-FRq5b/VMrWlrmCzwRrpDYNxyHP9BcAZC+xHJaqTgIE5091ZV1NTmyh0sGOg5XqpnHvR0svdy0sv1gWA1zmhxig==",
"hasInstallScript": true
},
"node_modules/core-js-compat": {
"version": "3.21.1",
......@@ -5743,6 +5756,7 @@
"resolved": "https://registry.npmmirror.com/ejs/-/ejs-2.7.4.tgz",
"integrity": "sha512-7vmuyh5+kuUyJKePhQfRQBhXV5Ce+RnaeeQArKu1EAMpL3WbgMt5WG6uQZpEVvYSSsxMXRKOewtDk9RaTKXRlA==",
"dev": true,
"hasInstallScript": true,
"engines": {
"node": ">=0.10.0"
}
......@@ -6478,6 +6492,13 @@
"webpack": "^4.0.0"
}
},
"node_modules/file-uri-to-path": {
"version": "1.0.0",
"resolved": "https://registry.npmmirror.com/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz",
"integrity": "sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==",
"dev": true,
"optional": true
},
"node_modules/filesize": {
"version": "3.6.1",
"resolved": "https://registry.npmmirror.com/filesize/-/filesize-3.6.1.tgz",
......@@ -6710,6 +6731,7 @@
"resolved": "https://registry.npmmirror.com/fsevents/-/fsevents-2.3.2.tgz",
"integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
"dev": true,
"hasInstallScript": true,
"optional": true,
"os": [
"darwin"
......@@ -8926,6 +8948,13 @@
"thenify-all": "^1.0.0"
}
},
"node_modules/nan": {
"version": "2.15.0",
"resolved": "https://registry.npmmirror.com/nan/-/nan-2.15.0.tgz",
"integrity": "sha512-8ZtvEnA2c5aYCZYd1cvgdnU6cqwixRoYg70xPLWUws5ORTa/lnw+u4amixRS/Ac5U5mQVgp9pnlSUnbNWFaWZQ==",
"dev": true,
"optional": true
},
"node_modules/nanomatch": {
"version": "1.2.13",
"resolved": "https://registry.npmmirror.com/nanomatch/-/nanomatch-1.2.13.tgz",
......@@ -13289,6 +13318,7 @@
"integrity": "sha512-oWb1Z6mkHIskLzEJ/XWX0srkpkTQ7vaopMQkyaEIoq0fmtFVxOthb8cCxeT+p3ynTdkk/RZwbgG4brR5BeWECw==",
"deprecated": "fsevents 1 will break on node v14+ and could be using insecure binaries. Upgrade to fsevents 2.",
"dev": true,
"hasInstallScript": true,
"optional": true,
"os": [
"darwin"
......@@ -13711,6 +13741,7 @@
"integrity": "sha512-oWb1Z6mkHIskLzEJ/XWX0srkpkTQ7vaopMQkyaEIoq0fmtFVxOthb8cCxeT+p3ynTdkk/RZwbgG4brR5BeWECw==",
"deprecated": "fsevents 1 will break on node v14+ and could be using insecure binaries. Upgrade to fsevents 2.",
"dev": true,
"hasInstallScript": true,
"optional": true,
"os": [
"darwin"
......@@ -16791,6 +16822,16 @@
"integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==",
"dev": true
},
"bindings": {
"version": "1.5.0",
"resolved": "https://registry.npmmirror.com/bindings/-/bindings-1.5.0.tgz",
"integrity": "sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==",
"dev": true,
"optional": true,
"requires": {
"file-uri-to-path": "1.0.0"
}
},
"bluebird": {
"version": "3.7.2",
"resolved": "https://registry.npmmirror.com/bluebird/-/bluebird-3.7.2.tgz",
......@@ -19429,6 +19470,13 @@
"schema-utils": "^2.5.0"
}
},
"file-uri-to-path": {
"version": "1.0.0",
"resolved": "https://registry.npmmirror.com/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz",
"integrity": "sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==",
"dev": true,
"optional": true
},
"filesize": {
"version": "3.6.1",
"resolved": "https://registry.npmmirror.com/filesize/-/filesize-3.6.1.tgz",
......@@ -21435,6 +21483,13 @@
"thenify-all": "^1.0.0"
}
},
"nan": {
"version": "2.15.0",
"resolved": "https://registry.npmmirror.com/nan/-/nan-2.15.0.tgz",
"integrity": "sha512-8ZtvEnA2c5aYCZYd1cvgdnU6cqwixRoYg70xPLWUws5ORTa/lnw+u4amixRS/Ac5U5mQVgp9pnlSUnbNWFaWZQ==",
"dev": true,
"optional": true
},
"nanomatch": {
"version": "1.2.13",
"resolved": "https://registry.npmmirror.com/nanomatch/-/nanomatch-1.2.13.tgz",
......
src/components/index.js
......@@ -49,6 +49,8 @@ import InfSearchGroup from "./InfSearchGroup"
import InputSelect from "./InputSelect"
import Fullbox from "./Fullbox"
import CompareTable from "./CompareTable"
export default {
install(Vue) {
Vue.component("c-page", c_page)
......@@ -99,5 +101,6 @@ export default {
Vue.component("c-codelabel", CodeLabel)
Vue.component("c-inputselect", InputSelect)
Vue.component("c-fullbox", Fullbox)
Vue.component("c-compare-table", CompareTable)
}
}
\ No newline at end of file
src/config/CodeTable/index.js
......@@ -5447,8 +5447,6 @@ const CodeTable = {
{ label: "PAYMENT GUARANTEE付款保函", value: "J" },
{ label: "银行授信额度保函", value: "T" },
{ label: "GUARANTEE FOR PROCESSING来料加工保函", value: "M" },
{ label: "农民工工资保函", value: "1" },
],
typsel: [
{ label: "Database Table", value: "TBL" },
......@@ -6043,19 +6041,7 @@ const CodeTable = {
{label:"对私中国居民" ,value:"D"},
{label:"对私中国非居民" ,value:"F"},
],
adrsta:[
{label:"Downloaded",value:"D"},
{label:"Temporary",value:"T"},
],
betdrvdoctypcod: [
{ label: `远期承兑`, value: `A` },
{ label: `延期付款`, value: `D` },
{ label: `External Presented Docs`, value: `E` },
{ label: `混合支付`, value: `M` },
{ label: `议付`, value: `N` },
{ label: `即期`, value: `P` },
],
}
export default CodeTable;
\ No newline at end of file
src/lang/index.js
......@@ -3,8 +3,12 @@ import VueI18n from "vue-i18n";
import Cookies from "js-cookie";
import elementEnLocale from "element-ui/lib/locale/lang/en"; // element-ui lang
import elementZhLocale from "element-ui/lib/locale/lang/zh-CN"; // element-ui lang
import elementThLocale from "element-ui/lib/locale/lang/th"; // element-ui lang
import elementViLocale from "element-ui/lib/locale/lang/vi"; // element-ui lang
import enLocale from "./local/en/";
import zhLocale from "./local/zh/";
import thLocale from "./local/en/"; //TODO 本地th暂无
import viLocale from "./local/en/"; //TODO 本地vi暂无
/**
* 详细文档
......@@ -21,6 +25,14 @@ const messages = {
...zhLocale,
...elementZhLocale,
},
th: {
...thLocale,
...elementThLocale,
},
vi: {
...viLocale,
...elementViLocale,
},
};
export function getLanguage() {
const chooseLanguage = Cookies.get("language");
......
src/model/Dbipty/Pattern.js
......@@ -284,10 +284,10 @@ export default {
{max: 60,message:"长度不能超过60"}
],
"recpan.actnum":[
{type: "number", required: false, message: "必输项"},
{max: 6,message:"长度不能超过6"}
],
// "recpan.actnum":[
// {type: "number", required: false, message: "必输项"},
// {max: 6,message:"长度不能超过6"}
// ],
......
src/model/Dbipty/index.js
......@@ -133,7 +133,8 @@ export default class Dbipty{
inflev:"", // Infotext Level .recpan.ptystp.oit.inflev
},
},
actnum:"", // Total Number of Accounts .recpan.actnum
actnum:"", // Total Number of Accounts .recpan.actnum
act:"", // IDEA后台添加 前端也要添加该数据
ptssub:{
oited2:{
labinftxt:"", // Label for INFTXT .recpan.ptssub.oited2.labinftxt
......
src/model/Detopn/Event.js
......@@ -7,7 +7,11 @@ export default {
if(rtnmsg.respCode == SUCCESS)
{
//TODO 处理数据逻辑
this.model.dedgrp.rec.ownref = rtnmsg.data.dedgrp_rec_ownref;
this.$message({
type: 'success',
message: '获取成功！'
});
}
else
{
......
src/model/Infbpd/Event.js
......@@ -110,5 +110,16 @@ export default {
this.$notify.error({title: '错误',message: '服务请求失败！'});
}
},
async handleSearch() {
let rtnmsg = await this.executeRule("infbut.searow")
if(rtnmsg.respCode == SUCCESS)
{
this.stmData.data = rtnmsg.data.infbut_dspstm.rows;
}
else
{
this.$notify.error({title: '错误',message: '服务请求失败！'});
}
},
}
\ No newline at end of file
src/model/Infpty/index.js
......@@ -157,7 +157,7 @@ export default class Infpty{
},
},
actnum:0, // Total Number of Accounts .recpan.actnum
act:"", //后加进来的LIst 后端IDEA
act:"", //后加进来的LIst 后端IDEA 前端也需要手动添加
ptssub:{
oited2:{
labinftxt:"", // Label for INFTXT .recpan.ptssub.oited2.labinftxt
......
src/model/Sptrel/Check.js
......@@ -6,7 +6,6 @@ import Utils from "~/utils"
let checkObj = {
"inidatfro" :null,
"inidattil" :null,
"atpget.sdamod.dadsnd" :null,
}
for (const key in checkObj) {
......
src/model/Sptrel/Default.js
......@@ -6,12 +6,12 @@ import Api from "~/service/Api";
import Utils from "~/utils/index"
export default {
"usfmod.flt" :Utils.defaultFunction,
"sptstm" :Utils.defaultFunction,
"usfmod.usr.extkey" :Utils.defaultFunction,
"atp.cod" :Utils.defaultFunction,
"usfmod.selusg" :Utils.defaultFunction,
"usfmod.selusgset" :Utils.defaultFunction,
"usfmod.flt" :Utils.defaultFunction,
"usr.extkey" :Utils.defaultFunction,
"usfmod.usr.extkey" :Utils.defaultFunction,
}
//你可以添加自动default处理
src/model/Sptrel/Event.js
......@@ -26,5 +26,20 @@ export default {
this.$notify.error({title: '错误',message: '服务请求失败！'});
}
},
async handleSearch() {
let rtnmsg = await this.executeRule("searow")
if(rtnmsg.respCode == SUCCESS)
{
this.stmData.data = rtnmsg.data.sptstm.rows;
}
else
{
this.$notify.error({title: '错误',message: '服务请求失败！'});
}
},
}
\ No newline at end of file
src/model/Sptrel/index.js
......@@ -44,6 +44,16 @@ export default class Sptrel{
inidattil:"", // Date of entry of Transaction until .inidattil
sptstm:"", // List of SPT records .sptstm
sta:"", // Status .sta
// chkinc:"",
// chkdzt:"",
// chkpen:"",
// chkcor:"",
// chkaut:"",
// chkdel:"",
// chktco:"",
// chkcan:"",
selrow:"",
pageId: "" // ctx的key
}
}
......
src/model/Sptrou/index.js
......@@ -21,7 +21,10 @@ export default class Sptrou{
conget:{
refnum:"", // Reference No. .recpan.conget.refnum
selref:"", // Refecence of selected contract .recpan.conget.selref
selnam:"", // name of selected contract .recpan.conget.selnam
refnum:"", // Reference No. .recpan.conget.refnum
pntref:"",
pntnam:"", // name of selected contract .recpan.conget.selnam
sector:"",
sdamod:{
seainf:"", // .recpan.conget.sdamod.seainf
dadsnd:"", // Drag Drop Sender .recpan.conget.sdamod.dadsnd
......
src/model/Trnrel/Event.js
......@@ -92,6 +92,9 @@ export default {
let trnName = row.交易代码.toLowerCase();
let viewurl = "/review/"+trnName;
console.log(idx);
console.log(row);
const operateId = await this.$store.dispatch('Transaction/setOperateFuns', {
pass: this.onRelrow.bind(this, idx),
refuse: () => { alert("功能开发中") }
......
src/service/business/lang.js 0 → 100644
import Api from "~/service/Api"
export function changeLang(data) {
return Api.post('/business/lang/changeLang', data)
}
\ No newline at end of file
src/service/compare/index.js 0 → 100644
import Api from "~/service/Api"
export function all(data) {
return Api.post("/devtools/compare/all", data)
}
\ No newline at end of file
src/service/report/index.js
......@@ -2,4 +2,12 @@ import Api from "~/service/Api"
export function all(data) {
return Api.post("/report/task/all", data)
}
export function my(data) {
return Api.post("/report/task/my",data)
}
export function ins(data) {
return Api.post("/report/task/ins", data)
}
\ No newline at end of file
src/store/UserContext.js
......@@ -7,6 +7,12 @@ const UserContext={
menu:[],
state:"LOGOUT",
token:"",
homeCellsSetting: {
defaultCells: [],
cellRows: 0,
cellCols: 0,
cellNames: []
}
},
mutations:{
setLoginInfo(state,info){
......@@ -30,6 +36,15 @@ const UserContext={
},
setMenu(state, menu) {
state.menu = menu;
},
setHomeCellsSetting(state, setting) {
state.homeCellsSetting.cellRows = setting.cellRows
state.homeCellsSetting.cellCols = setting.cellCols
state.homeCellsSetting.cellNames = setting.cellNames
localStorage.setItem(`cells-setting-${state.userId}`, JSON.stringify(setting));
},
setHomeDefaultCells(state, cells) {
state.homeCellsSetting.defaultCells = cells;
}
}
}
......
src/views/Business/BusRouter.js
......@@ -120,6 +120,7 @@ import Getset from "./Getset"
import Getcrq from "./Getcrq"
import Betdcr from "./Betdcr"
import Betdrv from "./Betdrv"
import Letnot from "./Letnot"
import Ditdav from "./Ditdav"
import Infpty from "./Infpty"
......@@ -221,7 +222,7 @@ const BusRouter = [
{ path: 'inflid', component: Inflid, name: 'Inflid', meta: { title: '进口信用证查询' } },
{ path: 'inftrd', component: Inftrd, name: 'Inftrd', meta: { title: '进口押汇查询' } },
{ path: 'trtame', component: Trtame, name: 'Trtame', meta: { title: '进口融资修改' } },
{ path: 'infbpd', component: Infbpd, name: 'Infbpd', meta: { title: '进口单据查询' } },
{ path: 'inftxm', component: Inftxm, name: 'Inftxm', meta: { title: '条式语句查询' } },
// { path: 'infdet', component: Infdet, name: 'Infdet', meta: { title: 'Infdet' } },
{ path: 'botdav', component: Botdav, name: 'Botdav', meta: { title: '出口托收寄单' } },
......@@ -236,11 +237,11 @@ const BusRouter = [
{ path: 'bdtcan', component: Bdtcan, name: 'Bdtcan', meta: { title: '买方信用证单据注销' } },
{ path: 'ditdla', component: Ditdla, name: 'Ditdla', meta: { title: '买方信用证减额接受' } },
{ path: 'bdtset', component: Bdtset, name: 'Bdtset', meta: { title: '信用证付款' } },
{ path: 'infdet', component: Infdet, name: 'Infdet', meta: { title: '卖方信用证查询' } },
{ path: 'infdet', component: Infdet, name: 'Infdet', meta: { title: '卖方信用证交易查询' } },
{ path: 'infbfd', component: Infbfd, name: 'Infbfd', meta: { title: '卖方信用证单据查询' } },
{ path: 'detopn', component: Detopn, name: 'Detopn', meta: { title: '信用证开立' } },
{ path: 'detame', component: Detame, name: 'Detame', meta: { title: '信用证修改' } },
{ path: 'detsel', component: Detsel, name: 'Detsel', meta: { title: '信用证查询' } },
{ path: 'detopn', component: Detopn, name: 'Detopn', meta: { title: '卖方信用证开立' } },
{ path: 'detame', component: Detame, name: 'Detame', meta: { title: '卖方信用证修改' } },
{ path: 'detsel', component: Detsel, name: 'Detsel', meta: { title: '卖方信用证查询' } },
{ path: 'bftsnd', component: Bftsnd, name: 'Bftsnd', meta: { title: '卖方信用证寄单' } },
......@@ -258,6 +259,9 @@ const BusRouter = [
{ path: 'Dbipty', component: Dbipty, name: 'Dbipty', meta: { title: 'Dbipty' } },
{ path: 'betdcr', component: Betdcr, name: 'Betdcr', meta: { title: '出口信用证电提不符点/拒付' } },
{ path: 'betdrv', component: Betdrv, name: 'Betdrv', meta: { title: '出口信用证单据修改' } },
{ path: 'letnot', component: Letnot, name: 'Letnot', meta: { title: '出口信用证预通知' } },
{ path: 'infbpd', component: Infbpd, name: 'Infbpd', meta: { title: '出口押汇查询' } },
{ path: 'getset', component: Getset, name: 'Getset', meta: { title: 'Getset' } },
{ path: 'getsel', component: Getsel, name: 'Getsel', meta: { title: 'Getsel' } },
......
src/views/Business/Dbipty/Actinf.vue
<template>
<div class="eibs-tab">
<c-col :span="12">
<el-form-item label="Total Number of Accounts" prop="recpan.actnum">
<c-input v-model="model.recpan.actnum" placeholder="请输入Total Number of Accounts"></c-input>
</el-form-item>
</c-col>
<c-col :span="8" style="height: 24px" >
<el-form-item label="Accounts Defined" class="messageLabel">
</el-form-item>
</c-col>
<c-table
:border="true"
:list="data"
ref="table"
style="width:80%,text-aligen:center"
height="500"
:paginationShow="false"
>
<el-table-column label="Type"
width="auto"
prop="typ"
sortable
></el-table-column>
<el-table-column
label="Cur."
width="auto"
prop="cur"
sortable
></el-table-column>
<el-table-column
label="Account No."
width="auto"
prop="extkey"
sortable
></el-table-column>
<el-table-column
label="科目代码"
width="auto"
prop="trmtyp"
sortable
></el-table-column>
<el-table-column
label=" "
width="auto"
prop="nam"
sortable
></el-table-column>
</c-table>
</div>
</template>
<script>
......@@ -20,15 +58,34 @@ export default {
mixins: [commonProcess],
data(){
return {
}
data:[],
};
},
methods:{...Event},
created:function(){
}
created:function(){},
watch: {
"model.recpan.act": function () {
this.data = this.model.recpan.act;
this.$nextTick(() => {
for (let i = 0; i < this.data.length; i++) {
if (this.data[i].exeflg == "Y") {
this.$refs.table.$refs.table.toggleRowSelection(
this.data[i],
true
);
}
}
});
},
},
}
</script>
<style>
</style>
<!-- <c-col :span="12">
<el-form-item label="Total Number of Accounts" prop="recpan.actnum">
<c-input v-model="model.recpan.actnum" placeholder="请输入Total Number of Accounts"></c-input>
</el-form-item>
</c-col> -->
\ No newline at end of file
src/views/Business/Dbipty/Addadrp.vue
<template>
<div class="eibs-tab">
<c-col :span="12">
<c-col :span="24" style="height: 24px" text-align=justify>
<el-form-item label="Additional Addresses" class="messageLabel">
</el-form-item>
</c-col>
<!-- <c-col :span="24">
<el-divider></el-divider>
</c-col> -->
<c-table :border="true" :list="data" ref="table"
style="width:80%,text-aligen:center" height="500"
:paginationShow="false">
<el-table-column
label="Key"
width="auto"
prop="extkey"
sortable></el-table-column>
<el-table-column
label="Address"
width="auto"
prop="nam"
sortable
></el-table-column>
<el-table-column
label="BIC"
width="auto"
prop="bic"
sortable
></el-table-column>
<el-table-column
label="Location"
width="auto"
prop="loctxt"
sortable
></el-table-column>
</c-table>
<!-- <c-col :span="12">
<c-button size="small" type="primary" @click="onRecpanDspadr">
Display
</c-button>
......@@ -11,7 +45,7 @@
<c-button size="small" type="primary" @click="onRecpanLnkdbmpty">
&Make Main
</c-button>
</c-col>
</c-col> -->
</div>
</template>
<script>
......@@ -26,7 +60,7 @@ export default {
mixins: [commonProcess],
data(){
return {
data:[]
}
},
methods:{...Event},
......
src/views/Business/Dbipty/Oitp.vue
<template>
<div class="eibs-tab">
<c-col :span="12">
<c-col :span="12" style="height: 24px" >
<el-form-item label="Available Info of Party " class="messageLabel">
</el-form-item>
</c-col>
<c-table :border="true" :list="data" ref="table"
style="width:80%,text-aligen:center" height="500"
:paginationShow="false">
<el-table-column
label="Type"
width="auto"
prop="subtyp"
sortable
>
</el-table-column>
<el-table-column
label="Business Sector"
width="auto"
prop="subbus"
sortable></el-table-column>
<el-table-column
label="Display Level"
width="auto"
prop="inflev"
sortable
></el-table-column>
<el-table-column
label="Text"
width="auto"
prop="shttxt"
sortable
></el-table-column>
<c-table-column fixed="right" prop="op" label="操作" width="65px">
<template slot-scope="{ scope }">
<c-button
style="margin-left: 0"
size="small"
@click="onInfbutDsp(scope.$index, scope.row)"
>
Details
</c-button>
</template>
</c-table-column>
</c-table>
<!-- <c-col :span="12">
<span v-text="model.recpan.ptssub.oited2.labinftxt" data-path=".recpan.ptssub.oited2.labinftxt" > </span>
</c-col>
</c-col> -->
</div>
</template>
<script>
......@@ -18,7 +61,7 @@ export default {
mixins: [commonProcess],
data(){
return {
data:[]
}
},
methods:{...Event},
......
src/views/Business/Dbipty/Ptcinf.vue
<template>
<div class="eibs-tab">
</div>
<c-col :span="8" style="height: 24px" >
<el-form-item label="Contact Persons" class="messageLabel">
</el-form-item>
</c-col>
<c-table :border="true" :list="data" ref="table"
style="width:80%,text-aligen:center" height="500"
:paginatonShow="false">
<el-table-column
label="Gender"
width="auto"
prop="gen"
></el-table-column>
<el-table-column
label="Name"
width="auto"
prop="nam"
sortable
></el-table-column>
<el-table-column
label="Department"
width="auto"
prop="dep"
sortable
></el-table-column>
<el-table-column
label="Office Phone"
width="auto"
prop="teloff"
sortable
></el-table-column>
<el-table-column
label="E-mail"
width="auto"
prop="eml"
sortable
></el-table-column>
<el-table-column
label="Telefax"
width="auto"
prop="telfax"
sortable
></el-table-column>
</c-table>
</div>
</template>
<script>
import Api from "~/service/Api"
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Dbipty/Event"
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Dbipty/Event";
export default {
inject: ['root'],
props:["model","codes"],
mixins: [commonProcess],
data(){
return {
}
},
methods:{...Event},
created:function(){
}
}
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {
data:[]
};
},
methods: { ...Event },
created: function () {},
};
</script>
<style>
</style>
src/views/Business/Dbipty/Ptmpan.vue
<template>
<div class="eibs-tab">
<c-col :span="12">
<c-button size="small" type="primary" @click="onRecpanLnkinfptm">
Info
</c-button>
</c-col>
<c-col :span="8" style="height: 24px" >
<el-form-item label="Authentication of Address" class="messageLabel" label-width="200px">
</el-form-item>
</c-col>
<c-table :border="true" :list="data" ref="table"
style="width:80%,text-aligen:center" height="500"
:paginationShow="false"
>
<el-table-column
label="Corr.Type"
width="auto"
prop="cortyp"
sortable
></el-table-column>
<el-table-column
label="Address of Message "
width="auto"
prop="coradr"
sortable
></el-table-column>
<el-table-column
label="Authenticator "
width="auto"
prop="autflg"
sortable
></el-table-column>
<el-table-column
label="Public key"
width="auto"
prop="autdet"
sortable
></el-table-column>
</c-table>
</div>
</template>
<script>
......@@ -20,7 +49,7 @@ export default {
mixins: [commonProcess],
data(){
return {
data:[]
}
},
methods:{...Event},
......@@ -32,3 +61,9 @@ export default {
<style>
</style>
<!-- <c-col :span="12">
<c-button size="small" type="primary" @click="onRecpanLnkinfptm">
Info
</c-button>
</c-col> -->
\ No newline at end of file
src/views/Business/Dbipty/Ptyp2.vue
<template>
<div class="eibs-tab">
<c-col :span="12">
<!-- 左 -->
<c-col :span="11">
<c-col :span="24">
<el-form-item label="客户号" prop="recpan.epty.extkey">
<c-input v-model="model.recpan.epty.extkey" maxlength="24" placeholder="请输入客户号"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<c-button size="small" type="primary" @click="onEptyPtyget">
查询
</c-button>
</c-col>
<c-col :span="12">
<el-form-item label="组织机构'码" prop="recpan.epty.juscod">
<c-input v-model="model.recpan.epty.juscod" maxlength="10" placeholder="请输入组织机构'码"></c-input>
<c-input
v-model="model.recpan.epty.extkey"
maxlength="24"
placeholder="请输入客户号"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="外汇许可证号" prop="recpan.epty.whzno">
<c-input v-model="model.recpan.epty.whzno" maxlength="50" placeholder="请输入外汇许可证号"></c-input>
</c-col>
<c-col :span="24">
<el-form-item label="组织机构代码" prop="recpan.epty.juscod">
<c-input
v-model="model.recpan.epty.juscod"
maxlength="10"
placeholder="请输入组织机构'码"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
</c-col>
</c-col>
<c-col :span="11" :offset="1">
<c-col :span="24">
<el-form-item label="客户名称" prop="recpan.epty.ptynam">
<c-input v-model="model.recpan.epty.ptynam" maxlength="100" placeholder="请输入客户名称"></c-input>
<c-input
v-model="model.recpan.epty.ptynam"
maxlength="100"
placeholder="请输入客户名称"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="ECIF pty info" prop="recpan.epty.eptystream">
<c-input v-model="model.recpan.epty.eptystream" placeholder="请输入ECIF pty info"></c-input>
</c-col>
<c-col :span="24">
<el-form-item label="外汇许可证号" prop="recpan.epty.whzno">
<c-input
v-model="model.recpan.epty.whzno"
maxlength="50"
placeholder="请输入外汇许可证号"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<c-button size="small" type="primary" @click="onEptyPtyext">
&Exit
</c-col>
<c-col :span="24">
<c-button
size="small"
type="primary"
@click="onEptyPtyget"
style="float: right"
>
查询
</c-button>
</c-col>
</c-col>
</c-col>
<c-col :span="24">
<c-istream-table :list="trnData.data" :columns="trnData.columns">
</c-istream-table>
</c-col>
</div>
</template>
<script>
import Api from "~/service/Api"
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Dbipty/Event"
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Dbipty/Event";
export default {
inject: ['root'],
props:["model","codes"],
mixins: [commonProcess],
data(){
return {
}
},
methods:{...Event},
created:function(){
}
}
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {
trnData: {
columns: [
'0 1 "客户号" 80 1 20:2 1',
'1 2 "客户类别" 80 1 20:2 1 TransKhTyp',
'2 3 "客户名称" 130 1 20:0 1',
'3 4 "英文名称" 100 1 20:0 1',
'4 5 "所属国家地区代码" 100 1 20:2 1',
'5 6 "组织机构代码" 80 1 20:2 1',
'6 7 "组织机构代码有效日期" 80 1 20:2 1',
'7 8 "营业执照号" 80 1 20:2 1',
'8 9 "外汇许可证号" 80 1 20:2 1 TransIf',
'9 10 "企业外管代码" 100 1 20:2 1 TransIf',
'10 11 "进出口经营权许可证书" 100 1 20:2 1',
'11 12 "是否自贸区客户" 80 1 20:2 1 TransIf',
'12 13 "是否正式客户" 80 1 20:2 1 TransIf',
'13 14 "所属地区代码" 80 1 20:2 1',
'14 15 "角色的ECIF客户号" 80 1 20:2 1',
'15 16 "是否为光大集团股东客户" 80 1 20:2 1 TransIf',
'16 17 "是否为光大集团关联单位" 80 1 20:2 1 TransIf',
'17 18 "客户状态" 80 1 20:2 1 TransKhSta',
'18 19 "是否为NRA账户" 80 1 20:2 1 TransIf',
'19 20 "Swift编号" 80 1 20:2 1 TransIf',
'20 21 "统一社会信用代码" 130 1 20:2 1 TransIf',
'21 22 "金融机构类型" 180 1 20:2 1 TransFinOrg',
],
data: [],
},
};
},
methods: { ...Event },
created: function () {},
};
</script>
<style>
</style>
<!-- <c-col :span="12">
<el-form-item label="ECIF pty info" prop="recpan.epty.eptystream">
<c-input v-model="model.recpan.epty.eptystream" placeholder="请输入ECIF pty info"></c-input>
</el-form-item>
</c-col> -->
<!-- <c-col :span="12">
<c-button size="small" type="primary" @click="onEptyPtyext">
&Exit
</c-button>
</c-col> -->
\ No newline at end of file
src/views/Business/Dbipty/Ptytxt.vue
<template>
<div class="eibs-tab">
<c-col :span="12">
<span v-text="model.recpan.ptyinf.labinftxt" data-path=".recpan.ptyinf.labinftxt" > </span>
</c-col>
<c-col :span="12">
<el-form-item label="Infotext" prop="recpan.ptyinf.oit.inftxt">
<c-input type="textarea" v-model="model.recpan.ptyinf.oit.inftxt" maxlength="60" show-word-limit placeholder="请输入Infotext" ></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Infotext Level" prop="recpan.ptyinf.oit.inflev">
<c-select v-model="model.recpan.ptyinf.oit.inflev" style="width:100%" placeholder="请选择Infotext Level">
</c-select>
<c-col :span="11">
<c-col :span="24">
<el-form-item label="LABINFTXT" prop="recpan.ptyinf.oit.inftxt">
<c-input
type="textarea"
v-model="model.recpan.ptyinf.oit.inftxt"
maxlength="60"
show-word-limit
placeholder="请输入Infotext"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<span v-text="model.recpan.ptystp.labinftxt" data-path=".recpan.ptystp.labinftxt" > </span>
</c-col>
<c-col :span="12">
<el-form-item label="Infotext" prop="recpan.ptystp.oit.inftxt">
<c-input type="textarea" v-model="model.recpan.ptystp.oit.inftxt" maxlength="60" show-word-limit placeholder="请输入Infotext" ></c-input>
</c-col>
<c-col :span="24">
<el-form-item label="Display Type" prop="recpan.ptyinf.oit.inflev">
<c-select
v-model="model.recpan.ptyinf.oit.inflev"
style="width: 100%"
placeholder="请选择Infotext Level"
:code="codes.inflev"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Infotext Level" prop="recpan.ptystp.oit.inflev">
<c-select v-model="model.recpan.ptystp.oit.inflev" style="width:100%" placeholder="请选择Infotext Level">
</c-select>
</c-col>
</c-col>
<c-col :span="11" :offset="1">
<c-col :span="24">
<el-form-item label="LABINFTXT" prop="recpan.ptystp.oit.inftxt">
<c-input
type="textarea"
v-model="model.recpan.ptystp.oit.inftxt"
maxlength="60"
show-word-limit
placeholder="请输入Infotext"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Display Type" prop="recpan.ptystp.oit.inflev">
<c-select
v-model="model.recpan.ptystp.oit.inflev"
style="width: 100%"
placeholder="请选择Infotext Level"
:code="codes.inflev"
>
</c-select>
</el-form-item>
</c-col>
</c-col>
</c-col>
<!-- <c-col :span="12">
<span v-text="model.recpan.ptyinf.labinftxt" data-path=".recpan.ptyinf.labinftxt" > </span>
</c-col> -->
<!-- <c-col :span="12">
<span v-text="model.recpan.ptystp.labinftxt" data-path=".recpan.ptystp.labinftxt" > </span>
</c-col> -->
</div>
</template>
<script>
import Api from "~/service/Api"
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Dbipty/Event"
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Dbipty/Event";
export default {
inject: ['root'],
props:["model","codes"],
mixins: [commonProcess],
data(){
return {
}
},
methods:{...Event},
created:function(){
}
}
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {};
},
methods: { ...Event },
created: function () {},
};
</script>
<style>
</style>
src/views/Business/Dbipty/index.vue
......@@ -54,6 +54,9 @@
<el-tab-pane label="ECIF客户信息" name="ptyp2">
<m-ptyp2 :model="model" :codes="codes" />
</el-tab-pane>
<c-grid-ety-prompt-dialog ref="etyDialog" :promptData="promptData" v-on:select-ety="selectEty">
</c-grid-ety-prompt-dialog>
</c-tabs>
</el-form>
</div>
......@@ -108,12 +111,10 @@ export default {
};
},
methods: {
tabClick(tab) {
this.tabClick(tab);
/**
* do it yourself
**/
},
// tabClick(tab) {
// this.tabClick();
// }
},
created: async function () {
console.log("进入dbipty交易");
......
src/views/Business/Detdrv/Dscins.vue
<template>
<div class="eibs-tab">
<c-col :span="12">
<c-checkbox v-model="model.bfdgrp.blk.docdisflg">Discrepancies modified</c-checkbox>
</c-col>
<c-col :span="12">
<c-col :span="12">
<c-col :span="20">
<el-form-item label="不符点" prop="bfdgrp.blk.docdis">
<c-input type="textarea" v-model="model.bfdgrp.blk.docdis" maxlength="50" show-word-limit placeholder="请输入不符点" ></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<c-col :span="4">
<c-button size="small" type="primary" icon="el-icon-search" @click="onDocdisButtxmsel">
...
</c-button>
</c-col>
<c-col :span="12">
<el-form-item label="Processing Options" prop="bftp.folwupopt">
<c-select v-model="model.bftp.folwupopt" style="width:100%" placeholder="请选择Processing Options">
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Internal Discrepancies" prop="bfdgrp.blk.intdis">
<c-input type="textarea" v-model="model.bfdgrp.blk.intdis" maxlength="65" show-word-limit placeholder="请输入Internal Discrepancies" ></c-input>
<c-col :span="20">
<el-form-item label="内部不符点" prop="bfdgrp.blk.intdis">
<c-input type="textarea" v-model="model.bfdgrp.blk.intdis" maxlength="65" show-word-limit placeholder="请输入内部不符点" ></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<c-col :span="4">
<c-button size="small" type="primary" icon="el-icon-search" @click="onIntdisButtxmsel">
...
</c-button>
</c-col>
<c-col :span="12">
<el-form-item label="Payer" prop="bfdgrp.rec.payrol">
<c-select v-model="model.bfdgrp.rec.payrol" style="width:100%" placeholder="请选择Payer">
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Drag Drop Sender" prop="bftp.othp.ptsget.sdamod.dadsnd">
<c-input v-model="model.bftp.othp.ptsget.sdamod.dadsnd" placeholder="请输入Drag Drop Sender"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="External Key of Address" prop="bfdgrp.oth.pts.extkey">
<c-input v-model="model.bfdgrp.oth.pts.extkey" maxlength="16" placeholder="请输入External Key of Address"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="" prop="bftp.othp.ptsget.sdamod.seainf">
<c-input v-model="model.bftp.othp.ptsget.sdamod.seainf" placeholder="请输入"></c-input>
</el-form-item>
<c-col :span="12">
<span v-text="model.bftp.docgrdm.docdsclab" data-path=".bftp.docgrdm.docdsclab" > </span>
</c-col>
</c-col>
<c-col :span="12">
<c-button size="small" type="primary" @click="onOthpDet">
Details
</c-button>
<c-col :span="24">
<c-checkbox v-model="model.bfdgrp.blk.docdisflg">录入不符点</c-checkbox>
</c-col>
<c-col :span="12">
<el-form-item label="名称" prop="bfdgrp.oth.namelc">
<c-input type="textarea" v-model="model.bfdgrp.oth.namelc" maxlength="35" show-word-limit placeholder="请输入名称" ></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Address Block" prop="bfdgrp.oth.pts.adrblk">
<c-input type="textarea" v-model="model.bfdgrp.oth.pts.adrblk" maxlength="35" show-word-limit placeholder="请输入Address Block" ></c-input>
<c-col :span="24">
<el-form-item label="寄单状态" prop="bftp.folwupopt">
<c-select v-model="model.bftp.folwupopt" style="width:100%" placeholder="请选择寄单状态">
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Chinese address" prop="bfdgrp.oth.dbfadrblkcn">
<c-input type="textarea" v-model="model.bfdgrp.oth.dbfadrblkcn" maxlength="35" show-word-limit placeholder="请输入Chinese address" ></c-input>
</c-col>
<c-col :span="24">
<el-form-item label="付款人" prop="bfdgrp.rec.payrol">
<c-select v-model="model.bfdgrp.rec.payrol" style="width:100%" placeholder="请选择付款人">
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<c-ptap
:model="model"
:argadr="{
title: '付款人',
grp: 'bfdgrp',
rol: 'oth',
}"
:disabled="true"
@onSeainf="onSeainf"
@onAplpDet="onOthpDet"
>
</c-ptap>
</c-col>
<c-col :span="12">
<el-form-item label="地址" prop="bfdgrp.oth.adrelc">
<c-input type="textarea" v-model="model.bfdgrp.oth.adrelc" maxlength="35" show-word-limit placeholder="请输入地址" ></c-input>
<c-col :span="24">
<el-form-item label="信用证编号" prop="dedgrp.rec.kzref">
<c-input v-model="model.dedgrp.rec.kzref" maxlength="35" placeholder="请输入信用证编号"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
</c-col>
<c-col :span="24">
<el-form-item label="快递单号" prop="bfdgrp.rec.expmno">
<c-input type="textarea" v-model="model.bfdgrp.rec.expmno" maxlength="60" show-word-limit placeholder="请输入快递单号" ></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="信用证编号" prop="dedgrp.rec.kzref">
<c-input v-model="model.dedgrp.rec.kzref" maxlength="35" placeholder="请输入信用证编号"></c-input>
<c-col :span="24">
<el-form-item label="扣减佣金" prop="bfdgrp.rec.lescom">
<c-input v-model="model.bfdgrp.rec.lescom" placeholder="请输入扣减佣金"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<span v-text="model.bftp.docgrdm.docdsclab" data-path=".bftp.docgrdm.docdsclab" > </span>
</c-col>
<c-col :span="12">
<el-form-item label="Less comm." prop="bfdgrp.rec.lescom">
<c-input v-model="model.bfdgrp.rec.lescom" placeholder="请输入Less comm."></c-input>
</el-form-item>
</c-col>
</div>
</template>
<script>
......
src/views/Business/Detopn/index.vue
<template>
<div class="eContainer">
<!-- <c-bus-button :$pntvm="this"></c-bus-button> -->
<c-function-btn
:handleSubmit="handleSubmit"
:handleCheck="handleCheck"
:handleStash="handleStash"
>
<el-button size="small">流程附言</el-button>
<el-button size="small">交易历史</el-button>
<el-button size="small">备忘录</el-button>
<el-button size="small">影像信息</el-button>
<!-- <el-button size="small">保存模板</el-button> -->
<!-- <el-button size="small">使用模板</el-button> -->
<el-button size="small">制裁信息</el-button>
<!-- <el-button size="small">拆分报文</el-button> -->
<el-button size="small">智能提示</el-button>
</c-function-btn>
<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="tabClick">
<!--PD000017 -->
<el-tab-pane label="基本信息" name="ovwp">
<c-content>
<m-ovwp :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
<!--PD000494 -->
<el-tab-pane label="其他当事人" name="detp1">
<c-content>
<m-detp1 :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
<!--PD000525 -->
<el-tab-pane label="详细信息" name="detp2">
<m-detp2 :model="model" :codes="codes"/>
</el-tab-pane>
<!--PD000405 -->
<el-tab-pane label="单据要求" name="detp">
<m-detp :model="model" :codes="codes"/>
</el-tab-pane>
<!--PD000000 -->
<el-tab-pane label="费用及账务" name="setpan">
<c-content>
<m-setpan :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
<el-tab-pane label="分录" name="glepan">
<m-glepan :model="model" :codes="codes" ref="glepan" />
</el-tab-pane>
<el-tab-pane label="表外" name="engp">
<!--PD000027 -->
<c-content>
<m-engp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000000 -->
<el-tab-pane label="附言" name="coninfp">
<m-coninfp :model="model" :codes="codes"/>
</el-tab-pane>
<!--PD000529 -->
<el-tab-pane label="报文及面函" name="docpan">
<m-docpan :model="model" :codes="codes"/>
</el-tab-pane>
<!--PD000001 -->
<el-tab-pane label="授信额度" name="limitbody">
<m-limitbody :model="model" :codes="codes"/>
</el-tab-pane>
<!--PD000548 -->
<!--
<div class="eContainer">
<!-- <c-bus-button :$pntvm="this"></c-bus-button> -->
<c-function-btn
:handleSubmit="handleSubmit"
:handleCheck="handleCheck"
:handleStash="handleStash"
>
<el-button size="small">流程附言</el-button>
<el-button size="small">交易历史</el-button>
<el-button size="small">备忘录</el-button>
<el-button size="small">影像信息</el-button>
<!-- <el-button size="small">保存模板</el-button> -->
<!-- <el-button size="small">使用模板</el-button> -->
<el-button size="small">制裁信息</el-button>
<!-- <el-button size="small">拆分报文</el-button> -->
<el-button size="small">智能提示</el-button>
</c-function-btn>
<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="tabClick">
<!--PD000017 -->
<el-tab-pane label="基本信息" name="ovwp">
<c-content>
<m-ovwp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000494 -->
<el-tab-pane label="其他当事人" name="detp1">
<c-content>
<m-detp1 :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000525 -->
<el-tab-pane label="详细信息" name="detp2">
<m-detp2 :model="model" :codes="codes" />
</el-tab-pane>
<!--PD000405 -->
<el-tab-pane label="单据要求" name="detp">
<m-detp :model="model" :codes="codes" />
</el-tab-pane>
<!--PD000000 -->
<el-tab-pane label="费用及账务" name="setpan">
<c-content>
<m-setpan :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<el-tab-pane label="分录" name="glepan">
<m-glepan :model="model" :codes="codes" ref="glepan" />
</el-tab-pane>
<el-tab-pane label="表外" name="engp">
<!--PD000027 -->
<c-content>
<m-engp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000000 -->
<el-tab-pane label="附言" name="coninfp">
<m-coninfp :model="model" :codes="codes" />
</el-tab-pane>
<!--PD000529 -->
<el-tab-pane label="报文及面函" name="docpan">
<m-docpan :model="model" :codes="codes" />
</el-tab-pane>
<!--PD000001 -->
<el-tab-pane label="授信额度" name="limitbody">
<m-limitbody :model="model" :codes="codes" />
</el-tab-pane>
<!--PD000548 -->
<!--
<el-tab-pane label="PD000548" name="stament">
<m-stament :model="model" :codes="codes"/>
</el-tab-pane>
-->
<!--PD000001 -->
<!--
<!--PD000001 -->
<!--
<el-tab-pane label="PD000001" name="aamp">
<m-aamp :model="model" :codes="codes"/>
</el-tab-pane>
-->
</c-tabs>
</el-form>
</div>
</c-tabs>
</el-form>
<c-grid-ety-prompt-dialog
ref="etyDialog"
:promptData="promptData"
v-on:select-ety="selectEty"
>
</c-grid-ety-prompt-dialog>
</div>
</template>
<script>
import Api from "~/service/Api";
......@@ -122,67 +130,61 @@ import Coninfp from "~/views/Public/Coninfp";
import Docpan from "~/views/Public/Docpan";
import Limitbody from "~/views/Public/Limitbody";
export default {
name: "Detopn",
components:{
"m-ovwp" : Ovwp,
"m-detp" : Detp,
"m-detp1" : Detp1,
"m-detp2" : Detp2,
"m-stament" : Stament,
"m-aamp" : Aamp,
"m-setpan" : Setpan,
"m-glepan": Glepan,
"m-engp": Engp,
"m-coninfp" : Coninfp,
"m-docpan" : Docpan,
"m-limitbody" : Limitbody,
},
provide() {
return {
root: this
}
},
name: "Detopn",
components: {
"m-ovwp": Ovwp,
"m-detp": Detp,
"m-detp1": Detp1,
"m-detp2": Detp2,
"m-stament": Stament,
"m-aamp": Aamp,
"m-setpan": Setpan,
"m-glepan": Glepan,
"m-engp": Engp,
"m-coninfp": Coninfp,
"m-docpan": Docpan,
"m-limitbody": Limitbody,
},
provide() {
return {
root: this,
};
},
// mixins: [commonProcess], // 里面包含了Default、Check等的公共处理
mixins: [commonProcess,commonFuncs], // 里面包含了Default、Check等的公共处理
mixins: [commonProcess, commonFuncs], // 里面包含了Default、Check等的公共处理
computed: {},
data(){
return {
tabVal: "",
trnName: "detopn",
model: new Detopn().data,
checkRules: Check,
defaultRules: Default,
pattern: Pattern,
rules: null,
codes: { ...CodeTable },
}
},
methods:{
tabClick(){
}
},
created:async function(){
console.log("进入detopn交易");
//let rtnmsg = await this.init({})
let rtnmsg = await this.init(this.$route.query);
if(rtnmsg.respCode == SUCCESS)
{
//更新数据
Utils.copyValueFromVO(this.model,rtnmsg.data)
if (this.isInDisplay) {
this.restoreDisplay();
}
}
else
{
this.$notify.error({title: '错误',message: '服务请求失败！'});
}
data() {
return {
tabVal: "ovwp",
trnName: "detopn",
model: new Detopn().data,
checkRules: Check,
defaultRules: Default,
pattern: Pattern,
rules: null,
codes: { ...CodeTable },
};
},
methods: {
tabClick() {},
},
created: async function () {
console.log("进入detopn交易");
//let rtnmsg = await this.init({})
let rtnmsg = await this.init(this.$route.query);
if (rtnmsg.respCode == SUCCESS) {
//更新数据
Utils.copyValueFromVO(this.model, rtnmsg.data);
if (this.isInDisplay) {
this.restoreDisplay();
}
} else {
this.$notify.error({ title: "错误", message: "服务请求失败！" });
}
}
},
};
</script>
<style>
</style>
src/views/Business/Getset/Gitsetp1.vue
......@@ -154,8 +154,12 @@
placeholder="请选择Type of Undertaking"
disabled
>
<el-option v-for="item in codes.typgar" :key="item.value" :label="item.label"
:value="item.value">
<el-option
v-for="item in codes.typgar"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
......@@ -360,26 +364,6 @@
</c-col>
<c-col :span="24">
<c-checkbox v-model="cannowflg"
>Payment under Cancelation of Guarantee</c-checkbox
>
</c-col>
<c-col :span="24">
<c-checkbox v-model="clsflg"
>Close Flag</c-checkbox
>
</c-col>
<c-col :span="24">
<c-checkbox v-model="frepayflg"
>free of payment flag</c-checkbox
>
</c-col>
</c-col>
<!-- ===========Right=========== -->
<c-col :span="12" style="margin-top: 15px">
<c-col :span="24">
<el-form-item label="Presented by" prop="gcdgrp.rec.docprbrol">
<c-select
v-model="model.gcdgrp.rec.docprbrol"
......@@ -403,6 +387,30 @@
</c-col>
<c-col :span="24">
<el-form-item label="" prop="">
<c-checkbox v-model="cannowflg"
>Payment under Cancelation of Guarantee</c-checkbox
>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="" prop="">
<c-checkbox v-model="clsflg">Close Flag</c-checkbox>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="" prop="">
<c-checkbox v-model="frepayflg"
>free of payment flag</c-checkbox
>
</el-form-item>
</c-col>
</c-col>
<!-- ===========Right=========== -->
<c-col :span="12" style="margin-top: 15px">
<c-col :span="24">
<c-fullbox>
<el-form-item
label="External Key of Address"
......@@ -465,8 +473,12 @@
placeholder="请选择Payer"
disabled
>
<el-option v-for="item in codes.rolall" :key="item.value" :label="item.label"
:value="item.value">
<el-option
v-for="item in codes.rolall"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
......@@ -544,30 +556,30 @@ export default {
},
methods: { ...Event },
computed: {
cannowflg: {
get() {
return this.model.gcdgrp.rec.cannowflg != ''
},
set(val) {
this.model.gcdgrp.rec.cannowflg = val ? "X" : "0"
}
},
clsflg: {
get() {
return this.model.mtabut.clsflg != ''
},
set(val) {
this.model.mtabut.clsflg = val ? "C" : ""
}
},
frepayflg: {
get() {
return this.model.gcdgrp.rec.frepayflg != ''
},
set(val) {
this.model.gcdgrp.rec.frepayflg = val ? "X" : ""
}
},
cannowflg: {
get() {
return this.model.gcdgrp.rec.cannowflg != "0";
},
set(val) {
this.model.gcdgrp.rec.cannowflg = val ? "X" : "0";
},
},
clsflg: {
get() {
return this.model.mtabut.clsflg != "";
},
set(val) {
this.model.mtabut.clsflg = val ? "C" : "";
},
},
frepayflg: {
get() {
return this.model.gcdgrp.rec.frepayflg != "";
},
set(val) {
this.model.gcdgrp.rec.frepayflg = val ? "X" : "";
},
},
},
created: function () {},
};
......
src/views/Business/Getset/Lendoc.vue
<template>
<div class="eibs-tab">
<!-- ===================Left================= -->
<c-col :span="12">
<el-form-item
label="Verification Certificate Number"
prop="lendoc.vercerref"
>
<c-input
type="textarea"
v-model="model.lendoc.vercerref"
maxlength="20"
show-word-limit
placeholder="请输入Verification Certificate Number"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Input Account" prop="lendoc.actflg">
<c-col :span="3">
<c-checkbox v-model="model.lendoc.actflg"></c-checkbox>
</c-col>
<c-col :span="21">
<c-input
v-model="model.lendoc.account"
maxlength="25"
placeholder="请输入ACT"
></c-input>
</c-col>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Input Account" prop="lendoc.actflg">
<c-col :span="4">
<c-checkbox v-model="model.lendoc.actflg"></c-checkbox>
</c-col>
<c-col :span="20">
<c-col :span="24">
<el-form-item label="Declaration Number" prop="lendoc.decnum">
<c-input
v-model="model.lendoc.account"
maxlength="25"
placeholder="请输入ACT"
v-model="model.lendoc.decnum"
maxlength="22"
placeholder="请输入Declaration Number"
></c-input>
</c-col>
</el-form-item>
</el-form-item>
</c-col>
</c-col>
<!-- ===================Right================= -->
<c-col :span="12">
</c-col>
<c-col :span="12">
<el-form-item label="Declaration Number" prop="lendoc.decnum">
<c-input
v-model="model.lendoc.decnum"
maxlength="22"
placeholder="请输入Declaration Number"
></c-input>
</el-form-item>
<c-col :span="24">
<el-form-item
label="Verification Certificate Number"
prop="lendoc.vercerref"
>
<c-input
type="textarea"
v-model="model.lendoc.vercerref"
maxlength="20"
show-word-limit
placeholder="请输入Verification Certificate Number"
></c-input>
</el-form-item>
</c-col>
</c-col>
</div>
</template>
......
src/views/Business/Getset/index.vue
<template>
<div class="eContainer">
<c-function-btn
:handleSubmit="handleSubmit"
:handleCheck="handleCheck"
:handleStash="handleStash"
>
</c-function-btn>
<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">
......@@ -60,6 +66,7 @@ import Api from "~/service/Api"
import CodeTable from "~/config/CodeTable"
import Getset from "~/model/Getset"
import commonProcess from "~/mixin/commonProcess"
import commonFuncs from "~/mixin/commonFuncs";
import Check from "~/model/Getset/Check"
import Default from "~/model/Getset/Default"
import Pattern from "~/model/Getset/Pattern"
......@@ -94,7 +101,7 @@ export default {
root: this
}
},
mixins: [commonProcess], // 里面包含了Default、Check等的公共处理
mixins: [commonProcess, commonFuncs], // 里面包含了Default、Check等的公共处理
data(){
return {
tabVal: "gitsetp1",
......@@ -116,17 +123,15 @@ export default {
}
},
created:async function(){
//伪数据
// this.model.gidgrp.rec.ownref = 'AG3500220005AA'
// this.model.gcdgrp.rec.ownref = 'AG3500220005AA01'
console.log("进入getset交易");
let rtnmsg = await this.init({})
if(rtnmsg.respCode == SUCCESS)
{
this.updateModel(rtnmsg.data)
//TODO 处理数据逻辑
this.restoreDisplay();
if(this.isInDisplay){
this.restoreDisplay()
}
}
else
{
......
src/views/Business/Infbpd/Infovwp.vue
......@@ -82,13 +82,13 @@
</el-form-item>
</c-col>
<c-col :span="12">
<c-col :span="10">
<el-form-item label="" prop="recpan.fiap.ptsget.sdamod.seainf">
<c-input v-model="model.recpan.fiap.ptsget.sdamod.seainf" placeholder="请输入"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<c-col :span="2">
<c-button size="small" type="primary" @click="onFiapDet">
Details
</c-button>
......@@ -164,22 +164,22 @@
</c-col>
<c-col :span="12">
<el-form-item label="利率调�'方式" prop="finmod.ratchgtyp">
<c-select v-model="model.finmod.ratchgtyp" style="width:100%" placeholder="请选择利率调�'方式">
<el-form-item label="利率调整方式" prop="finmod.ratchgtyp">
<c-select v-model="model.finmod.ratchgtyp" style="width:100%" placeholder="请选择利率调整方式">
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="利率调�'周期" prop="finmod.ratchgprd">
<c-select v-model="model.finmod.ratchgprd" style="width:100%" placeholder="请选择利率调�'周期">
<el-form-item label="利率调整周期" prop="finmod.ratchgprd">
<c-select v-model="model.finmod.ratchgprd" style="width:100%" placeholder="请选择利率调整周期">
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="利率调�'月日数" prop="finmod.ratchgdat">
<c-input v-model="model.finmod.ratchgdat" maxlength="4" placeholder="请输入利率调�'月日数"></c-input>
<el-form-item label="利率调整月日数" prop="finmod.ratchgdat">
<c-input v-model="model.finmod.ratchgdat" maxlength="4" placeholder="请输入利率调整月日数"></c-input>
</el-form-item>
</c-col>
......@@ -260,8 +260,8 @@
</c-col>
<c-col :span="12">
<el-form-item label="第一还款�'�号" prop="finmod.act1">
<c-input v-model="model.finmod.act1" maxlength="21" placeholder="请输入第一还款�'�号"></c-input>
<el-form-item label="第一还款账号" prop="finmod.act1">
<c-input v-model="model.finmod.act1" maxlength="21" placeholder="请输入第一还款账号"></c-input>
</el-form-item>
</c-col>
......@@ -286,8 +286,8 @@
</c-col>
<c-col :span="12">
<el-form-item label="第三方还款�'�号" prop="finmod.act3">
<c-input v-model="model.finmod.act3" maxlength="21" placeholder="请输入第三方还款�'�号"></c-input>
<el-form-item label="第三方还款账号" prop="finmod.act3">
<c-input v-model="model.finmod.act3" maxlength="21" placeholder="请输入第三方还款账号"></c-input>
</el-form-item>
</c-col>
</div>
......
src/views/Business/Infbpd/index.vue
<template>
<div class="eContainer">
<el-form :model="model" :rules="rules" ref="modelForm" label-width="150px" label-position="left" size="small" :validate-on-rule-change="false">
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="tabClick">
<el-tab-pane label="Selection" name="infsea">
<m-infsea :model="model" :codes="codes"/>
</el-tab-pane>
<el-form
:model="model"
:rules="rules"
ref="modelForm"
label-width="150px"
label-position="left"
size="small"
:validate-on-rule-change="false"
>
<m-infsea
v-show="!showPanel"
:model="model"
:codes="codes"
@updateShowPanel="updateShowPanel($event)"
/>
<c-tabs
v-show="showPanel"
v-model="tabVal"
ref="elment"
type="card"
@tab-click="tabClick"
>
<!-- <el-tab-pane label="Selection" name="infsea">
<c-content>
<m-infsea :model="model" :codes="codes" />
</c-content>
</el-tab-pane> -->
<el-tab-pane label="Overview" name="infovwp">
<c-content>
<m-infovwp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<el-tab-pane label="Overview" name="infovwp">
<m-infovwp :model="model" :codes="codes"/>
</el-tab-pane>
<el-tab-pane label="Completion" name="coninfp">
<m-coninfp :model="model" :codes="codes" />
</el-tab-pane>
<el-tab-pane label="Completion" name="coninfp">
<m-coninfp :model="model" :codes="codes"/>
</el-tab-pane>
<el-tab-pane label="Transactions" name="trnpan">
<m-trnpan :model="model" :codes="codes"/>
</el-tab-pane>
<el-tab-pane label="Transactions" name="trnpan">
<m-trnpan :model="model" :codes="codes" />
</el-tab-pane>
<el-tab-pane label="CBS Info" name="cbsinfp">
<m-cbsinfp :model="model" :codes="codes"/>
</el-tab-pane>
<el-tab-pane label="CBS Info" name="cbsinfp">
<m-cbsinfp :model="model" :codes="codes" />
</el-tab-pane>
<el-tab-pane label="CBE Info" name="cbeinfp">
<m-cbeinfp :model="model" :codes="codes"/>
</el-tab-pane>
<el-tab-pane label="CBE Info" name="cbeinfp">
<m-cbeinfp :model="model" :codes="codes" />
</el-tab-pane>
<el-tab-pane label="FEP/FCP Info" name="fepinfp">
<m-fepinfp :model="model" :codes="codes"/>
</el-tab-pane>
<el-tab-pane label="FEP/FCP Info" name="fepinfp">
<m-fepinfp :model="model" :codes="codes" />
</el-tab-pane>
<el-tab-pane label="SEP Info" name="sepinfp">
<m-sepinfp :model="model" :codes="codes"/>
</el-tab-pane>
<el-tab-pane label="GLE Bookings" name="gleinfp">
<m-gleinfp :model="model" :codes="codes"/>
</el-tab-pane>
<el-tab-pane label="SEP Info" name="sepinfp">
<m-sepinfp :model="model" :codes="codes" />
</el-tab-pane>
<el-tab-pane label="SMH Info" name="smhinfp">
<m-smhinfp :model="model" :codes="codes"/>
</el-tab-pane>
<el-tab-pane label="GLE Bookings" name="gleinfp">
<m-gleinfp :model="model" :codes="codes" />
</el-tab-pane>
<el-tab-pane label="SPT/DIA Info" name="peninfp">
<m-peninfp :model="model" :codes="codes"/>
</el-tab-pane>
<el-tab-pane label="Engagement" name="liainfp">
<m-liainfp :model="model" :codes="codes"/>
</el-tab-pane>
<el-tab-pane label="SMH Info" name="smhinfp">
<m-smhinfp :model="model" :codes="codes" />
</el-tab-pane>
<el-tab-pane label="Print" name="prtpan">
<m-prtpan :model="model" :codes="codes"/>
</el-tab-pane>
<el-tab-pane label="Order" name="ordpan">
<m-ordpan :model="model" :codes="codes"/>
</el-tab-pane>
</c-tabs>
<el-tab-pane label="SPT/DIA Info" name="peninfp">
<m-peninfp :model="model" :codes="codes" />
</el-tab-pane>
<el-tab-pane label="Engagement" name="liainfp">
<m-liainfp :model="model" :codes="codes" />
</el-tab-pane>
<el-tab-pane label="Print" name="prtpan">
<m-prtpan :model="model" :codes="codes" />
</el-tab-pane>
<el-tab-pane label="Order" name="ordpan">
<m-ordpan :model="model" :codes="codes" />
</el-tab-pane>
</c-tabs>
</el-form>
</div>
</template>
<script>
import Api from "~/service/Api"
import CodeTable from "~/config/CodeTable"
import Infbpd from "~/model/Infbpd"
import commonProcess from "~/mixin/commonProcess"
import Check from "~/model/Infbpd/Check"
import Default from "~/model/Infbpd/Default"
import Pattern from "~/model/Infbpd/Pattern"
import Infsea from "./Infsea"
import Ordpan from "./Ordpan"
import Infovwp from "./Infovwp"
import Coninfp from "./Coninfp"
import Trnpan from "./Trnpan"
import Cbsinfp from "./Cbsinfp"
import Cbeinfp from "./Cbeinfp"
import Fepinfp from "./Fepinfp"
import Sepinfp from "./Sepinfp"
import Gleinfp from "./Gleinfp"
import Smhinfp from "./Smhinfp"
import Peninfp from "./Peninfp"
import Liainfp from "./Liainfp"
import Prtpan from "./Prtpan"
import Api from "~/service/Api";
import CodeTable from "~/config/CodeTable";
import Infbpd from "~/model/Infbpd";
import commonProcess from "~/mixin/commonProcess";
import Check from "~/model/Infbpd/Check";
import Default from "~/model/Infbpd/Default";
import Pattern from "~/model/Infbpd/Pattern";
import Infsea from "./Infsea";
import Ordpan from "./Ordpan";
import Infovwp from "./Infovwp";
import Coninfp from "./Coninfp";
import Trnpan from "./Trnpan";
import Cbsinfp from "./Cbsinfp";
import Cbeinfp from "./Cbeinfp";
import Fepinfp from "./Fepinfp";
import Sepinfp from "./Sepinfp";
import Gleinfp from "./Gleinfp";
import Smhinfp from "./Smhinfp";
import Peninfp from "./Peninfp";
import Liainfp from "./Liainfp";
import Prtpan from "./Prtpan";
export default {
components:{
"m-infsea" : Infsea,
"m-ordpan" : Ordpan,
"m-infovwp" : Infovwp,
"m-coninfp" : Coninfp,
"m-trnpan" : Trnpan,
"m-cbsinfp" : Cbsinfp,
"m-cbeinfp" : Cbeinfp,
"m-fepinfp" : Fepinfp,
"m-sepinfp" : Sepinfp,
"m-gleinfp" : Gleinfp,
"m-smhinfp" : Smhinfp,
"m-peninfp" : Peninfp,
"m-liainfp" : Liainfp,
"m-prtpan" : Prtpan,
},
provide() {
return {
root: this
}
},
mixins: [commonProcess], // 里面包含了Default、Check等的公共处理
data(){
return {
tabVal: "infsea",
trnName: "infbpd",
model: new Infbpd().data,
checkRules: Check,
defaultRules: Default,
pattern: Pattern,
rules: null,
codes: { ...CodeTable },
}
},
methods:{
tabClick(){
}
},
created:async function(){
console.log("进入infbpd交易");
let rtnmsg = await this.init({})
if(rtnmsg.respCode == SUCCESS)
{
//TODO 处理数据逻辑
}
else
{
this.$notify.error({title: '错误',message: '服务请求失败！'});
}
components: {
"m-infsea": Infsea,
"m-ordpan": Ordpan,
"m-infovwp": Infovwp,
"m-coninfp": Coninfp,
"m-trnpan": Trnpan,
"m-cbsinfp": Cbsinfp,
"m-cbeinfp": Cbeinfp,
"m-fepinfp": Fepinfp,
"m-sepinfp": Sepinfp,
"m-gleinfp": Gleinfp,
"m-smhinfp": Smhinfp,
"m-peninfp": Peninfp,
"m-liainfp": Liainfp,
"m-prtpan": Prtpan,
},
provide() {
return {
root: this,
};
},
mixins: [commonProcess], // 里面包含了Default、Check等的公共处理
data() {
return {
tabVal: "",
trnName: "infbpd",
model: new Infbpd().data,
checkRules: Check,
defaultRules: Default,
pattern: Pattern,
rules: null,
codes: { ...CodeTable },
showPanel: false,
};
},
methods: {
tabClick() {},
},
async updateShowPanel(value) {
this.showPanel = value;
if (value) {
this.tabVal = "infovwp";
} else {
this.tabVal = "";
}
},
created: async function () {
console.log("进入infbpd交易");
let rtnmsg = await this.init({});
if (rtnmsg.respCode == SUCCESS) {
this.updateModel(rtnmsg.data)
} else {
this.$notify.error({ title: "错误", message: "服务请求失败！" });
}
}
},
};
</script>
<style>
</style>
src/views/Business/Infdet/index.vue
<template>
<c-page title="卖方信用证查询">
<!-- 顶部按钮区 -->
<!--
<!-- c-page标签加上影响大小 -->
<!-- <c-page title="卖方信用证交易查询"> -->
<!-- 顶部按钮区 -->
<!--
<div class="topBtnGroup">
<c-button size="small" type="primary" v-show="showflg == true" icon="el-icon-arrow-right"
@click="showflg=false">收起</c-button>
......@@ -37,23 +38,43 @@
-->
<div class="eContainer">
<el-form :model="model" :rules="rules" ref="modelForm" label-width="150px" label-position="left" size="small" :validate-on-rule-change="false">
<!--PD000006 -->
<!--
<el-form
:model="model"
:rules="rules"
ref="modelForm"
label-width="110px"
label-position="right"
size="small"
:validate-on-rule-change="false"
>
<!--PD000006 -->
<!--
<el-tab-pane label="查詢界面" name="infsea">
<m-infsea :model="model" :codes="codes"/>
</el-tab-pane>
-->
<c-content>
<m-infsea v-show="!showPanel" @updateShowPanel="updateShowPanel($event)" :model="model" :codes="codes" ref="infsea"/>
</c-content>
<c-tabs v-model="tabVal" v-show="showPanel" ref="elment" type="card" @tab-click="tabClick">
<!--PD000017 -->
<el-tab-pane label="内容" name="ovwp">
<m-ovwp :model="model" :codes="codes"/>
</el-tab-pane>
<!--
<c-content>
<m-infsea
v-show="!showPanel"
@updateShowPanel="updateShowPanel($event)"
:model="model"
:codes="codes"
ref="infsea"
/>
</c-content>
<c-tabs
v-model="tabVal"
v-show="showPanel"
ref="elment"
type="card"
@tab-click="tabClick"
>
<!--PD000017 -->
<el-tab-pane label="内容" name="ovwp">
<m-ovwp :model="model" :codes="codes" />
</el-tab-pane>
<!--
<el-tab-pane label="条款" name="detp">
<m-detp :model="model" :codes="codes"/>
</el-tab-pane>
......@@ -132,150 +153,141 @@
<m-stament :model="model" :codes="codes"/>
</el-tab-pane>
-->
</c-tabs>
</c-tabs>
</el-form>
<c-button
v-show="showPanel"
style="margin-left: 75%;bottom: 10%;position:sticky"
size="small"
@click="goBack()">
<!-- @click="getDitSelInfo(scope.$index, scope.row)" -->
返回
</c-button>
</div>
</c-page>
<c-button
v-show="showPanel"
style="margin-left: 75%; bottom: 10%; position: sticky"
size="small"
@click="goBack()"
>
<!-- @click="getDitSelInfo(scope.$index, scope.row)" -->
返回
</c-button>
</div>
<!-- </c-page> -->
</template>
<script>
import Utils from "~/utils/index";
import Api from "~/service/Api"
import CodeTable from "~/config/CodeTable"
import Infdet from "~/model/Infdet"
import commonProcess from "~/mixin/commonProcess"
import Check from "~/model/Infdet/Check"
import Default from "~/model/Infdet/Default"
import Pattern from "~/model/Infdet/Pattern"
import Infsea from "./Infsea"
import Ovwp from "./Ovwp"
import Detp from "./Detp"
import Coninfp from "./Coninfp"
import Trnpan from "./Trnpan"
import Cbsinfp from "./Cbsinfp"
import Cbeinfp from "./Cbeinfp"
import Fepinfp from "./Fepinfp"
import Sepinfp from "./Sepinfp"
import Gleinfp from "./Gleinfp"
import Smhinfp from "./Smhinfp"
import Peninfp from "./Peninfp"
import Liainfp from "./Liainfp"
import Prtpan from "./Prtpan"
import Ordpan from "./Ordpan"
import Detp1 from "./Detp1"
import Detp2 from "./Detp2"
import Stament from "./Stament"
import Api from "~/service/Api";
import CodeTable from "~/config/CodeTable";
import Infdet from "~/model/Infdet";
import commonProcess from "~/mixin/commonProcess";
import Check from "~/model/Infdet/Check";
import Default from "~/model/Infdet/Default";
import Pattern from "~/model/Infdet/Pattern";
import Infsea from "./Infsea";
import Ovwp from "./Ovwp";
import Detp from "./Detp";
import Coninfp from "./Coninfp";
import Trnpan from "./Trnpan";
import Cbsinfp from "./Cbsinfp";
import Cbeinfp from "./Cbeinfp";
import Fepinfp from "./Fepinfp";
import Sepinfp from "./Sepinfp";
import Gleinfp from "./Gleinfp";
import Smhinfp from "./Smhinfp";
import Peninfp from "./Peninfp";
import Liainfp from "./Liainfp";
import Prtpan from "./Prtpan";
import Ordpan from "./Ordpan";
import Detp1 from "./Detp1";
import Detp2 from "./Detp2";
import Stament from "./Stament";
export default {
name: "Infdet",
components:{
"m-infsea" : Infsea,
"m-ovwp" : Ovwp,
"m-detp" : Detp,
"m-coninfp" : Coninfp,
"m-trnpan" : Trnpan,
"m-cbsinfp" : Cbsinfp,
"m-cbeinfp" : Cbeinfp,
"m-fepinfp" : Fepinfp,
"m-sepinfp" : Sepinfp,
"m-gleinfp" : Gleinfp,
"m-smhinfp" : Smhinfp,
"m-peninfp" : Peninfp,
"m-liainfp" : Liainfp,
"m-prtpan" : Prtpan,
"m-ordpan" : Ordpan,
"m-detp1" : Detp1,
"m-detp2" : Detp2,
"m-stament" : Stament,
},
provide() {
return {
root: this
}
},
mixins: [commonProcess], // 里面包含了Default、Check等的公共处理
data(){
return {
tabVal: "",
trnName: "infdet",
model: new Infdet().data,
checkRules: Check,
defaultRules: Default,
pattern: Pattern,
showPanel:false,
rules: null,
codes: {...CodeTable},
showflg: true,
};
},
methods:{
tabClick(tab){
const name = tab.name
let rulePath;
if (name === "fepinfp") {
rulePath = "infcon.fepinfp";
}
if (name === "coninfp") {
rulePath = "coninf.coninfp";
}
name: "Infdet",
components: {
"m-infsea": Infsea,
"m-ovwp": Ovwp,
"m-detp": Detp,
"m-coninfp": Coninfp,
"m-trnpan": Trnpan,
"m-cbsinfp": Cbsinfp,
"m-cbeinfp": Cbeinfp,
"m-fepinfp": Fepinfp,
"m-sepinfp": Sepinfp,
"m-gleinfp": Gleinfp,
"m-smhinfp": Smhinfp,
"m-peninfp": Peninfp,
"m-liainfp": Liainfp,
"m-prtpan": Prtpan,
"m-ordpan": Ordpan,
"m-detp1": Detp1,
"m-detp2": Detp2,
"m-stament": Stament,
},
provide() {
return {
root: this,
};
},
mixins: [commonProcess], // 里面包含了Default、Check等的公共处理
data() {
return {
tabVal: "",
trnName: "infdet",
model: new Infdet().data,
checkRules: Check,
defaultRules: Default,
pattern: Pattern,
showPanel: false,
rules: null,
codes: { ...CodeTable },
showflg: true,
};
},
methods: {
tabClick(tab) {
const name = tab.name;
let rulePath;
if (!!rulePath) {
this.executeRule(rulePath).then(res => {
if (res.respCode == SUCCESS) {
this.updateModel(res.data);
}
})
}
},
if (name === "fepinfp") {
rulePath = "infcon.fepinfp";
}
if (name === "coninfp") {
rulePath = "coninf.coninfp";
}
initPanel(val){
if(val){
this.tabVal = "ovwp"
//
}else{
this.tabVal = ""
if (!!rulePath) {
this.executeRule(rulePath).then((res) => {
if (res.respCode == SUCCESS) {
this.updateModel(res.data);
}
},
async updateShowPanel(value) {
this.showPanel = value;
this.initPanel(value);
},
goBack(){
this.showPanel = false;
},
});
}
},
initPanel(val) {
if (val) {
this.tabVal = "ovwp";
//
} else {
this.tabVal = "";
}
},
async updateShowPanel(value) {
this.showPanel = value;
this.initPanel(value);
},
created:async function(){
console.log("进入infdet交易");
let rtnmsg = await this.init({})
if(rtnmsg.respCode == SUCCESS)
{
//TODO 处理数据逻辑
Utils.copyValueFromVO(this.model, rtnmsg.data);
this.$refs.infsea.handleSearch();
}
else
{
this.$notify.error({title: '错误',message: '服务请求失败！'});
}
goBack() {
this.showPanel = false;
},
watch:{
},
created: async function () {
console.log("进入infdet交易");
let rtnmsg = await this.init({});
if (rtnmsg.respCode == SUCCESS) {
//TODO 处理数据逻辑
Utils.copyValueFromVO(this.model, rtnmsg.data);
this.$refs.infsea.handleSearch();
} else {
this.$notify.error({ title: "错误", message: "服务请求失败！" });
}
}
},
watch: {},
};
</script>
<style scoped>
</style>
src/views/Business/Infpty/Addadrp.vue
......@@ -13,7 +13,9 @@
<el-table-column
label="Key"
width="auto"
prop="extkey"></el-table-column>
prop="extkey"
sortable
></el-table-column>
<el-table-column
label="Address"
width="auto"
......
src/views/Business/Infpty/Infsea.vue
......@@ -150,7 +150,7 @@
size="small"
type="primary"
@click="onExcel"
style="float: right; margin-right: 10px"
style="float: right"
>
导出Excel
</c-button>
......
src/views/Business/Infpty/Ptcinf.vue
<template>
<div class="eibs-tab">
<c-col :span="8" style="height: 24px" :pull="1">
<c-col :span="8" style="height: 24px" >
<el-form-item label="Contact Persons" class="messageLabel">
</el-form-item>
</c-col>
......
src/views/Business/Infpty/Ptmpan.vue
<template>
<div class="eibs-tab">
<c-col :span="8" style="height: 24px" >
<el-form-item label="Authentication of Address" class="messageLabel">
<el-form-item label="Authentication of Address" class="messageLabel" label-width="200px">
</el-form-item>
</c-col>
<c-table :border="true" :list="data" ref="table"
......
src/views/Business/Sptrel/index.vue
......@@ -4,15 +4,16 @@
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="tabClick">
<!--PD000042 -->
<el-tab-pane label="Menu" name="menu">
<c-content label="Menu" name="menu">
<m-menu :model="model" :codes="codes"/>
</el-tab-pane>
</c-content>
</c-tabs>
</el-form>
</div>
</template>
<script>
import Api from "~/service/Api"
import Utils from "~/utils/index";
import CodeTable from "~/config/CodeTable"
import Sptrel from "~/model/Sptrel"
import commonProcess from "~/mixin/commonProcess"
......
src/views/Business/Sptrou/Prtcfg.vue
......@@ -30,8 +30,8 @@
></c-input>
</el-form-item>
</c-col>
<c-col></c-col>
<c-col :span="10">
<c-col :span="12">
<el-form-item label="Technical Form" prop="srvprtm.prt.tef">
<c-select
v-model="model.srvprtm.prt.tef"
......@@ -41,8 +41,8 @@
</c-select>
</el-form-item>
</c-col>
<c-col></c-col>
<c-col :span="9">
<c-col :span="12">
<el-form-item label="Default Printer from:" prop="srvprtm.prt.getprt">
<c-select
v-model="model.srvprtm.prt.getprt"
......@@ -52,8 +52,8 @@
</c-select>
</el-form-item>
</c-col>
<c-col></c-col>
<c-col :span="16">
<c-col :span="12">
<el-form-item label="Printer" prop="srvprtm.prt.prt">
<c-select
v-model="model.srvprtm.prt.prt"
......@@ -63,7 +63,7 @@
</c-select>
</el-form-item>
</c-col>
<c-col></c-col>
<c-col :span="12">
<el-form-item label="Paperbin" prop="srvprtm.prt.bin">
<c-select
......@@ -74,7 +74,7 @@
</c-select>
</el-form-item>
</c-col>
<c-col></c-col>
<c-col :span="12">
<el-form-item label="Bin for 2nd Page" prop="srvprtm.prt.bin2">
<c-select
......@@ -85,8 +85,8 @@
</c-select>
</el-form-item>
</c-col>
<c-col></c-col>
<c-col :span="6">
<c-col :span="12">
<el-form-item label="# of Copies" prop="srvprtm.prt.cpycnt">
<c-input
v-model="model.srvprtm.prt.cpycnt"
......@@ -94,10 +94,10 @@
></c-input>
</el-form-item>
</c-col>
<c-col></c-col>
<c-col :span="12" :offset="2">
<!-- <c-col :span="12" :offset="2">
<c-button size="small" type="primary" @click="onCan"> E&xit </c-button>
</c-col>
</c-col> -->
</div>
</template>
<script>
......
src/views/Business/Sptrou/Sptnegp.vue
<template>
<div class="eibs-tab">
<c-col :span="16">
<!-- ========================左边======================= -->
<c-col :span="12">
<c-col :span="24" style="margin-top: 0">
<el-form-item label="File Path" prop="recpan.filpth">
<c-input
v-model="model.recpan.filpth"
maxlength="80"
placeholder="请输入File Path"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="File Name" prop="recpan.filnam">
<c-select
v-model="model.recpan.filnam"
style="width: 100%"
placeholder="请选择File Name"
disabled
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24" >
<el-form-item label="Type" prop="spt.sta">
<c-select
v-model="model.spt.sta"
style="width: 100%"
placeholder="请选择Type"
disabled
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24" >
<el-form-item
label="Refecence No."
prop="recpan.conget.selref"
>
<c-input
v-model="model.recpan.conget.selref"
maxlength="40"
placeholder="请输入Refecence of selected contract"
@keyup.enter.native="
updateSelref
"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24" >
<el-form-item
label=""
prop="recpan.conget.selnam"
>
<c-input
v-model="model.recpan.conget.selnam"
maxlength="40"
placeholder="请输入name of selected contract"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item
label="Parent Contract"
prop="recpan.dpcget.selref"
>
<c-input
v-model="model.recpan.dpcget.selref"
maxlength="40"
placeholder="请输入Refecence of parent contract"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item
label=""
prop="recpan.dpcget.selnam"
>
<c-input
v-model="model.recpan.dpcget.selnam"
maxlength="40"
placeholder="请输入name of parent contract"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Work User" prop="spt.wrkusr">
<c-select
v-model="model.spt.wrkusr"
style="width: 100%"
placeholder="请选择Work User"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24" >
<c-col :span="12">
<el-form-item label="Entered by" prop="spt.usr">
<c-input
v-model="model.spt.usr"
maxlength="8"
placeholder="请输入Entered by"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="at" prop="spt.dattim" label-width="30px">
<c-input
v-model="model.spt.dattim"
placeholder="请输入Time of Creation"
></c-input>
</el-form-item>
</c-col>
</c-col>
</c-col>
<!-- ========================右边======================= -->
<c-col :span="12" >
<c-col :span="24" style="margin-top: 0">
<el-form-item label="Message Reference" prop="spt.objnam">
<c-input
v-model="model.spt.objnam"
maxlength="40"
placeholder="请输入Message Reference"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Name" prop="spt.txt">
<c-input
v-model="model.spt.txt"
maxlength="40"
placeholder="请输入Name"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="12">
<el-form-item label="Transaction" prop="recpan.atp.cod">
<c-input
v-model="model.recpan.atp.cod"
maxlength="6"
placeholder="请输入Transaction"
@keyup.enter.native="
showGridPromptDialog('recpan.atp.cod')
"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="" prop="recpan.atpget.sdamod.seainf" label-width="10px">
<c-input
v-model="model.recpan.atpget.sdamod.seainf"
placeholder="请输入"
disabled
></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24" >
<el-form-item label="虚拟机构" prop="spt.wrkgrp">
<c-select
v-model="model.spt.wrkgrp"
style="width: 100%"
placeholder="请选择WORK GROUP"
:code="sptWrkgrp"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24" >
<el-form-item label="Info Text" prop="spt.inftxt">
<c-input
type="textarea"
v-model="model.spt.inftxt"
maxlength="65"
show-word-limit
placeholder="请输入Info Text"
:rows="4"
></c-input>
</el-form-item>
</c-col>
<!-- <c-col :span="24" >
<el-form-item label="虚拟机构" prop="spt.wrkgrp" label-width="100px">
<c-select
v-model="model.spt.wrkgrp"
style="width: 100%"
placeholder="请选择WORK GROUP"
>
</c-select>
</el-form-item>
</c-col> -->
<c-col :span="24" >
<el-form-item label="" prop="spt.infdsp">
<c-select
v-model="model.spt.infdsp"
style="width: 100%"
placeholder="请选择Info Text"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24" >
<el-form-item label="in Inr" prop="spt.cretrn">
<c-input
v-model="model.spt.cretrn"
maxlength="6"
placeholder="请输入Creating Transaction ID"
></c-input>
</el-form-item>
</c-col>
</c-col>
<!-- <c-col :span="16">
<el-form-item label="File Path" prop="recpan.filpth">
<c-input
v-model="model.recpan.filpth"
......@@ -128,7 +370,7 @@
<c-button type="primary" icon="el-icon-search"></c-button>
</c-col>
<c-col :span="8">
<!-- WORK GROUP -->
<el-form-item label="虚拟机构" prop="spt.wrkgrp" label-width="100px">
<c-select
v-model="model.spt.wrkgrp"
......@@ -195,7 +437,7 @@
></c-input>
</el-form-item>
</c-col>
</c-col>
</c-col> -->
<!-- <c-col :span="12">
<el-form-item
......@@ -332,9 +574,36 @@ export default {
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {};
return {
sptWrkgrp: []
};
},
methods: { ...Event },
methods: { ...Event,
async updateSelref(){
let rtnmsg = await this.executeRule("recpan.conget.selref")
if(rtnmsg.respCode == SUCCESS)
{
this.updateModel(rtnmsg.data);
}
else
{
this.$notify.error({title: '错误',message: '服务请求失败！'});
}
},
async updateCretrn(){
let rtnmsg = await this.executeRule("recpan.atp.cod")
if(rtnmsg.respCode == SUCCESS)
{
this.updateModel(rtnmsg.data);
}
else
{
this.$notify.error({title: '错误',message: '服务请求失败！'});
}
},
},
created: function () {},
};
</script>
......
src/views/Business/Sptrou/index.vue
<template>
<div class="eContainer">
<!-- <el-button size="small"
type="primary"
@click="handleSave">save</el-button> -->
<!-- <el-button size="small" @click="handletak">tak</el-button> -->
<div class="m-Btn-eContainer">
<div class="m-funcBtn-eContainer">
<el-button size="small" type="primary" @click="handleSave">{{ $t('buttons.submit') }}</el-button>
<el-button size="small" @click="handleCancel">{{ $t('buttons.quit') }}</el-button>
</div>
</div>
<el-form :model="model" :rules="rules" ref="modelForm" label-width="200px" size="small" :validate-on-rule-change="false">
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="tabClick">
<!--PD000052 -->
<el-tab-pane label="Items Overview" name="sptroup">
<el-tab-pane label="Items Overview" name="sptroup" v-if="false">
<m-sptroup :model="model" :codes="codes"/>
</el-tab-pane>
<!--PD000035 -->
<el-tab-pane label="Pending Item" name="sptnegp">
<m-sptnegp :model="model" :codes="codes"/>
<m-sptnegp ref="sptnegp" :model="model" :codes="codes"/>
</el-tab-pane>
<!--PD000090 -->
......@@ -18,6 +29,14 @@
<m-prtcfg :model="model" :codes="codes"/>
</el-tab-pane>
</c-tabs>
<c-grid-ety-prompt-dialog
ref="etyDialog"
:isPty="false"
:promptData="promptData"
@select-ety="selectMsg"
>
</c-grid-ety-prompt-dialog>
</el-form>
</div>
</template>
......@@ -29,7 +48,7 @@ import commonProcess from "~/mixin/commonProcess"
import Check from "~/model/Sptrou/Check"
import Default from "~/model/Sptrou/Default"
import Pattern from "~/model/Sptrou/Pattern"
import Sptroup from "./Sptroup"
// import Sptroup from "./Sptroup"
import Sptnegp from "./Sptnegp"
import Prtcfg from "./Prtcfg"
......@@ -37,7 +56,7 @@ import Prtcfg from "./Prtcfg"
export default {
name: 'Sptrou',
components:{
"m-sptroup" : Sptroup,
// "m-sptroup" : Sptroup,
"m-sptnegp" : Sptnegp,
"m-prtcfg" : Prtcfg,
},
......@@ -49,36 +68,97 @@ export default {
mixins: [commonProcess], // 里面包含了Default、Check等的公共处理
data(){
return {
tabVal: "sptroup",
tabVal: "sptnegp",
trnName: "sptrou",
model: new Sptrou().data,
checkRules: Check,
defaultRules: Default,
pattern: Pattern,
rules: null,
codes: {
},
codes: { ...CodeTable },
}
},
methods:{
tabClick(){
}
},
async handleSave(){
let rtnmsg = await this.executeRule("sav")
if(rtnmsg.respCode == SUCCESS)
{
this.$notify({
title: "成功",
message: "保存成功",
type: "success",
});
this.$store.dispatch("TagsView/delView", this.$route)
this.$router.history.push("/taskList", () => {
this.$store.commit("setTaskListTabVal", 'sptsel')
//修改待复核界面刷新状态为需要刷新
this.$store.commit("setLoadingFreshSptsel", true)
});
}
else
{
this.$notify.error({title: '错误',message: '服务请求失败！'});
}
},
handletak(){
},
},
created:async function(){
console.log("进入sptrou交易");
let rtnmsg = await this.init({})
if(rtnmsg.respCode == SUCCESS)
{
//TODO 处理数据逻辑
//TODO 处理数据逻辑
this.updateModel(rtnmsg.data)
const wrkgrp = this.codes.codeSet['spt.wrkgrp']
const wrkgrpArr = [];
for (let i = 0; i < wrkgrp.length; i++) {
const wrk = wrkgrp[i];
const ss = wrk.split('\t')
wrkgrpArr.push({
label: ss[1],
value: ss[0]
})
}
this.$refs.sptnegp.sptWrkgrp = wrkgrpArr;
}
else
{
this.$notify.error({title: '错误',message: '服务请求失败！'});
}
}
},
}
</script>
<style>
.m-Btn-eContainer {
display: flex; /*flex布局*/
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: flex-start;
height: 24px;
margin-bottom: 5px;
}
.m-funcBtn-eContainer {
order: 1;
}
.m-funcBtn-eContainer button,
.m-funcBtn-eContainer .el-button + .el-button {
margin: 0px 0px 0px 0px;
}
.m-funcBtn-eContainer .el-button--default {
background-image: linear-gradient(#fff,#dedede);
border: 1px solid #ccc;
}
.m-funcBtn-eContainer .el-button--primary {
border: 1px solid #0D4FBD;
}
</style>
src/views/Business/Sptsel/Menu.vue
......@@ -316,6 +316,13 @@
@click="continueEdit(scope.row)"
>处理
</c-button>
<!-- <c-button
style="margin-left: 0"
size="small"
type="primary"
@click="choose(scope.$index)"
>选择
</c-button> -->
<el-popover placement="top-start" width="50" trigger="click">
<!-- <c-button type="primary" size="small">指派</c-button>
<c-button type="primary" size="small">删除</c-button> -->
......@@ -502,6 +509,21 @@ export default {
});
},
// async choose(idx,row){
// var params = {selDst:"sptstm",selrow:[idx+1]}
// let rtnmsg = await this.executeRule("sptstm" , params) //SPTSTM
// if(rtnmsg.respCode == SUCCESS)
// {
// this.stmData.data = rtnmsg.data.sptstm.rows;
// }
// else
// {
// this.$notify.error({title: '错误',message: '服务请求失败！'});
// }
// },
...Event,
},
created: function () {
......
src/views/Home/cells/CustomerAnalyse.vue
<template>
<div class="home-cell" id="customerAnalyse">
<CellHeaderVue title="大客户分析">
<CellWrapper title="大客户分析" :cellContentHeight="cellContentHeight">
<template v-slot:header>
<span class="el-icon-refresh" title="刷新"></span>
<span class="el-icon-more" title="操作"></span>
</CellHeaderVue>
<div class="cell-content">
</template>
<div class="chart-container">
<div class="chart-operate">
<i class="el-icon-arrow-up"></i>
<i class="el-icon-arrow-down"></i>
</div>
<div id="chartWrapper">
<div id="chart"></div>
<div class="chartWrapper">
<div class="chart"></div>
</div>
</div>
</div>
</CellWrapper>
</template>
<script>
import CellHeaderVue from "./common/CellHeader.vue";
import CellWrapper from "../common/CellWrapper.vue";
import * as echarts from "echarts";
export default {
name: "CustomerAnalyse",
components: { CellHeaderVue },
props: ["cellContentHeight"],
components: { CellWrapper },
data() {
return {
echartInstance: null,
};
},
mounted() {
this.echartInstance = echarts.init(document.getElementById("chart"));
this.loadCharts()
this.loadChartsBind = this.loadCharts.bind(this)
window.addEventListener('resize', this.loadChartsBind)
this.$nextTick(() => {
this.loadCharts();
this.loadChartsBind = this.loadCharts.bind(this);
window.addEventListener("resize", this.loadChartsBind);
});
},
methods: {
loadCharts() {
this.echartInstance.clear()
if (this.echartInstance) {
this.echartInstance.dispose();
}
this.echartInstance = echarts.init(
this.$el.querySelector(".chart-container .chartWrapper .chart")
);
const option = {
title: {
// text: "Test Demo",
......@@ -93,32 +101,29 @@ export default {
},
},
destroyed() {
window.removeEventListener('resize', this.loadChartsBind)
}
window.removeEventListener("resize", this.loadChartsBind);
},
};
</script>
<style scoped>
#customerAnalyse .cell-content {
.chart-container {
height: 100%;
display: flex;
flex-direction: column;
padding: 0 5px;
}
#customerAnalyse .cell-content .chart-operate {
.chart-operate {
margin-left: 20px;
height: 20px;
}
#customerAnalyse .cell-content .chart-operate i {
.chart-operate i {
cursor: pointer;
}
#customerAnalyse .cell-content #chartWrapper {
/* width: 98%; */
/* height: calc(100% - 50px); */
/* height: 200px; */
/* margin: 0 auto; */
.chartWrapper {
flex: 1;
}
#customerAnalyse .cell-content #chartWrapper #chart {
.chartWrapper .chart {
width: 100%;
height: 100%;
}
......
src/views/Home/cells/Hall.vue
<template>
<div class="home-cell" id="hall">
<CellHeaderVue title="电子大厅">
<CellWrapper title="电子大厅" :cellContentHeight="cellContentHeight">
<template v-slot:header>
<span class="el-icon-refresh" title="刷新"></span>
<span class="el-icon-more" title="操作"></span>
</CellHeaderVue>
<div class="cell-content">
</template>
<div class="card-wrapper">
<div class="card-item" v-for="(item, idx) in itemList" :key="idx">
<div class="dept-name">
<div
......@@ -25,15 +26,16 @@
</div>
</div>
</div>
</div>
</CellWrapper>
</template>
<script>
import CellHeaderVue from "./common/CellHeader.vue";
import CellWrapper from "../common/CellWrapper.vue";
export default {
name: "Hall",
components: { CellHeaderVue },
props: ['cellContentHeight'],
components: { CellWrapper },
data() {
return {
itemList: [
......@@ -64,15 +66,14 @@ export default {
</script>
<style scoped>
#hall .cell-content {
.card-wrapper {
height: 100%;
display: flex;
flex-wrap: wrap;
}
#hall .cell-content {
justify-content: space-around;
align-items: center;
}
#hall .cell-content .card-item {
.card-item {
width: 45%;
height: 45%;
background-color: #e6e8ef;
......
src/views/Home/cells/NoticeAnnouncement.vue
<template>
<div class="home-cell" id="noticeAnnouncement">
<CellHeaderVue title="通知公告">
<span class="el-icon-refresh" title="刷新" ></span>
<span class="el-icon-more" title="操作" @click="opening" ></span>
</CellHeaderVue>
<CellWrapper title="通知公告" :cellContentHeight="cellContentHeight">
<template v-slot:header>
<span class="el-icon-refresh" title="刷新"></span>
<span class="el-icon-more" title="操作" @click="opening"></span>
</template>
<el-scrollbar :style="{ height: cellScrollHeight + 'px' }">
<div class="cell-content">
<div class="notice-container">
<el-scrollbar style="height: 100%;">
<div class="notice-item" v-for="(item, idx) in noticeList" :key="idx">
<div class="notice-title" :class="{ active: idx === 0 }">
<!-- <a :href="item.url" target="_blank" rel="noopener noreferrer"> -->
......@@ -22,152 +21,152 @@
{{ item.dat }}
</div>
</div>
</div>
</el-scrollbar>
</div>
</el-scrollbar>
</div>
</CellWrapper>
</template>
<script>
import CellHeaderVue from "./common/CellHeader.vue";
import quick from "./common/quick.vue";
import defaultQuickSearchItems from "./common/defaultQuickSearchItems.js";
import { my } from "~/service/notice";
import CellWrapper from "../common/CellWrapper.vue";
export default {
name: "NoticeAnnouncement",
components: { CellHeaderVue},
props: {
cellScrollHeight: {
type: Number,
required: true,
},
},
props: ['cellContentHeight'],
components: { CellWrapper },
data() {
return {
// noticeList: [
// {
// title: "中国国际货物和服务贸易数据（BPM6，2015年以后）",
// url: "https://www.safe.gov.cn/safe/2018/0427/8886.html",
// date: "2021-12-30",
// },
// {
// title: "中国银行业对外金融资产和负债（2021年9月末）",
// url: "https://www.safe.gov.cn/safe/2021/1230/20403.html",
// date: "2021-12-30",
// },
// {
// title: "银行代客涉外收付款数据",
// url: "https://www.safe.gov.cn/safe/2018/0419/8806.html",
// date: "2021-12-24",
// },
// {
// title: "银行结售汇数据（按交易项目）——2021年",
// url: "https://www.safe.gov.cn/safe/2021/0220/18308.html",
// date: "2021-12-24",
// },
// {
// title: "中国人民银行 国家外汇管理局关于支持新型离岸国际贸易发展...",
// url: "https://www.safe.gov.cn/safe/2021/1224/20380.html",
// date: "2021-12-24",
// },
// {
// title: "官方储备资产（2021年）",
// url: "https://www.safe.gov.cn/safe/2021/0202/18180.html",
// date: "2021-12-07",
// },
// {
// title: "国家外汇管理局关于印发《外汇市场交易行为规范指引》的通知...",
// url: "https://www.safe.gov.cn/safe/2021/1203/20296.html",
// date: "2021-12-03",
// },
// {
// title: "国家外汇管理局关于印发《对外金融资产负债及交易统计制度》...",
// url: "https://www.safe.gov.cn/safe/2021/1203/20291.html",
// date: "2021-12-03",
// },
// {
// title: "国家外汇管理局关于印发《贸易信贷统计调查制度》的通知",
// url: "https://www.safe.gov.cn/safe/2021/1130/20271.html",
// date: "2021-11-30",
// },
// {
// title: "国家外汇管理局综合司关于开展第二批非金融企业对外金融资产...",
// url: "https://www.safe.gov.cn/safe/2021/1117/20208.html",
// date: "2021-11-17",
// },
// {
// title: "外汇管理行政罚款裁量办法",
// url: "https://www.safe.gov.cn/safe/2021/1105/20154.html",
// date: "2021-11-05",
// },
// {
// title: "国家外汇管理局综合司关于印发《银行外汇业务合规与审慎经营...",
// url: "https://www.safe.gov.cn2021-10-14",
// date: "2021-10-14",
// },
// {
// title: "现行有效外汇管理主要法规目录（截至2021年6月30日）...",
// url: "https://www.safe.gov.cn/safe/2021/0720/19437.html",
// date: "2021-07-20",
// },
// ],
noticeList:[{
}],
noticeList: [],
testData: [
{
title: "中国国际货物和服务贸易数据（BPM6，2015年以后）",
url: "https://www.safe.gov.cn/safe/2018/0427/8886.html",
date: "2021-12-30",
},
{
title: "中国银行业对外金融资产和负债（2021年9月末）",
url: "https://www.safe.gov.cn/safe/2021/1230/20403.html",
date: "2021-12-30",
},
{
title: "银行代客涉外收付款数据",
url: "https://www.safe.gov.cn/safe/2018/0419/8806.html",
date: "2021-12-24",
},
{
title: "银行结售汇数据（按交易项目）——2021年",
url: "https://www.safe.gov.cn/safe/2021/0220/18308.html",
date: "2021-12-24",
},
{
title: "中国人民银行 国家外汇管理局关于支持新型离岸国际贸易发展...",
url: "https://www.safe.gov.cn/safe/2021/1224/20380.html",
date: "2021-12-24",
},
{
title: "官方储备资产（2021年）",
url: "https://www.safe.gov.cn/safe/2021/0202/18180.html",
date: "2021-12-07",
},
{
title: "国家外汇管理局关于印发《外汇市场交易行为规范指引》的通知...",
url: "https://www.safe.gov.cn/safe/2021/1203/20296.html",
date: "2021-12-03",
},
{
title: "国家外汇管理局关于印发《对外金融资产负债及交易统计制度》...",
url: "https://www.safe.gov.cn/safe/2021/1203/20291.html",
date: "2021-12-03",
},
{
title: "国家外汇管理局关于印发《贸易信贷统计调查制度》的通知",
url: "https://www.safe.gov.cn/safe/2021/1130/20271.html",
date: "2021-11-30",
},
{
title: "国家外汇管理局综合司关于开展第二批非金融企业对外金融资产...",
url: "https://www.safe.gov.cn/safe/2021/1117/20208.html",
date: "2021-11-17",
},
{
title: "外汇管理行政罚款裁量办法",
url: "https://www.safe.gov.cn/safe/2021/1105/20154.html",
date: "2021-11-05",
},
{
title: "国家外汇管理局综合司关于印发《银行外汇业务合规与审慎经营...",
url: "https://www.safe.gov.cn2021-10-14",
date: "2021-10-14",
},
{
title: "现行有效外汇管理主要法规目录（截至2021年6月30日）...",
url: "https://www.safe.gov.cn/safe/2021/0720/19437.html",
date: "2021-07-20",
},
{
title: "现行有效外汇管理主要法规目录（截至2021年6月30日）...",
url: "https://www.safe.gov.cn/safe/2021/0720/19437.html",
date: "2021-07-20",
},
{
title: "现行有效外汇管理主要法规目录（截至2021年6月30日）...",
url: "https://www.safe.gov.cn/safe/2021/0720/19437.html",
date: "2021-07-20",
},
{
title: "现行有效外汇管理主要法规目录（截至2021年6月30日）...",
url: "https://www.safe.gov.cn/safe/2021/0720/19437.html",
date: "2021-07-20",
},
],
};
},
methods:{
opening()
{
window.location.href="#/business/notice"
}
},
created(){
my().then(res => {
// console.log(res);
this.noticeList=res;
console.log(this.noticeList);
})
mounted() {
this.$nextTick(() => {
this.loadNoticeData();
});
},
methods: {
loadNoticeData() {
// 查询加载数据
this.noticeList = this.testData;
},
opening(){
window.location.href="#/business/notice"
}
},
};
</script>
<style scoped>
/* 通知公告 */
#noticeAnnouncement .cell-content {
.notice-container {
height: 100%;
margin: 0 20px;
box-sizing: border-box;
}
#noticeAnnouncement .cell-content .notice-item {
.notice-item {
width: 100%;
display: flex;
justify-content: space-between;
margin-bottom: 5px;
font-size: 15px;
}
#noticeAnnouncement .cell-content .notice-item .notice-title {
.notice-item .notice-title {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 75%;
}
#noticeAnnouncement .cell-content .notice-item .notice-title a {
.notice-item .notice-title a {
color: #4e4e4e;
text-decoration: none;
}
#noticeAnnouncement .cell-content .notice-item .notice-title::before {
.notice-item .notice-title::before {
content: "";
display: inline-block;
width: 8px;
}
#noticeAnnouncement .cell-content .notice-item .notice-title.active::before {
.notice-item .notice-title.active::before {
content: "";
background: rgb(255, 0, 0);
display: inline-block;
......@@ -178,7 +177,7 @@ methods:{
margin-right: 2px;
margin-bottom: 2px;
}
#noticeAnnouncement .cell-content .notice-item .notice-date {
.notice-item .notice-date {
/* width: 20%; */
margin-right: 6px;
}
......
src/views/Home/cells/QuickSearch.vue
<template>
<div class="home-cell" id="quickSearch">
<CellHeaderVue title="快速查询">
<CellWrapper title="快速查询" :cellContentHeight="cellContentHeight">
<template v-slot:header>
<span class="el-icon-setting" title="设置" @click="openSetting"></span>
</CellHeaderVue>
</template>
<quick
ref="quick"
:cellScrollHeight="cellScrollHeight"
quickType="search"
:cellContentHeight="cellContentHeight"
></quick>
</div>
</CellWrapper>
</template>
<script>
import CellHeaderVue from "./common/CellHeader.vue";
import quick from "./common/quick.vue";
import CellWrapper from "../common/CellWrapper.vue";
import quick from "../common/quick.vue";
import defaultQuickSearchItems from "./common/defaultQuickSearchItems.js";
import defaultQuickSearchItems from "../common/defaultQuickSearchItems.js";
export default {
name: "QuickSearch",
components: { CellHeaderVue, quick },
components: { CellWrapper, quick },
props: {
cellScrollHeight: {
cellContentHeight: {
type: Number,
required: true,
},
......
src/views/Home/cells/QuickVisit.vue
<template>
<div class="home-cell" id="quickVisit">
<CellHeaderVue title="快速访问">
<CellWrapper title="快速访问" :cellContentHeight="cellContentHeight">
<template v-slot:header>
<span class="el-icon-setting" title="设置" @click="openSetting"></span>
</CellHeaderVue>
</template>
<quick
ref="quick"
:cellScrollHeight="cellScrollHeight"
quickType="visit"
:cellContentHeight="cellContentHeight"
></quick>
</div>
</CellWrapper>
</template>
<script>
import CellHeaderVue from "./common/CellHeader.vue";
import quick from "./common/quick.vue";
import CellWrapper from "../common/CellWrapper.vue";
import quick from "../common/quick.vue";
import defaultVisitItems from "./common/defaultQuickVisitItems.js";
import defaultVisitItems from "../common/defaultQuickVisitItems.js";
export default {
name: "QuickVisit",
components: { CellHeaderVue, quick },
components: { CellWrapper, quick },
props: {
cellScrollHeight: {
cellContentHeight: {
type: Number,
required: true,
},
......
src/views/Home/cells/TaskStatistics.vue
<template>
<div class="home-cell">
<CellHeaderVue title="任务统计">
<CellWrapper title="任务统计" :cellContentHeight="cellContentHeight">
<template v-slot:header>
<span class="el-icon-refresh" title="刷新"></span>
<span class="el-icon-more" title="操作"></span>
</CellHeaderVue>
<div class="cell-content">
<!-- <span class="el-icon-more" title="操作"></span> -->
</template>
<div class="statistics-container">
<div class="task-stat-display total">
<div class="display-wrapper">
<div
......@@ -13,7 +14,7 @@
:key="idx"
:style="{ width: item.name === '来报待处理' ? '20%' : 'unset' }"
>
<div class="stat-name">{{ item.name }}</div>
<div class="stat-name" @click="goToTaskPage(item.name)">{{ item.name }}</div>
<div class="stat-count">{{ item.count }}</div>
</div>
</div>
......@@ -25,7 +26,7 @@
<div class="task-stat-display mime">
<div class="display-wrapper">
<div class="stat-item" v-for="(item, idx) in mime" :key="idx">
<div class="stat-name">{{ item.name }}</div>
<div class="stat-name" @click="goToTaskPage(item.name)">{{ item.name }}</div>
<div class="stat-count">{{ item.count }}</div>
</div>
</div>
......@@ -37,67 +38,93 @@
<div class="task-stat-display pty">
<div class="display-wrapper">
<div class="stat-item" v-for="(item, idx) in pty" :key="idx">
<div class="stat-name">{{ item.name }}</div>
<div class="stat-name" @click="goToTaskPage(item.name)">{{ item.name }}</div>
<div class="stat-count">{{ item.count }}</div>
</div>
</div>
</div>
</div>
</div>
</CellWrapper>
</template>
<script>
import CellHeaderVue from "./common/CellHeader.vue";
import { all } from "~/service/report";
import CellHeader from "../common/CellHeader.vue";
import CellWrapper from "../common/CellWrapper.vue";
import { all,my,ins } from "~/service/report";
export default {
name: "TaskStatistics",
components: { CellHeaderVue },
props: ["cellContentHeight"],
components: { CellWrapper },
data() {
return {
total: [
{ name: "待经办", count: "5454" },
{ name: "来报待处理", count: "4231" },
{ name: "待复核", count: "652" },
{ name: "待授权", count: "2" },
{ name: "待匹配", count: "5" },
{ name: "待打印", count: "1235" },
// { name: "待经办", count: "5454" },
// { name: "来报待处理", count: "4231" },
// { name: "待复核", count: "652" },
// { name: "待授权", count: "2" },
// { name: "待匹配", count: "5" },
// { name: "待打印", count: "1235" },
],
mime: [
{ name: "待经办", count: "154" },
{ name: "待修改", count: "1254" },
{ name: "待复核", count: "5" },
{ name: "待授权", count: "0" },
{ name: "待回复", count: "0" },
{ name: "待打印", count: "4564" },
{ name: "已完结", count: "3212" },
// { name: "待经办", count: "154" },
// { name: "待修改", count: "1254" },
// { name: "待复核", count: "5" },
// { name: "待授权", count: "0" },
// { name: "待回复", count: "0" },
// { name: "待打印", count: "4564" },
// { name: "已完结", count: "3212" },
],
pty: [
{ name: "待经办", count: "1164" },
{ name: "待修改", count: "2341" },
{ name: "待复核", count: "168" },
{ name: "待授权", count: "423" },
{ name: "待打印", count: "6547" },
{ name: "待匹配", count: "23" },
{ name: "已完结", count: "3212" },
],
mapping: {
'待经办': 'sptsel',
'来报待处理': 'sptsel',
'待复核': 'trnrel',
'待授权': 'trnrel',
'待匹配': 'sptsel',
'待打印': 'trnfnd',
'待修改': 'sptsel',
'待回复': '',
'已完结': 'trnfnd',
}
};
},
created() {
all().then(res => {
console.log(res);
this.total=res;
}),
my().then(res =>{
this.mime = res;
}),
ins().then(res =>{
this.pty = res;
})
},
//点击对应的文字 跳转
methods: {
goToTaskPage(name) {
if(!this.mapping[name]) {
return;
}
this.$router.push('/taskList').then(() => {
this.$store.commit('setTaskListTabVal', this.mapping[name])
})
}
}
};
</script>
<style scoped>
.cell-content {
.statistics-container {
height: 100%;
padding: 0px 8px;
}
.task-stat-display {
height: 25%;
max-height: 90px;
/* max-height: 90px; */
display: flex;
justify-content: space-around;
color: #f3f3f3;
......@@ -156,6 +183,7 @@ export default {
justify-content: center;
align-items: center;
border-right: 1px solid;
cursor: pointer;
}
.task-stat-display.total .display-wrapper .stat-item:last-child .stat-count {
border-right: 0;
......@@ -176,7 +204,7 @@ export default {
border-right: 0;
}
.task-sign {
height: 12%;
height: 12.5%;
display: flex;
align-items: center;
padding-left: 15px;
......
src/views/Home/cells/common/CellHeader.vue → src/views/Home/common/CellHeader.vue
......@@ -9,12 +9,7 @@
<script>
export default {
props: {
title: {
type: String,
required: true,
},
},
props: ['title'],
};
</script>
......
src/views/Home/common/CellWrapper.vue 0 → 100644
<template>
<div class="home-cell">
<CellHeader :title="title">
<slot name="header"></slot>
</CellHeader>
<div class="cell-content" :style="{ height: cellContentHeight + 'px' }">
<slot></slot>
</div>
</div>
</template>
<script>
import CellHeader from "./CellHeader.vue";
export default {
name: "CellWrapper",
components: { CellHeader },
props: {
title: {
type: String,
required: true,
},
cellContentHeight: {
type: Number,
required: true,
},
},
data() {
return {};
},
};
</script>
<style scoped>
.home-cell {
background-color: #ffffff;
box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
border-radius: 8px;
padding-bottom: 10px;
}
.home-cell::before {
display: table;
content: "";
}
.home-cell >>> .el-scrollbar__wrap {
overflow-y: scroll;
overflow-x: auto;
}
</style>
\ No newline at end of file
src/views/Home/cells/common/quick.vue → src/views/Home/common/quick.vue
<template>
<el-scrollbar :style="{ height: cellScrollHeight + 'px' }">
<div class="cell-content">
<router-link
v-for="(item, index) in quickVisitItem"
:key="index"
:to="item.path"
>
<div
class="content-wrapper"
:style="{ height: Math.floor(cellScrollHeight * 0.3) + 'px' }"
>
<div class="visit-item-wrapper">
<div class="visit-item">
<img :src="item.icon" alt="" />
<span>{{ item.name }}</span>
</div>
</div>
<el-scrollbar style="height: 100%">
<router-link
v-for="(item, index) in quickVisitItem"
:key="index"
:to="item.path"
>
<div
class="content-wrapper"
:style="{ height: Math.floor(cellContentHeight * 0.33) + 'px' }"
>
<div class="visit-item-wrapper">
<div class="visit-item">
<img :src="item.icon" alt="" />
<span>{{ item.name }}</span>
</div>
</router-link>
</div>
</div>
</router-link>
<el-dialog :visible="visible" title="设置" :before-close="handleClose">
<div style="text-align: center">
<el-transfer
style="text-align: left; display: inline-block"
v-model="selectedVals"
filterable
:titles="['未添加', '已添加']"
:button-texts="['移除', '添加']"
:format="{
noChecked: '${total}',
hasChecked: '${checked}/${total}',
}"
:data="transferData"
>
</el-transfer>
</div>
<span slot="footer" class="dialog-footer">
<c-button @click="cancel">取消</c-button>
<c-button type="primary" @click="save">保存</c-button>
</span>
</el-dialog>
</el-scrollbar>
<el-dialog
:visible="visible"
title="设置"
width="60%"
:before-close="handleClose"
>
<div style="text-align: center">
<el-transfer
style="text-align: left; display: inline-block"
v-model="selectedVals"
filterable
:titles="['未添加', '已添加']"
:button-texts="['移除', '添加']"
:format="{
noChecked: '${total}',
hasChecked: '${checked}/${total}',
}"
:data="transferData"
>
</el-transfer>
</div>
<span slot="footer" class="dialog-footer">
<c-button @click="cancel">取消</c-button>
<c-button type="primary" @click="save">保存</c-button>
</span>
</el-dialog>
</el-scrollbar>
</template>
<script>
......@@ -49,16 +52,16 @@ import icons from "./icons.js";
export default {
props: {
cellScrollHeight: {
type: Number,
quickType: {
type: String,
required: true,
},
quickType: {
type: String,
cellContentHeight: {
type: Number,
required: true,
}
},
},
data() {
data() {
return {
allAvailableItems: [],
quickVisitItem: [],
......@@ -67,11 +70,11 @@ export default {
transferData: [],
};
},
mounted() {
mounted() {
this.$nextTick(() => {
this.init();
this.generateVisitItems(this.getCachedVisitItems());
})
});
},
methods: {
init() {
......@@ -79,27 +82,29 @@ export default {
this.getAllAvailableItems(this.$store.state.UserContext.menu, arr);
this.allAvailableItems = arr;
this.transferData = arr.map((item) => {
const ps = item.path.split("/")
const ps = item.path.split("/");
return {
key: item.path,
label: `${ps[ps.length - 1]} - ${item.name}` ,
label: `${ps[ps.length - 1]} - ${item.name}`,
};
});
},
getCachedVisitItems() {
const userId = this.$store.state.UserContext.userId;
const data = localStorage.getItem(
`quick-${this.quickType}-${userId.toLowerCase() === "zl" ? "admin" : "normal"}`
`quick-${this.quickType}-${this.getUserRole()}`
);
return JSON.parse(data);
},
setCachedVisitItems(data) {
const userId = this.$store.state.UserContext.userId;
localStorage.setItem(
`quick-${this.quickType}-${userId.toLowerCase() === "zl" ? "admin" : "normal"}`,
`quick-${this.quickType}-${this.getUserRole()}`,
JSON.stringify(data)
);
},
getUserRole() {
const userId = this.$store.state.UserContext.userId;
return userId.toLowerCase() === "zl" ? "admin" : "normal";
},
generateVisitItems(keys) {
const res = [];
for (let i = 0; i < keys.length; i++) {
......@@ -144,50 +149,43 @@ export default {
}
},
},
}
};
</script>
<style scoped>
.cell-content {
/* display: flex;
flex-wrap: wrap; */
}
.content-wrapper {
display: inline-block;
width: 33%;
width: 33.33%;
/* height: 30%; */
}
.cell-content .visit-item-wrapper {
.visit-item-wrapper {
display: flex;
height: 100%;
justify-content: center;
align-items: center;
}
.cell-content .visit-item {
.visit-item {
/* padding-bottom: 16px; */
display: flex;
flex-direction: column;
align-items: center;
cursor: pointer;
}
.cell-content .visit-item i {
.visit-item i {
color: #0088ff;
font-size: 36px;
}
.cell-content .visit-item span {
.visit-item span {
color: #303133;
font-size: 14px;
margin-top: 10px;
}
/* .cell-content .visit-item:hover i {
color: var(--themecolor);
} */
.cell-content .visit-item:hover span {
.visit-item:hover span {
color: var(--themecolor);
}
.el-scrollbar >>> .el-transfer-panel {
width: 300px;
height: 600px;
height: 400px;
}
.el-scrollbar >>> .el-checkbox-group.el-transfer-panel__list {
height: 500px;
......
src/views/Home/config.js 0 → 100644
export const cellDataDefinition = [
{
title: "快速访问",
name: "QuickVisit",
description: "交易快速访问入口",
},
{
title: "任务统计",
name: "TaskStatistics",
description: "任务的数量统计",
},
{
title: "通知公告",
name: "NoticeAnnouncement",
description: "最新的通知公告",
},
{ title: "电子大厅", name: "Hall", description: "电子大厅" },
{
title: "大客户分析",
name: "CustomerAnalyse",
description: "客户数据分析",
},
{
title: "快速查询",
name: "QuickSearch",
description: "交易快速查询入口",
},
];
src/views/Home/index.vue
<template>
<div class="eContainer-home">
<QuickVisitVue :cellScrollHeight="cellScrollHeight"></QuickVisitVue>
<TaskStatisticsVue></TaskStatisticsVue>
<NoticeAnnouncementVue :cellScrollHeight="cellScrollHeight" ></NoticeAnnouncementVue>
<HallVue></HallVue>
<CustomerAnalyseVue></CustomerAnalyseVue>
<QuickSearchVue :cellScrollHeight="cellScrollHeight"></QuickSearchVue>
<c-row
:gutter="10"
v-for="cRow in cellRows"
:key="cRow"
>
<c-col
:span="24 / cellCols"
v-for="cCol in cellCols"
:key="cCol"
>
<component
v-if="getComponentName([cRow - 1], [cCol - 1])"
v-bind:is="getComponentName([cRow - 1], [cCol - 1])"
:cellContentHeight="cellContentHeight"
></component>
</c-col>
</c-row>
</div>
</template>
<script>
import QuickVisitVue from "./cells/QuickVisit.vue";
import TaskStatisticsVue from "./cells/TaskStatistics.vue";
import NoticeAnnouncementVue from "./cells/NoticeAnnouncement.vue";
import HallVue from "./cells/Hall.vue";
import CustomerAnalyseVue from "./cells/CustomerAnalyse.vue";
import QuickSearchVue from "./cells/QuickSearch.vue";
import { createNamespacedHelpers } from "vuex";
const { mapState } = createNamespacedHelpers("UserContext");
import QuickVisit from "./cells/QuickVisit.vue";
import TaskStatistics from "./cells/TaskStatistics.vue";
import NoticeAnnouncement from "./cells/NoticeAnnouncement.vue";
import Hall from "./cells/Hall.vue";
import CustomerAnalyse from "./cells/CustomerAnalyse.vue";
import QuickSearch from "./cells/QuickSearch.vue";
import { cellDataDefinition } from "./config";
export default {
name: "Home",
components: {
QuickVisitVue,
TaskStatisticsVue,
NoticeAnnouncementVue,
HallVue,
CustomerAnalyseVue,
QuickSearchVue,
},
mounted() {
this.calcCellScrollHeight();
this.calcCellScrollHeightBind = this.calcCellScrollHeight.bind(this);
window.addEventListener("resize", this.calcCellScrollHeightBind);
QuickVisit,
TaskStatistics,
NoticeAnnouncement,
Hall,
CustomerAnalyse,
QuickSearch,
},
data() {
return {
cellScrollHeight: 0,
cellContentHeight: 0,
};
},
created() {
this.loadCellData();
},
mounted() {
this.calcCellContentHeight();
this.calcCellContentHeightBind = this.calcCellContentHeight.bind(this);
window.addEventListener("resize", this.calcCellContentHeightBind);
},
computed: {
...mapState({
cellRows: (state) => state.homeCellsSetting.cellRows,
cellCols: (state) => state.homeCellsSetting.cellCols,
cellNames: (state) => state.homeCellsSetting.cellNames,
}),
},
watch: {
cellRows(newVal, oldVal) {
this.calcCellContentHeight()
},
},
methods: {
calcCellScrollHeight() {
this.cellScrollHeight = this.$el.clientHeight * 0.49 - 52;
loadCellData() {
this.$store.commit(
"UserContext/setHomeDefaultCells",
cellDataDefinition
);
let cellsSettingDefault = localStorage.getItem("cells-setting-default");
if (!cellsSettingDefault) {
const rows = 2;
const cols = 3;
localStorage.setItem(
"cells-setting-default",
JSON.stringify({
cellRows: rows,
cellCols: cols,
cellNames: this.generateRowColNames(
rows,
cols,
cellDataDefinition.map((definition) => definition.name)
),
})
);
}
let userCellsSetting = localStorage.getItem(
`cells-setting-${this.$store.state.UserContext.userId}`
);
if (!userCellsSetting) {
userCellsSetting = localStorage.getItem("cells-setting-default");
}
this.$store.commit(
"UserContext/setHomeCellsSetting",
JSON.parse(userCellsSetting)
);
},
generateRowColNames(rows, cols, cells) {
const rArr = [];
for (let i = 0; i < rows; i++) {
const cArr = [];
for (let j = 0; j < cols; j++) {
cArr.push(cells[i * cols + j]);
}
rArr.push(cArr);
}
return rArr;
},
getComponentName(rowIdx, colIdx) {
return this.cellNames[rowIdx] ? this.cellNames[rowIdx][colIdx] : null;
},
calcCellContentHeight() {
this.cellContentHeight = this.$el.clientHeight * this.getRowHeightPercent() - 52 - 10
},
getRowHeightPercent() {
// 每行预留 0.4% 的间距
return 1 / this.cellRows - 0.004 * this.cellRows;
},
},
destroyed() {
window.removeEventListener("resize", this.calcCellScrollHeightBind);
window.removeEventListener("resize", this.calcCellContentHeightBind);
},
};
</script>
......@@ -52,26 +134,7 @@ export default {
.eContainer-home {
height: 100%;
display: flex;
flex-wrap: wrap;
/* justify-content: space-around; */
align-items: center;
}
.home-cell {
width: 33%;
height: 49%;
margin-left: 0.166%;
margin-right: 0.166%;
background-color: #ffffff;
box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
border-radius: 8px;
}
.home-cell >>> .cell-content {
/* max-height: calc(100% - 52px); */
height: calc(100% - 52px);
overflow: auto;
}
.home-cell >>> .el-scrollbar__wrap {
overflow-y: scroll;
overflow-x: auto;
flex-direction: column;
justify-content: space-around;
}
</style>
src/views/Layout/SideMenu.vue
......@@ -29,7 +29,7 @@ import SubMenu from "~/components/SubMenu.vue";
export default {
components: { Button, SubMenu },
data: function() {
data: function () {
return {
openFlgArr: [],
menuOpen: true,
......@@ -42,6 +42,7 @@ export default {
{ inifrm: "infcpd", ininam: "汇款查询", pntmiu: "1" },
{ inifrm: "cptopn", ininam: "汇出汇款", pntmiu: "1" },
{ inifrm: "cptadv", ininam: "汇入汇款", pntmiu: "1" },
{ inifrm: "2", ininam: "买方信用证", pntmiu: "" },
// { inifrm: "ditopn", ininam: "信用证开立", pntmiu: "2" },
// { inifrm: "ditame", ininam: "信用证修改", pntmiu: "2" },
......@@ -50,17 +51,18 @@ export default {
{ inifrm: "infbdd", ininam: "买方信用证单据查询", pntmiu: "2" },
//{ inifrm: "bdtset", ininam: "买方信用证收款", pntmiu: "2" },
{ inifrm: "22", ininam: "卖方信用证", pntmiu: "" },
{ inifrm: "infdet", ininam: "卖方信用证交易查询", pntmiu: "22" },
{ inifrm: "infbfd", ininam: "卖方信用证单据查询", pntmiu: "22" },
//{ inifrm: "bftsnd", ininam: "卖方信用证寄单", pntmiu: "2" },
//{ inifrm: "bftset", ininam: "卖方信用证收款", pntmiu: "2" },
{ inifrm: "infdet", ininam: "卖方信用证交易查询", pntmiu: "22" },
{ inifrm: "infbfd", ininam: "卖方信用证单据查询", pntmiu: "22" },
//{ inifrm: "bftsnd", ininam: "卖方信用证寄单", pntmiu: "2" },
//{ inifrm: "bftset", ininam: "卖方信用证收款", pntmiu: "2" },
// { inifrm: "bdtudp", ininam: "信用证承兑", pntmiu: "2" },
// { inifrm: "bdtdcr", ininam: "信用证不符点/拒付", pntmiu: "2" },
// { inifrm: "ditdck", ininam: "信用证到单", pntmiu: "2" },
// { inifrm: "bdtset", ininam: "信用证付款", pntmiu: "2" },
// { inifrm: "ditdck", ininam: "信用证到单", pntmiu: "2" },
// { inifrm: "bdtset", ininam: "信用证付款", pntmiu: "2" },
{ inifrm: "3", ininam: "出口信用证", pntmiu: "" },
{ inifrm: "letsel", ininam: "出口信用证查询", pntmiu: "3" },
{ inifrm: "letopn", ininam: "出口信用证通知", pntmiu: "3" },
{ inifrm: "letnot", ininam: "出口信用证预通知", pntmiu: "3" },
{ inifrm: "letame", ininam: "出口信用证修改", pntmiu: "3" },
{ inifrm: "letrsv", ininam: "出口信用证补通知", pntmiu: "3" },
{ inifrm: "infled", ininam: "出口信用证查询infled", pntmiu: "3" },
......@@ -71,6 +73,7 @@ export default {
{ inifrm: "betrcl", ininam: "出口信用证单据索汇", pntmiu: "3" },
{ inifrm: "betdcr", ininam: "出口信用证不符点/拒付", pntmiu: "3" },
{ inifrm: "betdrv", ininam: "出口信用证单据修改", pntmiu: "3" },
{ inifrm: "infbpd", ininam: "出口押汇查询", pntmiu: "3" },
{ inifrm: "4", ininam: "进口信用证", pntmiu: "" },
{ inifrm: "inflid", ininam: "进口信用证查询", pntmiu: "4" },
{ inifrm: "litopn", ininam: "进口信用证开立", pntmiu: "4" },
......@@ -80,7 +83,6 @@ export default {
{ inifrm: "litcan", ininam: "进口信用证注销", pntmiu: "4" },
{ inifrm: "inftrd", ininam: "进口押汇查询", pntmiu: "4" },
{ inifrm: "trtame", ininam: "进口融资修改", pntmiu: "4" },
{ inifrm: "infbpd", ininam: "进口单据查询", pntmiu: "4" },
{ inifrm: "inftxm", ininam: "条式语句查询", pntmiu: "4" },
{ inifrm: "5", ininam: "进口代收", pntmiu: "" },
{ inifrm: "bctdav", ininam: "进口代收到单通知", pntmiu: "5" },
......@@ -91,7 +93,7 @@ export default {
{ inifrm: "bctset", ininam: "进口代收付款", pntmiu: "5" },
{ inifrm: "bctcan", ininam: "进口代收注销", pntmiu: "5" },
{ inifrm: "infbcd", ininam: "进口代收查询", pntmiu: "5" },
{ inifrm: "6", ininam: "出口托收", pntmiu: "" },
{ inifrm: "6", ininam: "出口托收", pntmiu: "" },
{ inifrm: "botdav", ininam: "出口托收寄单", pntmiu: "6" },
{ inifrm: "botame", ininam: "出口托收修改", pntmiu: "6" },
{ inifrm: "botdcr", ininam: "出口托收拒付/不符点", pntmiu: "6" },
......@@ -101,16 +103,20 @@ export default {
{ inifrm: "lttopn", ininam: "转让证开立", pntmiu: "7" },
{ inifrm: "lttame", ininam: "转让证修改", pntmiu: "7" },
{ inifrm: "lttcan", ininam: "转让证注销", pntmiu: "7" },
{ inifrm: "bttsnd", ininam: "转让证单据寄单", pntmiu: "7" },
{ inifrm: "bttdrv", ininam: "转让证修改单据金额", pntmiu: "7" },
{ inifrm: "bttdcr", ininam: "转让证单据拒单", pntmiu: "7" },
{ inifrm: "lttdav", ininam: "转让信用证单据第一受益人换单", pntmiu: "7" },
{ inifrm: "bttsnd", ininam: "转让证单据寄单", pntmiu: "7" },
{ inifrm: "bttdrv", ininam: "转让证修改单据金额", pntmiu: "7" },
{ inifrm: "bttdcr", ininam: "转让证单据拒单", pntmiu: "7" },
{
inifrm: "lttdav",
ininam: "转让信用证单据第一受益人换单",
pntmiu: "7",
},
{ inifrm: "bttdck", ininam: "转让信用证通知到单", pntmiu: "7" },
{ inifrm: "8", ininam: "打包托收", pntmiu: "" },
{ inifrm: "cltdav", ininam: "打包托收开立", pntmiu: "8" },
{ inifrm: "clttra", ininam: "打包托收催收", pntmiu: "8" },
{ inifrm: "cltset", ininam: "打包托收解包", pntmiu: "8" },
{ inifrm: "9",ininam: "光票托收", pntmiu: "" },
{ inifrm: "9", ininam: "光票托收", pntmiu: "" },
{ inifrm: "ccttra", ininam: "光票托收催收", pntmiu: "9" },
{ inifrm: "cctdcr", ininam: "光票托收退票", pntmiu: "9" },
{ inifrm: "cctset", ininam: "光票托收收汇", pntmiu: "9" },
......@@ -118,24 +124,25 @@ export default {
//{ inifrm: "clttra", ininam: "光票托收", pntmiu: "10" },
{ inifrm: "10", ininam: "参数管理", pntmiu: "" },
{ inifrm: "infusr", ininam: "用户信息", pntmiu: "10" },
{ inifrm: "11",ininam: "卖方信用证", pntmiu: "" },
{ inifrm: "detopn", ininam: "信用证开立", pntmiu: "11" },
{ inifrm: "detame", ininam: "信用证修改", pntmiu: "11" },
{ inifrm: "detsel", ininam: "信用证查询", pntmiu: "11" },
{ inifrm: "12",ininam: "智能审单", pntmiu: "" },
{ inifrm: "11", ininam: "卖方信用证", pntmiu: "" },
{ inifrm: "detopn", ininam: "卖方信用证开立", pntmiu: "11" },
{ inifrm: "detame", ininam: "卖方信用证修改", pntmiu: "11" },
{ inifrm: "detsel", ininam: "卖方信用证查询", pntmiu: "11" },
{ inifrm: "12", ininam: "智能审单", pntmiu: "" },
{ inifrm: "examRule", ininam: "智能审单规则配置", pntmiu: "12" },
//进口保函
{inifrm: "13",ininam:"进口保函",pntmiu:""},
{inifrm:"gitsel",ininam:"进口保函查询",pntmiu:"13"},
{inifrm:"gitset",ininam:"进口保函赔付",pntmiu:"13"},
{inifrm:"gitcrq",ininam:"进口保函索赔登记",pntmiu:"13"},
{ inifrm: "14",ininam: "服务管理", pntmiu: "" },
{ inifrm: "13", ininam: "进口保函", pntmiu: "" },
{ inifrm: "gitsel", ininam: "进口保函查询", pntmiu: "13" },
{ inifrm: "gitset", ininam: "进口保函赔付", pntmiu: "13" },
{ inifrm: "gitcrq", ininam: "进口保函索赔登记", pntmiu: "13" },
{ inifrm: "14", ininam: "服务管理", pntmiu: "" },
{ inifrm: "switsk", ininam: "Switsk", pntmiu: "14" },
{ inifrm: "mgrtsk", ininam: "Mgrtsk", pntmiu: "14" },
{ inifrm: "sptrel", ininam: "sptrel", pntmiu: "14" },
],
menus: [],
menusHeight: 0
menusHeight: 0,
};
},
computed: {
......@@ -146,11 +153,11 @@ export default {
watch: {
$route: function () {
this.$nextTick(() => {
const arr = []
this.getOpenMenusIndex(this.menus, arr)
this.openFlgArr = [...new Set([...this.openFlgArr, ...arr])]
})
}
const arr = [];
this.getOpenMenusIndex(this.menus, arr);
this.openFlgArr = [...new Set([...this.openFlgArr, ...arr])];
});
},
},
created() {
this.menusHeight = 60 + 46 + 8;
......@@ -159,7 +166,7 @@ export default {
const arr = [];
this.generateMenuTree(arr);
this.menus = arr;
this.$store.commit('UserContext/setMenu', arr)
this.$store.commit("UserContext/setMenu", arr);
this.initOpenFlgIndex();
},
methods: {
......@@ -342,7 +349,7 @@ export default {
height: 35px;
line-height: 35px;
}
.el-menu-vertical-demo [class^=el-icon-caret-] {
.el-menu-vertical-demo [class^="el-icon-caret-"] {
color: #606266;
}
</style>
\ No newline at end of file
src/views/Review/Business/ReviewGetset.vue 0 → 100644
<template>
<ReviewWrapper>
<Getset></Getset>
</ReviewWrapper>
</template>
<script>
import Getset from "~/views/Business/Getset";
import { ReviewWrapper } from "~/components/gj-common.min.js";
export default {
name: "ReviewGetset",
components: { ReviewWrapper, Getset },
created() {},
mounted() {},
};
</script>
<style></style>
src/views/Review/ReviewRouter.js
......@@ -3,6 +3,7 @@ import ReviewDitdck from "./Business/ReviewDitdck.vue";
import ReviewBdtset from "./Business/ReviewBdtset.vue";
import ReviewCptadv from "./Business/ReviewCptadv.vue";
import ReviewCptopn from "./Business/ReviewCptopn.vue";
import ReviewGetset from "./Business/ReviewGetset.vue";
const ReviewRouter = [
{ path: "ditopn", component: ReviewDitopn, name: "ReviewDitopn", meta: { title: "复核-买方信用证开立" } },
......@@ -10,6 +11,7 @@ const ReviewRouter = [
{ path: "bdtset", component: ReviewBdtset, name: "ReviewBdtset", meta: { title: "复核-买方信用证付款" } },
{ path: "cptadv", component: ReviewCptadv, name: "ReviewCptadv", meta: { title: "复核-汇入汇款" } },
{ path: "cptopn", component: ReviewCptopn, name: "ReviewCptopn", meta: { title: "复核-汇出汇款" } },
{ path: "getset", component: ReviewGetset, name: "ReviewGetset", meta: { title: "复核-Getset" } },
];
export default ReviewRouter;
src/views/TaskList/compare.vue 0 → 100644
<template>
<div class="eibs-tab">
<el-form
:model="model"
:rules="rules"
ref="modelForm"
tokenKey="modelForm"
label-width="140px"
size="small"
:validate-on-rule-change="false"
>
<c-col :span="8">
<el-form-item label="业务主表">
<c-input
v-model="xxd"
placeholder="请输入业务主表"
></c-input>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="业务参考号（TD）">
<c-input
v-model="tdref"
placeholder="请输入业务参考号（TD）"
></c-input>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="业务参考号（新国结）">
<c-input
v-model="newref"
placeholder="请输入业务参考号（新国结）"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24" style="text-align: right">
<el-button size="small" @click="handleReset">重置</el-button>
<el-button
type="primary"
icon="el-icon-search"
size="small"
@click="handleSearch"
>查询对比</el-button
>
</c-col>
<c-col :span="24" style="margin-top: 10px">
<div style="border-bottom: 10px solid rgb(232, 232, 232)"></div>
</c-col>
<div v-for="(item, idx) in compareData" :key="idx">
<c-col
:span="24"
style="height: 24px; margin-top: 20px; margin-bottom: 5px"
>
<c-col :span="12">
<el-form-item :label="item.bo" class="messageLabel">
</el-form-item>
</c-col>
<c-col
:span="12"
style="
text-align: right;
font-weight: bold;
font-size: 12px;
"
>
<div v-if="showType == 0">
<c-button @click="changeShowType(0)" type="primary">原始数据</c-button>
<c-button @click="changeShowType(1)">对比结果</c-button>
</div>
<div v-else>
<c-button @click="changeShowType(0)">原始数据</c-button>
<c-button @click="changeShowType(1)" type="primary">对比结果</c-button>
</div>
</c-col>
</c-col>
<c-col :span="24" style="height: 0px; margin-top: -5px">
<el-divider></el-divider>
</c-col>
<c-col :span="24">
<c-col :span="24" :offset="0" v-if="showType == 0">
<c-compare-table
:list="item.diffRows"
:columns="item.allKeys"
:paginationShow="false"
:showType="showType"
:maxColumnLength="maxColumnLength[item.bo]"
style="width: 100%"
>
</c-compare-table>
</c-col>
<c-col :span="24" :offset="0" v-if="showType == 1">
<c-compare-table
:list="item.diffRows"
:columns="item.diffKeys"
:paginationShow="false"
:showType="showType"
:maxColumnLength="maxColumnLength[item.bo]"
style="width: 100%"
>
</c-compare-table>
</c-col>
</c-col>
</div>
</el-form>
</div>
</template>
<script>
import { max } from 'moment';
import { all } from "~/service/compare";
export default {
data() {
return {
tabVal: "menu",
trnName: "compare",
model: null,
rules: null,
bo: "",
xxd: "DID",
tdref: "KZ3500210535AA ",
newref: "KZ3500210549AA ",
compareData:[],
DID_Data: {
data: [],
columns: [],
},
DID_high_columns: [],
maxColumnLength:{},
showType: 1, //0:原始数据， 1:对比数据
};
},
computed: {},
name: "TaskList",
created() {},
methods: {
async handleReset() {},
async handleSearch() {
const params = {
xxd: this.xxd,
tdref: this.tdref,
newref: this.newref,
};
const that = this;
all(params).then((res) => {
console.log(res);
that.compareData = res;
that.bo = res[0].bo;
for (let i = 0; i < res.length; i++) {
const ret = {};
for (let j = 0; j < res[i].allKeys.length; j++) {
const key = res[i].allKeys[j];
ret[key] = key.length;
for (let k = 0; k < res[i].diffRows.length; k++) {
var current_length = res[i].diffRows[k].data[key] ? (res[i].diffRows[k].data[key] + '').trim().length : 0;
var current_max = ret[key] ? ret[key] : 0;
if(current_length >= current_max){
ret[key] = current_length;
}
}
}
this.maxColumnLength[res[i].bo] = ret;
}
console.log(this.maxColumnLength);
});
},
changeShowType(key){
this.showType = key;
}
},
components: {},
};
</script>
<style scoped>
.messageLabel >>> .el-form-item__label {
text-align: left;
font-weight: bold;
font-size: 12px;
}
</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