Skip to content

V
vue-gjjs
Commit af11e40d by wangna
Options

sptcpt UI改造

parent 878e7362
Showing with 338 additions and 247 deletions
src/model/Sptcpt/Event.js
......@@ -66,7 +66,8 @@ export default {
let rtnmsg = await this.executeRule("searow")
if(rtnmsg.respCode == SUCCESS)
{
this.stmData.data = rtnmsg.data.trncorco_trnstm.rows;
this.updateModel(rtnmsg.data);
this.stmData.data = rtnmsg.data.sptstm.rows;
}
else
......
src/model/Sptcpt/index.js
......@@ -26,7 +26,7 @@ export default class Sptcpt{
},
selusb:"", // Select user branch .usfmod.selusb
},
sptstm:"", // List of SPT records .sptstm
sptstm:[], // List of SPT records .sptstm
chkdzt:"", // E-Trade .chkdzt
lremark:"", // 退回附言 .lremark
inidatfro:"", // Date of entry of Transaction .inidatfro
......
src/views/Business/Sptcpt/Menu.vue
<template>
<div class="eibs-tab">
<el-form
<el-form
class="m-table-search-form"
ref="paramsForm"
:inline="true"
label-position="right"
label-width="110px"
size="small"
>
<c-row>
<c-col :span="24">
<c-fullbox>
<el-form-item label="Type of items" prop="" style="width:100%">
<c-checkbox v-model="model.chkinc">Incomming</c-checkbox>
<c-checkbox v-model="model.chkdzt">E-Trade</c-checkbox>
<c-checkbox v-model="model.chkpen">Break</c-checkbox>
<c-checkbox v-model="model.chkcor">Correction</c-checkbox>
<c-checkbox v-model="model.chkaut">Automatic</c-checkbox>
<c-checkbox v-model="model.chkcan">归档</c-checkbox>
<c-checkbox v-model="model.chkbat">批量</c-checkbox>
<c-checkbox v-model="model.chkeco">三方付汇</c-checkbox>
<c-checkbox v-model="model.incpay">应收款</c-checkbox>
<c-checkbox v-model="model.outpay">应付款</c-checkbox>
<c-checkbox v-model="model.ecpay">三方收汇</c-checkbox>
</el-form-item>
</c-fullbox>
</c-col>
</c-row>
<c-col :span="24">
<c-col :span="11">
<el-form-item label="汇款编号" prop="selobj" style="width:100%">
<c-input v-model="model.selobj" style="width:100%"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="项目类型" style="text-align: left">
<c-col :span="2">
<c-checkbox
v-model="model.chkinc"
style="text-align: left"
class="checkbox-left"
>输入</c-checkbox
>
</c-col>
<c-col :span="2">
<c-checkbox
v-model="model.chkdzt"
style="text-align: left"
class="checkbox-left"
>电子贸易</c-checkbox
>
</c-col>
<c-col :span="2">
<c-checkbox v-model="chkpen" class="checkbox-left"
>Break</c-checkbox
>
</c-col>
<c-col :span="2" style="padding-left: 20px">
<c-checkbox v-model="chkcor" class="checkbox-left">修改</c-checkbox>
</c-col>
<c-col :span="3" style="padding-left: 20px">
<c-checkbox v-model="model.chkaut" class="checkbox-left"
>Automatic</c-checkbox
>
</c-col>
<c-col :span="2" style="padding-left: 20px">
<c-checkbox v-model="model.chkcan" class="checkbox-left"
>归档</c-checkbox
>
</c-col>
<c-col :span="2" style="padding-left: 20px">
<c-checkbox v-model="model.chkbat" class="checkbox-left"
>批量</c-checkbox
>
</c-col>
<c-col :span="3" style="padding-left: 20px">
<c-checkbox v-model="model.chkeco" class="checkbox-left"
>三方付汇</c-checkbox
>
</c-col>
<c-col :span="2" style="padding-left: 20px">
<c-checkbox v-model="model.incpay" class="checkbox-left"
>应收款</c-checkbox
>
</c-col>
<c-col :span="2" style="padding-left: 20px">
<c-checkbox v-model="model.outpay" class="checkbox-left"
>应付款</c-checkbox
>
</c-col>
<c-col :span="1" style="padding-left: 20px">
<c-checkbox v-model="model.ecpay" class="checkbox-left"
>三方收汇</c-checkbox
>
</c-col>
</el-form-item>
</c-col>
<c-col :span="11" :offset="1">
<el-form-item label="简略信息" prop="seltxt" style="width:100%">
<c-input v-model="model.seltxt" style="width:100%"></c-input>
</el-form-item>
</c-col>
<c-col :span="12" style="padding-right: 20px">
<c-col :span="24">
<el-form-item label="汇款编号" prop="selobj" style="width: 100%">
<c-input v-model="model.selobj" style="width: 100%"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span= "11">
<el-form-item label="用户选择" prop="usfmod.flt" style="width:100%">
<c-fullbox>
<c-select v-model="model.usfmod.flt" placeholder="请输入Selection of User" style="width:100%">
<el-option
v-for="item in flt"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</c-select>
<template slot="footer">
<c-button size="small" type="primary">Show_Set</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<el-form-item label="用户选择" prop="usfmod.flt" style="width: 100%">
<c-fullbox>
<c-select
v-model="model.usfmod.flt"
placeholder="请输入用户选择"
style="width: 100%"
>
<el-option
v-for="item in flt"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</c-select>
<template slot="footer">
<c-button size="small" type="primary">Show_Set</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="11" :offset="1">
<el-form-item label="Between" prop="inidatfro" style="width:100%">
<c-date-picker
type="date"
v-model="model.inidatfro"
value-format="yyyy-MM-dd"
style="width:48%"
palceholder="请选择开立日期"
></c-date-picker>
<c-col :span="24" v-if="model.usfmod.flt == '<SELU>'">
<el-form-item
label="选定的用户"
prop="usfmod.usr.extkey"
style="width: 100%"
>
<c-fullbox>
<c-input
v-model="model.usfmod.usr.extkey"
maxlength="8"
placeholder="请输入选定的用户"
></c-input>
<template slot="footer">
<c-button
size="small"
style="margin-left: 10px; padding: 0 12px"
type="primary"
icon="el-icon-info"
@click="onExtkey"
>
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
</c-col>
<span> - </span>
<c-col :span="12" style="padding-left: 20px">
<c-col :span="24">
<el-form-item label="简略信息" prop="seltxt" style="width: 100%">
<c-input v-model="model.seltxt" style="width: 100%"></c-input>
</el-form-item>
</c-col>
<c-date-picker
type="date"
v-model="model.inidattil"
value-format="yyyy-MM-dd"
style="width :48%"
placeholder="请选择Open Date to"
></c-date-picker>
</el-form-item>
<c-col :span="24">
<el-form-item label="Between" prop="inidatfro" style="width: 100%">
<c-col :span="11">
<c-date-picker
type="date"
v-model="model.inidatfro"
value-format="yyyy-MM-dd"
style="width: 100%"
palceholder="请选择起始日期"
></c-date-picker>
</c-col>
<c-col :span="2" style="text-align: center">
<label style="display: inline-block; width: 100%">-</label>
</c-col>
<c-col :span="11">
<c-date-picker
type="date"
v-model="model.inidattil"
value-format="yyyy-MM-dd"
style="width: 100%"
placeholder="请选择截止日期"
></c-date-picker>
</c-col>
</el-form-item>
</c-col>
</c-col>
<c-col
:span="24"
style="text-align: right; height: 36.8px"
v-if="true"
>
<c-col :span="24" style="text-align: right; height: 36.8px" v-if="true">
<el-button size="small" @click="handleReset">重置</el-button>
<el-button
type="primary"
......@@ -97,138 +170,157 @@
@click="handleSearch"
>查询</el-button
>
<!-- <el-button type="text" @click="searchToggle = true">
收起
<i class="el-icon-arrow-up"></i>
</el-button> -->
</c-col>
</el-form>
</el-form>
<c-col :span="24">
<c-istream-table :list="stmData.data" :columns="stmData.columns" >
<el-table-column fixed="right" prop="op" label="操作" width="140px">
<template slot="header">
<c-col :span="11" style="text-align: left"><span>操作</span></c-col>
</template>
<template slot-scope="scope">
<el-popover
placement="top-start"
title="历史信息"
width="800"
trigger="click"
:ref="'popover_' + scope.row.IDX"
<c-istream-table :list="stmData.data" :columns="stmData.columns">
<el-table-column fixed="right" prop="op" label="操作" width="140px">
<template slot="header">
<c-col :span="11" style="text-align: left"><span>操作</span></c-col>
</template>
<template slot-scope="scope">
<el-popover
placement="top-start"
title="历史信息"
width="800"
trigger="click"
:ref="'popover_' + scope.row.IDX"
>
<div
style="
text-align: right;
margin-top: -30px;
margin-right: 5px;
font-size: 16px;
"
>
<div style="text-align: right; margin-top: -30px; margin-right: 5px; font-size: 16px;">
<span class="el-icon-close" @click="closeTrn('popover_' + scope.row.IDX)"/>
<span
class="el-icon-close"
@click="closeTrn('popover_' + scope.row.IDX)"
/>
</div>
<c-istream-table
:list="trnData.data"
:columns="trnData.columns"
>
<el-table-column prop="op" label="操作" width="0">
<template slot-scope="scope">
<c-button
style="margin-left: 0"
size="small"
@click="display(scope.row['INR'])"
>
详情
</c-button>
</template>
</el-table-column>
</c-istream-table>
<c-button
style="margin-left: 0"
size="small"
@click="getTrnInfo(scope.$index, scope.row)"
slot="reference"
>
详情
</c-button>
</el-popover>
<!-- <c-istream-table :list="trnData.data" :columns="trnData.columns">
<el-table-column prop="op" label="操作" width="0">
<template slot-scope="scope">
<c-button
style="margin-left: 0"
size="small"
@click="display(scope.row['INR'])"
>
详情
</c-button>
</template>
</el-table-column>
</c-istream-table> -->
<c-button
style="margin-left: 0"
size="small"
type="primary"
@click="getButtons(scope.row['汇款编号'])"
@click="getTrnInfo(scope.$index, scope.row)"
slot="reference"
>
处理
详情
</c-button>
</template>
</el-table-column>
</c-istream-table>
</el-popover>
<c-button
style="margin-left: 0"
size="small"
type="primary"
@click="getButtons(scope.row['汇款编号'])"
>
处理
</c-button>
</template>
</el-table-column>
</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/Sptcpt/Event"
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Sptcpt/Event";
export default {
inject: ['root'],
props:["model","codes"],
mixins: [commonProcess],
data(){
return {
flt: [
{ label: "All Users", value: "<ALL>" },
{ label: "Selected User", value: "<SELU>" },
],
stmData:{
columns:[
"4 1 \"交易代码\" 150 ",
"5 2 \"汇款编号\" 160",
"6 3 \"简略信息\" 120",
"7 5 \"Creation\" 101 20 30 1",
"1 6 \"状态\" 160 1 0:0 1 SPT:STA",
"8 7 \"By User\" 166",
"15 8 \"Work User\" 176",
"17 9 \"Work Branch\" 176",
"16 10 \"Last User\" 176",
"3 11 \"Info\" 150 1 20:0 1 FormatINFDSP",
"10 12 \"Infotext\" 200"
],
data:[],
}
}
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {
flt: [
{ label: "所有用户", value: "<ALL>" },
{ label: "选定的用户", value: "<SELU>" },
],
stmData: {
columns: [
'4 1 "交易代码" 150 ',
'5 2 "汇款编号" 160',
'6 3 "简略信息" 120',
'7 5 "Creation" 101 20 30 1',
'1 6 "状态" 160 1 0:0 1 SPT:STA',
'8 7 "By User" 166',
'15 8 "Work User" 176',
'17 9 "Work Branch" 176',
'16 10 "Last User" 176',
'3 11 "Info" 150 1 20:0 1 FormatINFDSP',
'10 12 "Infotext" 200',
],
data: [],
},
};
},
computed: {
chkpen: {
get() {
return this.model.chkpen === "Y";
},
set(val) {
this.model.chkpen = val ? "Y" : "";
},
},
methods:{
...Event,
async getButtons(ownref) {
this.ownref = ownref;
this.$refs.childs.initdialog = true;
console.log("ownref:" + ownref);
},
async onChoose(code) {
//跳转交易
this.$router.history.push("/business/" + code);
this.$refs.childs.initdialog = false;
},
chkcor: {
get() {
return this.model.chkcor === "Y";
},
set(val) {
this.model.chkcor = val ? "Y" : "";
},
},
},
methods: {
...Event,
async getButtons(ownref) {
this.ownref = ownref;
this.$refs.childs.initdialog = true;
console.log("ownref:" + ownref);
},
async getTrnInfo(idx, row) {
this.model.objinr = row["INR"];
this.model.inr = row["INR"];
this.model.infcon.chksubcon = "X";
async onChoose(code) {
//跳转交易
this.$router.history.push("/business/" + code);
this.$refs.childs.initdialog = false;
},
this.dialogTableVisible = true;
let rtnmsg = await this.executeDefault("infcon.chksubcon");
async getTrnInfo(idx, row) {
this.model.objinr = row["INR"];
this.model.inr = row["INR"];
this.model.infcon.chksubcon = "X";
if ((rtnmsg.respCode = SUCCESS)) {
this.trnData.data = rtnmsg.data.infcon_trnstm.rows;
}
},
closeTrn(refId) {
this.$refs[refId].doClose();
},
},
created:function(){
this.dialogTableVisible = true;
let rtnmsg = await this.executeDefault("infcon.chksubcon");
}
}
if ((rtnmsg.respCode = SUCCESS)) {
this.trnData.data = rtnmsg.data.infcon_trnstm.rows;
}
},
closeTrn(refId) {
this.$refs[refId].doClose();
},
},
created: function () {},
};
</script>
<style>
</style>
src/views/Business/Sptcpt/index.vue
<template>
<div class="eContainer">
<el-form :model="model" :rules="rules" ref="modelForm" label-width="120px" label-position="right" size="small" :validate-on-rule-change="false">
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="myTabClick">
<!--sptcpt PD000042 Menu -->
<el-tab-pane label="菜单" name="menu">
<m-menu :model="model" :codes="codes"/>
</el-tab-pane>
</c-tabs>
<div class="eContainer-search">
<el-form
:model="model"
:rules="rules"
ref="modelForm"
label-width="120px"
label-position="right"
size="small"
:validate-on-rule-change="false"
>
<c-content>
<m-menu :model="model" :codes="codes" ref="menu" />
</c-content>
</el-form>
</div>
</template>
<script>
import Api from "~/service/Api"
import CodeTable from "~/config/CodeTable"
import Sptcpt from "~/model/Sptcpt"
import commonProcess from "~/mixin/commonProcess"
import Check from "~/model/Sptcpt/Check"
import Default from "~/model/Sptcpt/Default"
import Pattern from "~/model/Sptcpt/Pattern"
import Menu from "./Menu"
import Api from "~/service/Api";
import CodeTable from "~/config/CodeTable";
import Sptcpt from "~/model/Sptcpt";
import commonProcess from "~/mixin/commonProcess";
import Check from "~/model/Sptcpt/Check";
import Default from "~/model/Sptcpt/Default";
import Pattern from "~/model/Sptcpt/Pattern";
import Menu from "./Menu";
export default {
name: "Sptcpt",
components:{
"m-menu" : Menu,
},
provide() {
return {
root: this
}
},
mixins: [commonProcess], // 里面包含了Default、Check等的公共处理
data(){
return {
tabVal: "menu",
trnName: "sptcpt",
trnType: "",
model: new Sptcpt().data,
checkRules: Check,
defaultRules: Default,
pattern: Pattern,
rules: null,
codes: {
},
}
name: "Sptcpt",
components: {
"m-menu": Menu,
},
provide() {
return {
root: this,
};
},
mixins: [commonProcess], // 里面包含了Default、Check等的公共处理
data() {
return {
tabVal: "menu",
trnName: "sptcpt",
trnType: "",
model: new Sptcpt().data,
checkRules: Check,
defaultRules: Default,
pattern: Pattern,
rules: null,
codes: {},
};
},
methods: {
myTabClick(tab) {
this.tabClick(tab);
/**
* do it yourself
**/
},
methods:{
myTabClick(tab){
this.tabClick(tab)
/**
* do it yourself
**/
}
},
created:async function(){
console.log("进入sptcpt交易");
let rtnmsg = await this.init({})
if(rtnmsg.respCode == SUCCESS)
{
this.updateModel(rtnmsg.data)
//TODO 处理数据逻辑
}
else
{
this.$notify.error({title: '错误',message: '服务请求失败！'});
}
},
created: async function () {
console.log("进入sptcpt交易");
let rtnmsg = await this.init({});
if (rtnmsg.respCode == SUCCESS) {
this.updateModel(rtnmsg.data);
//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