Skip to content

V
vue-gjjs
Commit 9a543aa8 by lishijie
Options

卖方信用证交易界面样式和部分功能实现

parent 8bf8ae09
Showing with 289 additions and 209 deletions
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/views/Business/BusRouter.js
......@@ -234,11 +234,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: '卖方信用证寄单' } },
......
src/views/Business/Detopn/index.vue
......@@ -17,39 +17,44 @@
<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">
<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"/>
<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"/>
<m-detp1 :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000525 -->
<el-tab-pane label="详细信息" name="detp2">
<m-detp2 :model="model" :codes="codes"/>
<m-detp2 :model="model" :codes="codes" />
</el-tab-pane>
<!--PD000405 -->
<el-tab-pane label="单据要求" name="detp">
<m-detp :model="model" :codes="codes"/>
<m-detp :model="model" :codes="codes" />
</el-tab-pane>
<!--PD000000 -->
<el-tab-pane label="费用及账务" name="setpan">
<c-content>
<m-setpan :model="model" :codes="codes"/>
<m-setpan :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
......@@ -66,20 +71,19 @@
<!--PD000000 -->
<el-tab-pane label="附言" name="coninfp">
<m-coninfp :model="model" :codes="codes"/>
<m-coninfp :model="model" :codes="codes" />
</el-tab-pane>
<!--PD000529 -->
<el-tab-pane label="报文及面函" name="docpan">
<m-docpan :model="model" :codes="codes"/>
<m-docpan :model="model" :codes="codes" />
</el-tab-pane>
<!--PD000001 -->
<el-tab-pane label="授信额度" name="limitbody">
<m-limitbody :model="model" :codes="codes"/>
<m-limitbody :model="model" :codes="codes" />
</el-tab-pane>
<!--PD000548 -->
<!--
<el-tab-pane label="PD000548" name="stament">
......@@ -92,10 +96,14 @@
<m-aamp :model="model" :codes="codes"/>
</el-tab-pane>
-->
</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>
......@@ -122,35 +130,34 @@ 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,
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,
"m-coninfp": Coninfp,
"m-docpan": Docpan,
"m-limitbody": Limitbody,
},
provide() {
return {
root: this
}
root: this,
};
},
// mixins: [commonProcess], // 里面包含了Default、Check等的公共处理
mixins: [commonProcess,commonFuncs], // 里面包含了Default、Check等的公共处理
mixins: [commonProcess, commonFuncs], // 里面包含了Default、Check等的公共处理
computed: {},
data(){
data() {
return {
tabVal: "",
tabVal: "ovwp",
trnName: "detopn",
model: new Detopn().data,
checkRules: Check,
......@@ -158,31 +165,26 @@ export default {
pattern: Pattern,
rules: null,
codes: { ...CodeTable },
}
};
},
methods:{
tabClick(){
}
methods: {
tabClick() {},
},
created:async function(){
created: async function () {
console.log("进入detopn交易");
//let rtnmsg = await this.init({})
let rtnmsg = await this.init(this.$route.query);
if(rtnmsg.respCode == SUCCESS)
{
if (rtnmsg.respCode == SUCCESS) {
//更新数据
Utils.copyValueFromVO(this.model,rtnmsg.data)
Utils.copyValueFromVO(this.model, rtnmsg.data);
if (this.isInDisplay) {
this.restoreDisplay();
}
} else {
this.$notify.error({ title: "错误", message: "服务请求失败！" });
}
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">
......@@ -37,7 +38,15 @@
-->
<div class="eContainer">
<el-form :model="model" :rules="rules" ref="modelForm" label-width="150px" label-position="left" size="small" :validate-on-rule-change="false">
<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">
......@@ -45,12 +54,24 @@
</el-tab-pane>
-->
<c-content>
<m-infsea v-show="!showPanel" @updateShowPanel="updateShowPanel($event)" :model="model" :codes="codes" ref="infsea"/>
<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">
<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"/>
<m-ovwp :model="model" :codes="codes" />
</el-tab-pane>
<!--
......@@ -134,77 +155,76 @@
-->
</c-tabs>
</el-form>
<c-button
v-show="showPanel"
style="margin-left: 75%;bottom: 10%;position:sticky"
style="margin-left: 75%; bottom: 10%; position: sticky"
size="small"
@click="goBack()">
@click="goBack()"
>
<!-- @click="getDitSelInfo(scope.$index, scope.row)" -->
返回
</c-button>
</div>
</c-page>
<!-- </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,
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
}
root: this,
};
},
mixins: [commonProcess], // 里面包含了Default、Check等的公共处理
data(){
data() {
return {
tabVal: "",
trnName: "infdet",
......@@ -212,15 +232,15 @@ export default {
checkRules: Check,
defaultRules: Default,
pattern: Pattern,
showPanel:false,
showPanel: false,
rules: null,
codes: {...CodeTable},
codes: { ...CodeTable },
showflg: true,
};
},
methods:{
tabClick(tab){
const name = tab.name
methods: {
tabClick(tab) {
const name = tab.name;
let rulePath;
if (name === "fepinfp") {
......@@ -231,51 +251,43 @@ export default {
}
if (!!rulePath) {
this.executeRule(rulePath).then(res => {
this.executeRule(rulePath).then((res) => {
if (res.respCode == SUCCESS) {
this.updateModel(res.data);
}
})
});
}
},
initPanel(val){
if(val){
this.tabVal = "ovwp"
initPanel(val) {
if (val) {
this.tabVal = "ovwp";
//
}else{
this.tabVal = ""
} else {
this.tabVal = "";
}
},
async updateShowPanel(value) {
this.showPanel = value;
this.initPanel(value);
},
goBack(){
goBack() {
this.showPanel = false;
},
},
created:async function(){
created: async function () {
console.log("进入infdet交易");
let rtnmsg = await this.init({})
if(rtnmsg.respCode == SUCCESS)
{
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: '服务请求失败！'});
} else {
this.$notify.error({ title: "错误", message: "服务请求失败！" });
}
},
watch:{
}
}
watch: {},
};
</script>
<style scoped>
</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,
......@@ -105,13 +105,17 @@ export default {
{ inifrm: "bttsnd", ininam: "转让证单据寄单", pntmiu: "7" },
{ inifrm: "bttdrv", ininam: "转让证修改单据金额", pntmiu: "7" },
{ inifrm: "bttdcr", ininam: "转让证单据拒单", pntmiu: "7" },
{ inifrm: "lttdav", 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" },
......@@ -119,25 +123,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: "11", ininam: "卖方信用证", pntmiu: "" },
{ inifrm: "detopn", ininam: "卖方信用证开立", pntmiu: "11" },
{ inifrm: "detame", ininam: "卖方信用证修改", pntmiu: "11" },
{ inifrm: "detsel", ininam: "卖方信用证查询", pntmiu: "11" },
{ inifrm: "12",ininam: "智能审单", pntmiu: "" },
{ 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: {
......@@ -148,11 +152,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;
......@@ -161,7 +165,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: {
......@@ -344,7 +348,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
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