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