Skip to content

V
vue-gjjs
Commit af11e40d by wangna
Options

sptcpt UI改造

parent 878e7362
Showing with 221 additions and 130 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
...@@ -3,50 +3,89 @@ ...@@ -3,50 +3,89 @@
<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">
<c-fullbox> <el-form-item label="项目类型" style="text-align: left">
<el-form-item label="Type of items" prop="" style="width:100%"> <c-col :span="2">
<c-checkbox v-model="model.chkinc">Incomming</c-checkbox> <c-checkbox
<c-checkbox v-model="model.chkdzt">E-Trade</c-checkbox> v-model="model.chkinc"
<c-checkbox v-model="model.chkpen">Break</c-checkbox> style="text-align: left"
<c-checkbox v-model="model.chkcor">Correction</c-checkbox> class="checkbox-left"
<c-checkbox v-model="model.chkaut">Automatic</c-checkbox> >输入</c-checkbox
<c-checkbox v-model="model.chkcan">归档</c-checkbox> >
<c-checkbox v-model="model.chkbat">批量</c-checkbox> </c-col>
<c-checkbox v-model="model.chkeco">三方付汇</c-checkbox> <c-col :span="2">
<c-checkbox v-model="model.incpay">应收款</c-checkbox> <c-checkbox
<c-checkbox v-model="model.outpay">应付款</c-checkbox> v-model="model.chkdzt"
<c-checkbox v-model="model.ecpay">三方收汇</c-checkbox> style="text-align: left"
</el-form-item> class="checkbox-left"
</c-fullbox> >电子贸易</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> </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> </el-form-item>
</c-col> </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%">
<c-input v-model="model.selobj" style="width: 100%"></c-input>
</el-form-item> </el-form-item>
</c-col> </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 v-model="model.usfmod.flt" placeholder="请输入Selection of User" style="width:100%"> <c-select
v-model="model.usfmod.flt"
placeholder="请输入用户选择"
style="width: 100%"
>
<el-option <el-option
v-for="item in flt" v-for="item in flt"
:key="item.value" :key="item.value"
...@@ -61,34 +100,68 @@ ...@@ -61,34 +100,68 @@
</el-form-item> </el-form-item>
</c-col> </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
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>
<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-col :span="24">
<el-form-item label="Between" prop="inidatfro" style="width: 100%">
<c-col :span="11">
<c-date-picker <c-date-picker
type="date" type="date"
v-model="model.inidatfro" v-model="model.inidatfro"
value-format="yyyy-MM-dd" value-format="yyyy-MM-dd"
style="width:48%" style="width: 100%"
palceholder="请选择开立日期" palceholder="请选择起始日期"
></c-date-picker> ></c-date-picker>
</c-col>
<span> - </span> <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 <c-date-picker
type="date" type="date"
v-model="model.inidattil" v-model="model.inidattil"
value-format="yyyy-MM-dd" value-format="yyyy-MM-dd"
style="width :48%" style="width: 100%"
placeholder="请选择Open Date to" placeholder="请选择截止日期"
></c-date-picker> ></c-date-picker>
</c-col>
</el-form-item> </el-form-item>
</c-col> </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,15 +170,11 @@ ...@@ -97,15 +170,11 @@
@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>
...@@ -118,13 +187,20 @@ ...@@ -118,13 +187,20 @@
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
<span class="el-icon-close" @click="closeTrn('popover_' + scope.row.IDX)"/> style="
</div> text-align: right;
<c-istream-table margin-top: -30px;
:list="trnData.data" margin-right: 5px;
:columns="trnData.columns" font-size: 16px;
"
> >
<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"> <el-table-column prop="op" label="操作" width="0">
<template slot-scope="scope"> <template slot-scope="scope">
<c-button <c-button
...@@ -136,7 +212,7 @@ ...@@ -136,7 +212,7 @@
</c-button> </c-button>
</template> </template>
</el-table-column> </el-table-column>
</c-istream-table> </c-istream-table> -->
<c-button <c-button
style="margin-left: 0" style="margin-left: 0"
size="small" size="small"
...@@ -161,40 +237,59 @@ ...@@ -161,40 +237,59 @@
</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:{ },
chkcor: {
get() {
return this.model.chkcor === "Y";
},
set(val) {
this.model.chkcor = val ? "Y" : "";
},
},
},
methods: {
...Event, ...Event,
async getButtons(ownref) { async getButtons(ownref) {
this.ownref = ownref; this.ownref = ownref;
...@@ -224,11 +319,8 @@ export default { ...@@ -224,11 +319,8 @@ export default {
this.$refs[refId].doClose(); this.$refs[refId].doClose();
}, },
}, },
created:function(){ 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",
...@@ -42,34 +46,28 @@ export default { ...@@ -42,34 +46,28 @@ export default {
defaultRules: Default, defaultRules: Default,
pattern: Pattern, pattern: Pattern,
rules: null, rules: null,
codes: { codes: {},
}, };
}
}, },
methods:{ methods: {
myTabClick(tab){ myTabClick(tab) {
this.tabClick(tab) this.tabClick(tab);
/** /**
* do it yourself * do it yourself
**/ **/
}
}, },
created:async function(){ },
created: async function () {
console.log("进入sptcpt交易"); console.log("进入sptcpt交易");
let rtnmsg = await this.init({}) let rtnmsg = await this.init({});
if(rtnmsg.respCode == SUCCESS) if (rtnmsg.respCode == SUCCESS) {
{ this.updateModel(rtnmsg.data);
this.updateModel(rtnmsg.data)
//TODO 处理数据逻辑 //TODO 处理数据逻辑
} else {
} this.$notify.error({ title: "错误", message: "服务请求失败！" });
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