Skip to content

V
vue-gjjs
Commit feddb5d3 by wangguangchao
Options

待申报列表开发提交

parent 0f109c71
Showing with 427 additions and 66 deletions
src/model/Bopsel/Event.js
......@@ -146,5 +146,116 @@ export default {
this.$notify.error({title: '错误',message: '服务请求失败！'});
}
},
async selpHandleSearch() {
let res = await this.executeRule("serbut");
if(res.respCode == SUCCESS)
{
//TODO 处理数据逻辑
this.stmData.data = res.data.dblstm.rows;
if(res.data.dblstm.rows.length == 0){
this.$notify({
title: '成功',
message: '搜索完毕，无满足条件记录',
type: 'success'
});
}else{
this.$notify({
title: '成功',
message: '查询成功',
type: 'success'
});
}
}
else
{
let errorMsg = "";
if(res.fieldErrors){
let errorMsgkey = "";
let errorMsgVal = "";
for (const key in res.fieldErrors) {
errorMsgkey = key;
errorMsgVal = res.fieldErrors[key];
}
errorMsg = errorMsgkey+':'+errorMsgVal;
}else if(res.respMsg){
errorMsg = res.respMsg;
}
this.$notify.error({title: '错误',message: '查询失败！错误信息['+errorMsg+']'});
}
},
async selpHandleReset(){
this.model.bopquep.boptyp = "ALL";
this.model.bopquep.dattyp = "";
this.model.bopquep.frmdat = new Date();
this.model.bopquep.tildat = new Date();
this.model.bopquep.rptno = "";
this.model.bopquep.ownextkey = "";
this.model.bopquep.ptytyp = "";
this.model.bopquep.ptynam = "";
this.model.bopquep.medtyp = "";
this.model.bopquep.ownref = "";
this.model.bopquep.sum = "";
this.model.bopquep.staflg = "";
},
async errpHandleSearch() {
let res = await this.executeRule("errsel.serbut");
if(res.respCode == SUCCESS)
{
//TODO 处理数据逻辑
this.stmData.data = res.data.errsel_msgstm.rows;
if(res.data.errsel_msgstm.rows.length == 0){
this.$notify({
title: '成功',
message: '搜索完毕，无满足条件记录',
type: 'success'
});
}else{
this.$notify({
title: '成功',
message: '查询成功',
type: 'success'
});
}
}
else
{
let errorMsg = "";
if(res.fieldErrors){
let errorMsgkey = "";
let errorMsgVal = "";
for (const key in res.fieldErrors) {
errorMsgkey = key;
errorMsgVal = res.fieldErrors[key];
}
errorMsg = errorMsgkey+':'+errorMsgVal;
}else if(res.respMsg){
errorMsg = res.respMsg;
}
this.$notify.error({title: '错误',message: '查询失败！错误信息['+errorMsg+']'});
}
},
async errpHandleReset(){
this.model.errsel.rptno = "";
this.model.bopquep.ownextkey = "";
this.model.bopquep.frmdat = new Date();
this.model.bopquep.tildat = new Date();
}
}
\ No newline at end of file
src/views/Business/Bopsel/Errp.vue
<template>
<div class="eibs-tab">
<c-list-search
@form-reset="errpHandleReset"
@form-search="errpHandleSearch"
>
<template>
<el-form
class="m-table-search-form"
ref="paramsForm"
:inline="true"
label-position="right"
label-width="110px"
size="small"
>
<el-row>
<c-col :span="8">
<el-form-item label="申报编号" prop="errsel.rptno">
<c-input
v-model="model.errsel.rptno"
maxlength="22"
placeholder="请输入申报编号"
></c-input>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="业务所属行" prop="bopquep.ownextkey">
<c-select
v-model="model.bopquep.ownextkey"
style="width: 100%"
placeholder="请选择业务所属行"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="起止日期" prop="bopquep.frmdat">
<c-date-picker
type="date"
v-model="model.bopquep.frmdat"
style="width: 100%"
placeholder="请选择起始日期"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="至" prop="bopquep.tildat">
<c-date-picker
type="date"
v-model="model.bopquep.tildat"
style="width: 100%"
placeholder="请选择终止日期"
></c-date-picker>
</el-form-item>
</c-col>
</el-row>
</el-form>
</template>
</c-list-search>
<el-row>
<c-istream-table :list="stmData.data" :columns="stmData.columns">
<el-table-column prop="op" label="操作" width="100">
<template slot-scope="scope">
<a href="javascript:void(0)" @click="continueEdit(scope.row)"
>correct</a
>
</template>
</el-table-column>
</c-istream-table>
</el-row>
<!--
<c-col :span="12">
<el-form-item label="申报编号" prop="errsel.rptno">
<c-input v-model="model.errsel.rptno" maxlength="22" placeholder="请输入申报编号"></c-input>
......@@ -49,29 +122,36 @@
Exit
</c-button>
</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/Bopsel/Event"
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Bopsel/Event";
export default {
inject: ['root'],
props:["model","codes"],
inject: ["root"],
props: ["model", "codes"],
mixins: [CommonProcess],
data(){
data() {
return {
}
stmData: {
columns: [
'4 1 "申报编号" 0 ',
'5 2 "反馈日期" 0',
'7 3 "业务编号" 0',
'20 4 "错误信息" 0',
'21 5 "接口" 0',
],
data: [],
},
methods:{...Event},
created:function(){
}
}
};
},
methods: { ...Event },
created: function () {},
};
</script>
<style>
</style>
src/views/Business/Bopsel/Selp.vue
<template>
<div class="eibs-tab">
<c-list-search @form-reset="handleReset" @form-search="handleSearch">
<c-list-search @form-reset="selpHandleReset" @form-search="selpHandleSearch">
<template v-slot="searchSlot">
<el-form
class="m-table-search-form"
......@@ -13,37 +13,78 @@
<el-row>
<c-col :span="8">
<el-form-item label="申报类型" prop="bopquep.boptyp">
<c-select v-model="model.bopquep.boptyp" style="width:100%" placeholder="请选择申报类型">
<c-select
v-model="model.bopquep.boptyp"
style="width: 100%"
placeholder="请选择申报类型"
>
<el-option
v-for="item in codes.boptyp"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="查询日期类型" prop="bopquep.dattyp">
<c-input v-model="model.bopquep.dattyp" maxlength="1" placeholder="请输入查询日期类型"></c-input>
<c-select
v-model="model.bopquep.dattyp"
style="width: 100%"
placeholder="请选择查询日期类型"
>
<el-option
v-for="item in codes.dattyp"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="起止日期" prop="bopquep.frmdat">
<c-date-picker type="date" v-model="model.bopquep.frmdat" style="width:100%" placeholder="请选择From"></c-date-picker>
<c-date-picker
type="date"
v-model="model.bopquep.frmdat"
value-format="yyyy-MM-dd"
style="width: 100%"
placeholder="请选择From"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="至" prop="bopquep.tildat">
<c-date-picker type="date" v-model="model.bopquep.tildat" style="width:100%" placeholder="请选择Until"></c-date-picker>
<c-date-picker
type="date"
v-model="model.bopquep.tildat"
value-format="yyyy-MM-dd"
style="width: 100%"
placeholder="请选择Until"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="申报号码" prop="bopquep.rptno">
<c-input v-model="model.bopquep.rptno" maxlength="22" placeholder="请输入申报号码"></c-input>
<c-input
v-model="model.bopquep.rptno"
maxlength="22"
placeholder="请输入申报号码"
></c-input>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="业务所属行" prop="bopquep.ownextkey">
<c-select v-model="model.bopquep.ownextkey" style="width:100%" placeholder="请选择Initial Code">
<c-select
v-model="model.bopquep.ownextkey"
style="width: 100%"
placeholder="请选择Initial Code"
>
</c-select>
</el-form-item>
</c-col>
......@@ -52,33 +93,84 @@
<el-row v-show="searchSlot.searchToggle">
<c-col :span="8">
<el-form-item label="客户类型" prop="bopquep.ptytyp">
<c-select v-model="model.bopquep.ptytyp" style="width:100%" placeholder="请选择客户类型">
<c-select
v-model="model.bopquep.ptytyp"
style="width: 100%"
placeholder="请选择客户类型"
>
<el-option
v-for="item in codes.ptytyp"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="客户名称" prop="bopquep.ptynam">
<c-input v-model="model.bopquep.ptynam" style="width:100%" placeholder="请输入客户名称"></c-input>
<c-input
v-model="model.bopquep.ptynam"
style="width: 100%"
placeholder="请输入客户名称"
></c-input>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="结算方式" prop="bopquep.medtyp">
<c-select v-model="model.bopquep.medtyp" style="width:100%" placeholder="请选择结算方式">
<c-select
v-model="model.bopquep.medtyp"
style="width: 100%"
placeholder="请选择结算方式"
>
<el-option
v-for="item in codes.medtyp"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="业务编号" prop="bopquep.ownref">
<c-input v-model="model.bopquep.ownref" maxlength="16" placeholder="请输入业务编号"></c-input>
<c-input
v-model="model.bopquep.ownref"
maxlength="16"
placeholder="请输入业务编号"
></c-input>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="笔数" prop="bopquep.sum">
<c-input v-model="model.bopquep.sum" placeholder="请输入笔数"></c-input>
<c-input
v-model="model.bopquep.sum"
placeholder="请输入笔数"
></c-input>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="业务状态" prop="bopquep.staflg">
<c-select
v-model="model.bopquep.staflg"
style="width: 100%"
placeholder="请选择业务状态"
>
<el-option
v-for="item in codes.staflg"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
</el-row>
......@@ -86,6 +178,31 @@
</template>
</c-list-search>
<c-row style="margin-top: 20px; padding: 0 10px 0 10px">
<c-col>
<c-button size="small" type="primary">导出Excel</c-button>
<c-button size="small" type="primary">应急导出</c-button>
</c-col>
</c-row>
<el-row>
<c-istream-table :list="stmData.data" :columns="stmData.columns">
<el-table-column prop="op" label="操作" width="100">
<template slot-scope="scope">
<a href="javascript:void(0)" @click="continueEdit(scope.row)"
>详情</a
>
<a href="javascript:void(0)" @click="continueEdit(scope.row)"
>修改</a
>
<a href="javascript:void(0)" @click="continueEdit(scope.row)"
>删除</a
>
</template>
</el-table-column>
</c-istream-table>
</el-row>
<!-- <c-col :span="12">
<el-form-item label="申报类型" prop="bopquep.boptyp">
<c-select v-model="model.bopquep.boptyp" style="width:100%" placeholder="请选择申报类型">
......@@ -234,10 +351,25 @@ export default {
props: ["model", "codes"],
mixins: [CommonProcess],
data() {
return {};
return {
stmData: {
columns: [
'4 1 "申报号码" 0 ',
'5 2 "客户" 0',
'7 3 "组织机构代码" 0',
'20 4 "基础" 0',
'21 5 "银行业务编号" 0',
],
data: [],
},
};
},
methods: { ...Event },
created: function () {},
created: function () {
this.model.bopquep.boptyp = "ALL";
this.model.bopquep.frmdat = new Date();
this.model.bopquep.tildat = new Date();
},
};
</script>
<style>
......
src/views/Business/Bopsel/index.vue
<template>
<div class="eContainer">
<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">
<!--PD000000 -->
<el-tab-pane label="接口信息选择" name="selp">
<m-selp :model="model" :codes="codes"/>
<m-selp :model="model" :codes="codes" />
</el-tab-pane>
<!--PD000000 -->
<el-tab-pane label="接口反馈文件差错返回" name="errp">
<m-errp :model="model" :codes="codes"/>
<m-errp :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 Bopsel from "~/model/Bopsel"
import CommonProcess from "~/mixin/CommonProcess"
import Check from "~/model/Bopsel/Check"
import Default from "~/model/Bopsel/Default"
import Pattern from "~/model/Bopsel/Pattern"
import Selp from "./Selp"
import Errp from "./Errp"
import Api from "~/service/Api";
import CodeTable from "~/config/CodeTable";
import Bopsel from "~/model/Bopsel";
import CommonProcess from "~/mixin/CommonProcess";
import Check from "~/model/Bopsel/Check";
import Default from "~/model/Bopsel/Default";
import Pattern from "~/model/Bopsel/Pattern";
import Selp from "./Selp";
import Errp from "./Errp";
export default {
name: "Bopsel",
components:{
"m-selp" : Selp,
"m-errp" : Errp,
components: {
"m-selp": Selp,
"m-errp": Errp,
},
provide() {
return {
root: this
}
root: this,
};
},
mixins: [CommonProcess], // 里面包含了Default、Check等的公共处理
data(){
data() {
return {
tabVal: "",
tabVal: "selp",
trnName: "bopsel",
model: new Bopsel().data,
checkRules: Check,
......@@ -50,28 +56,59 @@ export default {
pattern: Pattern,
rules: null,
codes: {
boptyp: [],
dattyp: [
{ label: "按收付汇日期", value: "A" },
{ label: "按经办日期", value: "B" },
],
ptytyp: [
{ label: "对公", value: "C" },
{ label: "对私中国居民", value: "D" },
{ label: "对私非中国居民", value: "F" },
],
medtyp:[
{label:"票汇",value:"D" },
{label:"信用证",value:"L" },
{label:"托收",value:"C" },
{label:"保函",value:"G" },
{label:"光票托收",value:"Y" },
{label:"其他",value:"O" },
{label:"电汇",value:"T" },
{label:"支票代收",value:"Z" },
{label:"信汇",value:"M" },
],
staflg:[
{label:"待确认",value:"P" },
{label:"待发送",value:"W" },
{label:"已发送",value:"S" },
{label:"已撤销",value:"D" },
{label:"已删除",value:"G" },
{label:"待修改",value:"E" },
],
},
}
};
},
methods:{
tabClick(){
}
methods: {
tabClick() {},
},
created:async function(){
created: async function () {
console.log("进入bopsel交易");
let rtnmsg = await this.init({})
if(rtnmsg.respCode == SUCCESS)
{
//TODO 处理数据逻辑
// 查询码表
Api.post("getCodetable", { tbl: "BOPTYP", lang: "EN" }).then((res) => {
if (res.respCode == SUCCESS) {
this.codes.boptyp = res.data;
}
else
{
this.$notify.error({title: '错误',message: '服务请求失败！'});
}
});
let rtnmsg = await this.init({});
if (rtnmsg.respCode == SUCCESS) {
//TODO 处理数据逻辑
} else {
this.$notify.error({ title: "错误", message: "服务请求失败！" });
}
}
},
};
</script>
<style>
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment