Skip to content

V
vue-gjjs
Commit b0327e1f by wangguangchao
Options

diasel交易页面排版优化

parent 63deecfa
Showing with 252 additions and 48 deletions
src/model/Diasel/Event.js
......@@ -98,5 +98,12 @@ export default {
this.$notify.error({title: '错误',message: '服务请求失败！'});
}
},
async handleSearch() {
},
async handleReset(){
}
}
\ No newline at end of file
src/views/Business/Diasel/Diaselp.vue
<template>
<div class="eibs-tab">
<c-col :span="24">
<c-col :span="4">
<el-form-item label="from" prop="diafro" label-width="50px">
<c-date-picker type="date" v-model="model.diafro" style="width:100%" placeholder="请选择Diary From date"></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="4">
<el-form-item label="to" prop="diatil">
<c-date-picker type="date" v-model="model.diatil" style="width:50%" placeholder="请选择Diary Till date"></c-date-picker>
</el-form-item>
</c-col>
<c-list-search @form-reset="handleReset" @form-search="handleSearch">
<template>
<el-form
class="m-table-search-form"
ref="paramsForm"
:inline="true"
label-position="left"
label-width="110px"
size="small"
>
<el-row>
<c-col :span="12">
<el-form-item label="from">
<el-date-picker
type="date"
v-model="model.diafro"
style="width: 45%"
placeholder="请选择Diary From date"
></el-date-picker>
to
<el-date-picker
type="date"
v-model="model.diatil"
style="width: 45%"
placeholder="请选择Diary Till date"
></el-date-picker>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Reasons" prop="reasen">
<c-select
v-model="model.reasen"
style="width: 100%"
placeholder="请选择Reasons"
>
<el-option
v-for="item in codes.diatxt"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
</el-row>
<el-row>
<c-col :span="12">
<el-form-item label="Reference" prop="searef">
<c-input
v-model="model.searef"
maxlength="16"
style="width: 100%"
placeholder="请输入Selection Reference"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Bus.Sector" prop="seasec">
<c-select
v-model="model.seasec"
style="width: 100%"
placeholder="请选择Business Sector"
>
<el-option
v-for="item in codes.bustxt"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
</el-row>
<el-row>
<c-col :span="12">
<el-form-item label="Selection of Users" prop="usfmod.flt">
<c-select
v-model="model.usfmod.flt"
style="width: 60%"
placeholder="请选择Filter"
>
<el-option
v-for="item in codes.flt"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
<c-button size="small" type="primary" style="width: 30%">
show set
</c-button>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="Reasons" prop="reasen">
<c-select
v-model="model.reasen"
style="width: 100%"
placeholder="请选择Reasons"
<c-col :span="12">
<el-form-item
v-if="model.usfmod.flt == '<SELU>'"
label="Selected User"
prop="usfmod.usr.extkey"
>
<c-input
v-model="model.usfmod.usr.extkey"
maxlength="8"
placeholder="请输入User ID"
style="width:70%"
></c-input>
<c-button
size="small"
type="primary;width:10%"
>i</c-button
>
</c-select>
</el-form-item>
</el-form-item>
<el-form-item
v-if="model.usfmod.flt == '<SELB>'"
label="Select Branch"
prop="usfmod.selusb"
>
<c-select
v-model="model.usfmod.selusb"
style="width: 100%"
placeholder="请选择Select user branch"
>
</c-select>
</el-form-item>
</c-col>
</el-row>
<c-col :span="8">
<el-form-item label="USFTXT" prop="usfmod.flt">
<c-select v-model="model.usfmod.flt" style="width:100%" placeholder="请选择Filter">
</c-select>
</el-form-item>
</c-col>
</c-col>
<!--
<c-col :span="24"> </c-col>
</el-form>
</template>
</c-list-search>
<el-row>
<c-istream-table
:list="stmData.data"
:columns="stmData.columns"
:showSelection="true"
v-on:multipleSelect="multipleSelect"
>
</c-istream-table>
</el-row>
<el-row style="margin-top: 2rem">
<el-card class="box-card">
<div slot="header" class="clearfix">
<span>交易状态信息 —— {{ transactionStatus.busiNo }}</span>
</div>
<div class="text item">
<form class="el-form--label-left el-form--inline">
<div class="el-form-item">
<label class="el-form-item__label">修改次数:</label>
<div class="el-form-item__content">
<span>{{ transactionStatus.modTimes }}</span>
</div>
</div>
<div class="el-form-item">
<label class="el-form-item__label transstatus">交单次数:</label>
<div class="el-form-item__content">
<span>{{ transactionStatus.postCount }}</span>
</div>
</div>
<div class="el-form-item">
<label class="el-form-item__label transstatus">付款次数:</label>
<div class="el-form-item__content">
<span>{{ transactionStatus.earnCount }}</span>
</div>
</div>
<div class="el-form-item">
<label class="el-form-item__label transstatus">付款金额:</label>
<div class="el-form-item__content">
<span>{{ transactionStatus.earnAmt }} CNY</span>
</div>
</div>
</form>
</div>
</el-card>
</el-row>
<el-dialog :visible.sync="initdialog" :title="'交易列表'" append-to-body>
<div class="m-list-btns"></div>
</el-dialog>
<!--
<c-col :span="12">
<span v-text="model.usfmod.usftxt" data-path=".usfmod.usftxt" > </span>
</c-col>
......@@ -151,26 +304,54 @@
</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/Diasel/Event"
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Diasel/Event";
export default {
inject: ['root'],
props:["model","codes"],
mixins: [CommonProcess],
data(){
return {
}
inject: ["root"],
props: ["model", "codes"],
mixins: [CommonProcess],
data() {
return {
initdialog: false,
transactionStatus: {
busiNo: "",
modTimes: 0,
postCount: 0,
accCount: 0,
earnCount: 0,
earnAmt: 0,
},
stmData: {
columns: [
'1 1 "Date" 1',
'1 2 "Reason" 1',
'1 3 "Reference" 1',
'1 4 "Description" 1',
'1 5 "Transaction" 1',
'1 6 "User" 1',
'1 7 "Group" 1',
],
data: [],
},
relrowDisabled: true,
multipleSelection: [],
};
},
methods: {
multipleSelect(val) {
// TODO 根据Status判断按钮是否禁用
this.relrowDisabled = !(val.length > 0);
this.multipleSelection = val;
},
methods:{...Event},
created:function(){
}
}
getSelectedData() {
return this.multipleSelection.map((idx) => this.stmData.data[idx]);
},
...Event},
created: function () {},
};
</script>
<style>
</style>
src/views/Business/Diasel/index.vue
......@@ -34,7 +34,7 @@ export default {
mixins: [CommonProcess], // 里面包含了Default、Check等的公共处理
data(){
return {
tabVal: "",
tabVal: "diaselp",
trnName: "diasel",
model: new Diasel().data,
checkRules: Check,
......@@ -42,6 +42,9 @@ export default {
pattern: Pattern,
rules: null,
codes: {
...CodeTable,
bustxt:[],
diatxt:[],
},
}
},
......@@ -49,9 +52,21 @@ export default {
tabClick(){
}
},
created:async function(){
debugger;
console.log("进入diasel交易");
// 查询码表
Api.post("getCodetable", { tbl:'DIATXT',lang:'EN' }).then((res) => {
if (res.respCode == SUCCESS) {
this.codes.diatxt = res.data;
}
});
Api.post("getCodetable", { tbl:'BUSTXT',lang:'EN' }).then((res) => {
if (res.respCode == SUCCESS) {
this.codes.bustxt = res.data;
}
});
let rtnmsg = await this.init({})
if(rtnmsg.respCode == SUCCESS)
{
......
src/views/Business/Sptsel/index.vue
<template>
<div class="eContainer">
<el-form :model="model" :rules="rules" ref="modelForm" tokenKey="modelForm" label-width="170px" size="small" :validate-on-rule-change="false">
<c-tabs :value="tabVal" ref="elment" type="border-card" @tab-click="tabClick">
<c-tabs :value="tabVal" ref="elment" type="card" @tab-click="tabClick">
<el-tab-pane :value="tabVal" label="待办任务查询" name="menu">
<m-menu :model="model" :codes="codes" ref="Menu"/>
</el-tab-pane>
......
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