Skip to content

V
vue-gjjs
Commit f8c696de by lsk
Options

sptrel页面排版

parent f82fc153
Showing with 210 additions and 111 deletions
src/config/CodeTable/index.js
......@@ -2979,6 +2979,7 @@ const CodeTable = {
{label:"All Users",value:"<ALL>" },
// {label:"Own Entries",value:"<OWNU>" },
{label:"Selected User",value:"<SELU>" },
{label:"Selected Branch",value:"<SELB>" },
// {label:"Selected Branch",value:"<SEBH>" },
// {label:"Own User Group",value:"<OWNG>" },
],
......
src/views/Business/Sptrel/Menu.vue
<template>
<div class="eibs-tab">
<c-col :span="12">
<!-- <c-col :span="12">
<span v-text="model.usfmod.usftxt" data-path=".usfmod.usftxt" > </span>
</c-col>
<c-col :span="12">
<el-form-item label="Filter" prop="usfmod.flt">
<c-select v-model="model.usfmod.flt" style="width:100%" placeholder="请选择Filter">
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<c-button size="small" type="primary" @click="onUsfmodShwflt">
Sho&w Set
</c-button>
</c-col>
<c-col :span="12">
<el-form-item label="Reference" prop="selobj">
<c-input v-model="model.selobj" maxlength="32" placeholder="请输入Reference"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
</c-col> -->
<c-col :span="9">
<el-form-item label="Seclect of Users" prop="usfmod.flt">
<c-select
v-model="model.usfmod.flt"
style="width: 95%"
placeholder="请选择Filter"
>
<el-option
v-for="item in codes.flt"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="2">
<c-button size="small" type="primary" @click="onUsfmodShwflt" disabled>
Show Set
</c-button>
</c-col>
<c-col :span="11" :offset="1">
<el-form-item label="Reference" prop="selobj">
<c-input
v-model="model.selobj"
maxlength="32"
placeholder="请输入Reference"
></c-input>
</el-form-item>
</c-col>
<!-- <c-col :span="12">
<span v-text="model.usfmod.labtxt" data-path=".usfmod.labtxt" > </span>
</c-col>
<c-col :span="12">
</c-col> -->
<c-col :span="11" v-if="model.usfmod.flt === '<SELB>'">
<el-form-item label="Selected User" prop="usfmod.selusg">
<c-select
v-model="model.usfmod.selusg"
style="width: 50%"
placeholder="请选择"
>
<el-option
v-for="item in codes.selusg"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</c-select>
</el-form-item>
</c-col>
<!-- <c-col :span="12">
<el-form-item label="Selected User Group Set" prop="usfmod.selusgset">
<c-select v-model="model.usfmod.selusgset" style="width:100%" placeholder="请选择Selected User Group Set">
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="User ID" prop="usfmod.usr.extkey">
<c-input v-model="model.usfmod.usr.extkey" maxlength="8" placeholder="请输入User ID"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Selected User Group" prop="usfmod.selusg">
<c-select v-model="model.usfmod.selusg" style="width:100%" placeholder="请选择Selected User Group">
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
</c-col> -->
<!-- <c-col :span="12">
<el-form-item label="Select user 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> -->
<c-col :span="11" v-if="model.usfmod.flt === '<SELU>'">
<c-col :span="16">
<el-form-item label="Selected User" prop="usfmod.usr.extkey">
<c-input
v-model="model.usfmod.usr.extkey"
maxlength="8"
style="width: 90%"
placeholder="请输入User ID"
></c-input>
</el-form-item>
</c-col>
<c-col :span="6">
<c-button size="small" type="primary"> i </c-button>
</c-col>
</c-col>
<c-col
:span="11"
v-if="model.usfmod.flt != '<SELU>' && model.usfmod.flt != '<SELB>'"
>
<el-form-item label=""> </el-form-item>
</c-col>
<c-col :span="11" :offset="1">
<el-form-item label="Name" prop="seltxt">
<c-input
v-model="model.seltxt"
maxlength="32"
placeholder="请输入Name"
></c-input>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="Entered by" prop="usr.extkey">
<c-input
v-model="model.usr.extkey"
maxlength="8"
style="width: 90%"
placeholder="请输入"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="3">
<c-button size="small" type="primary"> i </c-button>
</c-col>
<c-col :span="8" :offset="1">
<el-form-item label="Transaction Type " prop="atp.cod">
<c-input
v-model="model.atp.cod"
maxlength="6"
style="width: 90%"
placeholder="请输入Transaction Type "
></c-input>
</el-form-item>
</c-col>
<c-col :span="3">
<c-button size="small" type="primary"> i </c-button>
</c-col>
<c-col :span="6">
<el-form-item label="Between" prop="inidatfro">
<c-date-picker
type="date"
v-model="model.inidatfro"
style="width: 100%"
placeholder="请选择Date of entry of Transaction"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="4">
<el-form-item label="and" prop="inidattil" label-width="50px">
<c-date-picker
type="date"
v-model="model.inidattil"
style="width: 100%"
placeholder="请选择Date of entry of Transaction until"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="11" :offset="2">
<el-form-item label="Transaction Text" prop="atptxt">
<c-input
v-model="model.atptxt"
maxlength="37"
placeholder="请输入Transaction Text"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Status" prop="sta">
<c-select
v-model="model.sta"
style="width: 20%"
placeholder="请选择Status"
>
<el-option
v-for="item in codes.sta"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</c-select>
</el-form-item>
</c-col>
<!--
<c-col :span="12">
<el-form-item label="" prop="usfmod.usrget.sdamod.seainf">
<c-input v-model="model.usfmod.usrget.sdamod.seainf" placeholder="请输入"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Name" prop="seltxt">
<c-input v-model="model.seltxt" maxlength="32" placeholder="请输入Name"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Drag Drop Sender" prop="atpget.sdamod.dadsnd">
<c-input v-model="model.atpget.sdamod.dadsnd" placeholder="请输入Drag Drop Sender"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="User ID" prop="usr.extkey">
<c-input v-model="model.usr.extkey" maxlength="8" placeholder="请输入User ID"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="" prop="usrget.sdamod.seainf">
<c-input v-model="model.usrget.sdamod.seainf" placeholder="请输入"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Transaction Type " prop="atp.cod">
<c-input v-model="model.atp.cod" maxlength="6" placeholder="请输入Transaction Type "></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="" prop="atpget.sdamod.seainf">
<c-input v-model="model.atpget.sdamod.seainf" placeholder="请输入"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Date of entry of Transaction" prop="inidatfro">
<c-date-picker type="date" v-model="model.inidatfro" style="width:100%" placeholder="请选择Date of entry of Transaction"></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Date of entry of Transaction until" prop="inidattil">
<c-date-picker type="date" v-model="model.inidattil" style="width:100%" placeholder="请选择Date of entry of Transaction until"></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Transaction Text" prop="atptxt">
<c-input v-model="model.atptxt" maxlength="37" placeholder="请输入Transaction Text"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Status" prop="sta">
<c-select v-model="model.sta" style="width:100%" placeholder="请选择Status">
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="List of SPT records" prop="sptstm">
<c-input v-model="model.sptstm" placeholder="请输入List of SPT records"></c-input>
......@@ -132,30 +223,38 @@
<c-button size="small" type="primary" @click="onTrndsp">
>>
</c-button>
</c-col>
</c-col> -->
<c-col :span="22" :offset="1">
<c-table :border="true" :list="data" style="width:80%,text-align:center">
<el-table-column label="TRN" width="auto"></el-table-column>
<el-table-column label="Name" width="auto"></el-table-column>
<el-table-column label="Created" width="auto"></el-table-column>
<el-table-column label="Status" width="auto"></el-table-column>
<el-table-column label="By User" width="auto"></el-table-column>
<el-table-column label="Referance" width="auto"></el-table-column>
</c-table>
</c-col>
</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/Sptrel/Event"
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Sptrel/Event";
export default {
inject: ['root'],
props:["model","codes"],
mixins: [CommonProcess],
data(){
return {
}
},
methods:{...Event},
created:function(){
}
}
inject: ["root"],
props: ["model", "codes"],
mixins: [CommonProcess],
data() {
return {
data: [],
};
},
methods: { ...Event },
created: function () {},
};
</script>
<style>
</style>
src/views/Business/Sptrel/index.vue
......@@ -4,7 +4,7 @@
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="tabClick">
<!--PD000042 -->
<el-tab-pane label="PD000042" name="menu">
<el-tab-pane label="Menu" name="menu">
<m-menu :model="model" :codes="codes"/>
</el-tab-pane>
</c-tabs>
......@@ -41,8 +41,7 @@ export default {
defaultRules: Default,
pattern: Pattern,
rules: null,
codes: {
},
codes:{...CodeTable},
}
},
methods:{
......
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