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 { ...@@ -98,5 +98,12 @@ export default {
this.$notify.error({title: '错误',message: '服务请求失败！'}); this.$notify.error({title: '错误',message: '服务请求失败！'});
} }
}, },
async handleSearch() {
},
async handleReset(){
}
} }
\ No newline at end of file
src/views/Business/Diasel/Diaselp.vue
<template> <template>
<div class="eibs-tab"> <div class="eibs-tab">
<c-col :span="24"> <c-list-search @form-reset="handleReset" @form-search="handleSearch">
<c-col :span="4"> <template>
<el-form-item label="from" prop="diafro" label-width="50px"> <el-form
<c-date-picker type="date" v-model="model.diafro" style="width:100%" placeholder="请选择Diary From date"></c-date-picker> class="m-table-search-form"
</el-form-item> ref="paramsForm"
</c-col> :inline="true"
label-position="left"
<c-col :span="4"> label-width="110px"
<el-form-item label="to" prop="diatil"> size="small"
<c-date-picker type="date" v-model="model.diatil" style="width:50%" placeholder="请选择Diary Till date"></c-date-picker> >
</el-form-item> <el-row>
</c-col> <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"> <c-col :span="12">
<el-form-item label="Reasons" prop="reasen"> <el-form-item
<c-select v-if="model.usfmod.flt == '<SELU>'"
v-model="model.reasen" label="Selected User"
style="width: 100%" prop="usfmod.usr.extkey"
placeholder="请选择Reasons" >
<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
> >
</el-form-item>
</c-select> <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> </c-col>
</el-row>
<c-col :span="8"> <c-col :span="24"> </c-col>
<el-form-item label="USFTXT" prop="usfmod.flt"> </el-form>
<c-select v-model="model.usfmod.flt" style="width:100%" placeholder="请选择Filter"> </template>
</c-select> </c-list-search>
</el-form-item>
</c-col> <el-row>
</c-col> <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"> <c-col :span="12">
<span v-text="model.usfmod.usftxt" data-path=".usfmod.usftxt" > </span> <span v-text="model.usfmod.usftxt" data-path=".usfmod.usftxt" > </span>
</c-col> </c-col>
...@@ -151,26 +304,54 @@ ...@@ -151,26 +304,54 @@
</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/Diasel/Event" import Event from "~/model/Diasel/Event";
export default { export default {
inject: ['root'], inject: ["root"],
props:["model","codes"], props: ["model", "codes"],
mixins: [CommonProcess], mixins: [CommonProcess],
data(){ data() {
return { 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}, getSelectedData() {
created:function(){ return this.multipleSelection.map((idx) => this.stmData.data[idx]);
},
} ...Event},
} created: function () {},
};
</script> </script>
<style> <style>
</style> </style>
src/views/Business/Diasel/index.vue
...@@ -34,7 +34,7 @@ export default { ...@@ -34,7 +34,7 @@ export default {
mixins: [CommonProcess], // 里面包含了Default、Check等的公共处理 mixins: [CommonProcess], // 里面包含了Default、Check等的公共处理
data(){ data(){
return { return {
tabVal: "", tabVal: "diaselp",
trnName: "diasel", trnName: "diasel",
model: new Diasel().data, model: new Diasel().data,
checkRules: Check, checkRules: Check,
...@@ -42,6 +42,9 @@ export default { ...@@ -42,6 +42,9 @@ export default {
pattern: Pattern, pattern: Pattern,
rules: null, rules: null,
codes: { codes: {
...CodeTable,
bustxt:[],
diatxt:[],
}, },
} }
}, },
...@@ -49,9 +52,21 @@ export default { ...@@ -49,9 +52,21 @@ export default {
tabClick(){ tabClick(){
} }
}, },
created:async function(){ created:async function(){
debugger;
console.log("进入diasel交易"); 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({}) let rtnmsg = await this.init({})
if(rtnmsg.respCode == SUCCESS) if(rtnmsg.respCode == SUCCESS)
{ {
......
src/views/Business/Sptsel/index.vue
<template> <template>
<div class="eContainer"> <div class="eContainer">
<el-form :model="model" :rules="rules" ref="modelForm" tokenKey="modelForm" label-width="170px" size="small" :validate-on-rule-change="false"> <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"> <el-tab-pane :value="tabVal" label="待办任务查询" name="menu">
<m-menu :model="model" :codes="codes" ref="Menu"/> <m-menu :model="model" :codes="codes" ref="Menu"/>
</el-tab-pane> </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