Skip to content

V
vue-gjjs
Commit 2f40df9c by fukai
Options

提交object加工处理

parent c2174da3
Showing with 288 additions and 202 deletions
src/utils/index.js 0 → 100644
export default class Utils{
static toDepthObject(obj)
{
var target = {};
for(var key in obj)
{
var keyArr = key.split("_"); //以下划线或分割
var tempobj = target;
for(var i=0;i<keyArr.length - 1;i++)
{
if(tempobj[keyArr[i]])
tempobj = tempobj[keyArr[i]];
else
{
tempobj[keyArr[i]] = {};
tempobj = tempobj[keyArr[i]];
}
}
//给叶子元素赋值
tempobj[keyArr[keyArr.length - 1]]=obj[key];
}
return target;
}
static flatObject(obj,target,pkey)
{
target = target||{};
for(var key in obj)
{
var nkey = pkey?pkey+"_"+key:key;
if(!obj[key])
target[nkey] = obj[key];
else if(obj[key] instanceof Array)
target[nkey] = obj[key];
else if(typeof obj[key] == "object")
Utils.flatObject(obj[key],target,nkey); //递归赋值
else
target[nkey] = obj[key];
}
return target;
}
static copyValueFromVO(model,vo)
{
var target = model;
for(var key in vo)
{
var keyArr = key.split("_"); //以下划线或分割
var tempobj = target;
for(var i=0;i<keyArr.length - 1;i++)
{
if(tempobj[keyArr[i]])
tempobj = tempobj[keyArr[i]];
else
{
tempobj = null;
break;
}
}
//给叶子元素赋值
if(tempobj )
{
let leafProp = keyArr[keyArr.length - 1];
if(tempobj.hasOwnProperty(leafProp))
tempobj[leafProp]=obj[key];
}
}
return target;
}
}
\ No newline at end of file
src/utils/vuefunc.js
...@@ -9,8 +9,34 @@ export function findCodeLabel(codes,val) ...@@ -9,8 +9,34 @@ export function findCodeLabel(codes,val)
return item.label return item.label
} }
export function dateFormat (date, format) {
let _format = format || 'yyyy-MM-dd';
const d = date;
const o = {
'M+' : d.getMonth() + 1, // month
'd+' : d.getDate(), // day
'h+' : d.getHours(), // hour
'm+' : d.getMinutes(), // minute
's+' : d.getSeconds(), // second
'q+' : Math.floor((d.getMonth() + 3) / 3), // quarter
'S' : d.getMilliseconds() // millisecond
};
if (/(y+)/.test(_format)) {
_format = _format.replace(RegExp.$1, (d.getFullYear() + '').substr(4 - RegExp.$1.length));
}
for (const k in o) {
if (o.hasOwnProperty(k) && new RegExp('(' + k + ')').test(_format)) {
_format = _format.replace(RegExp.$1, RegExp.$1.length === 1 ? o[k] : ('00' + o[k]).substr(('' + o[k]).length));
}
}
return _format;
}
export default { export default {
install(Vue){ install(Vue){
Vue.prototype.findCodeLabel = findCodeLabel Vue.prototype.findCodeLabel = findCodeLabel
Vue.prototype.dateFormat = dateFormat
} }
} }
src/views/Business/Sptsel/index.vue
<template> <template>
<div class="eContainer"> <c-page title="经办夹">
<el-form :model="model" :rules="rules" ref="modelForm" label-width="100px" size="small"> <el-form :model="model" :rules="rules" ref="modelForm" label-width="100px" size="small">
<el-col :span="24"> <el-col :span="12">
<div class="e-table-wrapper"> <el-form-item label="交易名">
<el-table <el-input v-model="model.sptp.frm" maxlength="6" placeholder="请输入交易"></el-input>
:data="model.sptp.lst" </el-form-item>
style="width: 100%"
>
<el-table-column
prop="frm"
label="交易名"
sortable
width="100">
</el-table-column>
<el-table-column
prop="credattim"
label="创建时间"
sortable
width="100">
</el-table-column>
<el-table-column
prop="objtyp"
label="对象类型"
sortable
width="100">
</el-table-column>
<el-table-column
prop="objnam"
label="关联名称"
sortable
width="100">
</el-table-column>
<el-table-column
prop="objref"
label="参考号"
sortable
width="100">
</el-table-column>
<el-table-column
prop="sta"
label="状态"
sortable
width="100">
<template slot-scope="scope">
<span>{{ this.codes.sptsta.find(item=>item.value==scope.row.sta).label }}</span>
</template>
</el-table-column>
<el-table-column
prop="creusr"
label="经办柜员"
sortable
width="100">
</el-table-column>
<el-table-column
prop="relcur"
label="币种"
sortable
width="100">
</el-table-column>
<el-table-column
prop="relamt"
label="金额"
sortable
width="100">
</el-table-column>
<el-table-column
prop="ownbchkey"
label="所属机构"
sortable
width="100">
</el-table-column>
<el-table-column
prop="smhinr"
label=""
sortable
width="100">
</el-table-column>
</el-table>
<el-pagination
layout="prev, pager, next"
:total="pager.sptp_lst.total">
</el-pagination>
</div>
</el-col>
<el-col :span="12">
<el-form-item label="交易">
<el-input v-model="model.sptp.frm" maxlength="6" placeholder="请输入交易"></el-input>
</el-form-item>
</el-col> </el-col>
<!--
<el-col :span="12"> <el-col :span="12">
<el-form-item label="对象类型"> <el-form-item label="对象类型">
<el-input v-model="model.sptp.objtyp" maxlength="6" placeholder="请输入对象类型"></el-input> <el-input v-model="model.sptp.objtyp" maxlength="6" placeholder="请输入对象类型"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
-->
<el-col :span="12"> <el-col :span="12">
<el-form-item label="操作员"> <el-form-item label="业务编号">
<el-input v-model="model.sptp.usr" maxlength="20" placeholder="请输入操作员"></el-input> <el-input v-model="model.sptp.objref" maxlength="20" placeholder="请输入业务编号"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12">
<el-form-item label="类型">
<el-select v-model="model.sptp.sta" style="width:100%" placeholder="请选择类型">
<el-option
v-for="item in codes.sptsta"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="起始日期">
<el-date-picker type="date" v-model="model.sptp.datsta" style="width:100%" placeholder="请选择起始日期"></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="至">
<el-date-picker type="date" v-model="model.sptp.datend" style="width:100%" placeholder="请选择至"></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="业务编号"> <el-form-item label="经办柜员">
<el-input v-model="model.sptp.objref" maxlength="20" placeholder="请输入业务编号"></el-input> <el-input v-model="model.sptp.usr" maxlength="20" placeholder="请输入操作员"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-button size="small" type="primary" icon="el-icon-search" @click="onSel"> <el-form-item label="状态">
查询 <el-select v-model="model.sptp.sta" style="width:100%" placeholder="请选择类型">
</el-button> <el-option
v-for="item in codes.sptsta"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-button size="small" type="primary" @click="onReset"> <el-col :span="12">
重置 <el-form-item label="起始日期">
</el-button> <el-date-picker type="date" v-model="model.sptp.datsta" style="width:100%" placeholder="请选择起始日期"></el-date-picker>
</el-col> </el-form-item>
<el-col :span="12"> </el-col>
<el-button size="small" icon="el-icon-delete" @click="onSptpDel">
删除 <el-col :span="12">
</el-button> <el-form-item label="至">
<el-date-picker type="date" v-model="model.sptp.datend" style="width:100%" placeholder="请选择至"></el-date-picker>
</el-form-item>
</el-col>
</el-col>
<el-col :span="24" style="text-align:right;">
<el-button size="small" type="primary" icon="el-icon-search" @click="onSel">
查询
</el-button>
<el-button size="small" type="primary" @click="onReset">
重置
</el-button>
</el-col> </el-col>
<el-col :span="12">
<el-button size="small" type="primary" @click="onInc"> <el-col :span=24>
报文显示
</el-button> <el-table
:data="model.sptp.lst"
style="width: 100%;height:400px;"
max-height="500"
>
<el-table-column
prop="frm"
label="交易名"
sortable
width="100">
</el-table-column>
<el-table-column
prop="credattim"
label="创建时间"
sortable
width="100">
<template slot-scope="scope">
{{dateFormat(scope.row.credattim)}}
</template>
</el-table-column>
<el-table-column
prop="objtyp"
label="对象类型"
sortable
width="100">
</el-table-column>
<el-table-column
prop="objnam"
label="关联名称"
sortable
width="100">
</el-table-column>
<el-table-column
prop="objref"
label="参考号"
sortable
width="150">
</el-table-column>
<el-table-column
prop="sta"
label="状态"
sortable
width="100">
<template slot-scope="scope">
<span>{{ findCodeLabel(codes.sptsta,scope.row.sta) }}</span>
</template>
</el-table-column>
<el-table-column
prop="creusr"
label="经办柜员"
sortable
width="100">
</el-table-column>
<el-table-column
prop="relcur"
label="币种"
sortable
width="100">
</el-table-column>
<el-table-column
prop="relamt"
label="金额"
sortable
width="100">
</el-table-column>
<el-table-column
prop="ownbchkey"
label="所属机构"
sortable
width="100">
</el-table-column>
<el-table-column
prop="op"
label="操作"
width="150">
<template slot-scope="scope">
<div>
<div v-if="scope.row.frm">
<a href="javascript:void(0)" @click="onDeal(scope.row)">处理</a>
<el-divider direction="vertical"></el-divider>
<a href="javascript:void(0)" @click="onSptpDel(scope.row)">删除</a>
<span v-if="scope.row.smhinr">
<el-divider direction="vertical"></el-divider>
<a href="javascript:void(0)" @click="onInc(scope.row)" >显示报文</a>
</span>
</div>
<div v-if="!scope.row.frm">
<a href="javascript:void(0)" @click="onSptpDel(scope.row)">删除</a>
<span v-if="scope.row.smhinr">
<el-divider direction="vertical"></el-divider>
<a href="javascript:void(0)" @click="onInc(scope.row)">显示报文</a>
</span>
</div>
</div>
</template>
</el-table-column>
</el-table>
<el-pagination
layout="prev, pager, next"
:total="pager.sptp_lst.total">
</el-pagination>
</el-col> </el-col>
<el-col :span="12">
<el-form-item label="NewField">
<el-input v-model="model.mtabut.cortyp" maxlength="3" placeholder="请输入NewField"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="Message Type Optional">
<el-input v-model="model.mtabut.msgtyp" maxlength="100" placeholder="请输入Message Type Optional"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="报文信息">
<el-input type="textarea" v-model="model.mtabut.docinf" maxlength="200" show-word-limit placeholder="请输入报文信息" ></el-input>
</el-form-item>
</el-col>
</el-form> </el-form>
</div> </c-page>
</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 Utils from "~/utils"
export default { export default {
data(){ data(){
...@@ -221,22 +223,22 @@ export default { ...@@ -221,22 +223,22 @@ export default {
dsp2:CodeTable.dsp2, dsp2:CodeTable.dsp2,
liqtyp:CodeTable.liqtyp, liqtyp:CodeTable.liqtyp,
}, },
model:{ model:{
sptp:{ sptp:{
frm:"", // 交易 .sptp.frm frm:"", // 交易 .sptp.frm
objtyp:"", // 对象类型 .sptp.objtyp objtyp:"", // 对象类型 .sptp.objtyp
usr:"", // 操作员 .sptp.usr usr:"", // 操作员 .sptp.usr
sta:"", // 类型 .sptp.sta sta:"", // 类型 .sptp.sta
datsta:"", // 起始日期 .sptp.datsta datsta:"", // 起始日期 .sptp.datsta
datend:"", // 至 .sptp.datend datend:"", // 至 .sptp.datend
objref:"", // 业务编号 .sptp.objref objref:"", // 业务编号 .sptp.objref
lst:[], // .sptp.lst lst:[], // .sptp.lst
}, },
mtabut:{ mtabut:{
cortyp:"", // NewField .mtabut.cortyp cortyp:"", // NewField .mtabut.cortyp
msgtyp:"", // Message Type Optional .mtabut.msgtyp msgtyp:"", // Message Type Optional .mtabut.msgtyp
docinf:"", // 报文信息 .mtabut.docinf docinf:"", // 报文信息 .mtabut.docinf
}, },
}, },
pager:{ pager:{
"sptp_lst":{total:0,curIdx:0}, "sptp_lst":{total:0,curIdx:0},
...@@ -259,11 +261,13 @@ export default { ...@@ -259,11 +261,13 @@ export default {
this.$refs.modelForm.validate(async valid => { this.$refs.modelForm.validate(async valid => {
if(!valid) if(!valid)
return; return;
let rtnmsg = await Api.post("sptsel/sel",{data:this.model}) let rtnmsg = await Api.post("sptsel/sel",{data:Utils.flatObject(this.model)})
if(rtnmsg.retcod == SUCCESS) if(rtnmsg.code == SUCCESS)
{ {
//TODO 处理数据逻辑 //TODO 处理数据逻辑
//this.
//this.model.sptp.lst = rtnmsg.data.sptp_lst
Utils.copyValueFromVO(this.model,rtnmsg.data)
} }
else else
{ {
...@@ -272,27 +276,14 @@ export default { ...@@ -272,27 +276,14 @@ export default {
}) })
}, },
onReset(){ onReset(){
this.$refs.modelForm.validate(async valid => { this.$refs.modelForm.resetFields()
if(!valid)
return;
let rtnmsg = await Api.post("sptsel/reset",{data:this.model})
if(rtnmsg.retcod == SUCCESS)
{
//TODO 处理数据逻辑
}
else
{
this.$notify.error({title: '错误',message: '服务请求失败！'});
}
})
}, },
onSptpDel(){ onSptpDel(row){
this.$refs.modelForm.validate(async valid => { this.$refs.modelForm.validate(async valid => {
if(!valid) if(!valid)
return; return;
let rtnmsg = await Api.post("sptsel/sptp_del",{data:this.model}) let rtnmsg = await Api.post("sptsel/sptp_del",{data:this.model})
if(rtnmsg.retcod == SUCCESS) if(rtnmsg.code == SUCCESS)
{ {
//TODO 处理数据逻辑 //TODO 处理数据逻辑
...@@ -303,12 +294,12 @@ export default { ...@@ -303,12 +294,12 @@ export default {
} }
}) })
}, },
onInc(){ onInc(row){
this.$refs.modelForm.validate(async valid => { this.$refs.modelForm.validate(async valid => {
if(!valid) if(!valid)
return; return;
let rtnmsg = await Api.post("sptsel/inc",{data:this.model}) let rtnmsg = await Api.post("sptsel/inc",{data:this.model})
if(rtnmsg.retcod == SUCCESS) if(rtnmsg.code == SUCCESS)
{ {
//TODO 处理数据逻辑 //TODO 处理数据逻辑
...@@ -323,7 +314,7 @@ export default { ...@@ -323,7 +314,7 @@ export default {
created:async function(){ created:async function(){
console.log("进入sptsel交易"); console.log("进入sptsel交易");
let rtnmsg = await Api.post("sptsel/init",{params:{}}) let rtnmsg = await Api.post("sptsel/init",{params:{}})
if(rtnmsg.retcod == SUCCESS) if(rtnmsg.code == SUCCESS)
{ {
//TODO 处理数据逻辑 //TODO 处理数据逻辑
......
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