Skip to content

V
vue-gjjs
Commit f8c696de by liushikai
Options

sptrel页面排版

parent f82fc153
Showing with 210 additions and 111 deletions
src/config/CodeTable/index.js
...@@ -2979,6 +2979,7 @@ const CodeTable = { ...@@ -2979,6 +2979,7 @@ const CodeTable = {
{label:"All Users",value:"<ALL>" }, {label:"All Users",value:"<ALL>" },
// {label:"Own Entries",value:"<OWNU>" }, // {label:"Own Entries",value:"<OWNU>" },
{label:"Selected User",value:"<SELU>" }, {label:"Selected User",value:"<SELU>" },
{label:"Selected Branch",value:"<SELB>" },
// {label:"Selected Branch",value:"<SEBH>" }, // {label:"Selected Branch",value:"<SEBH>" },
// {label:"Own User Group",value:"<OWNG>" }, // {label:"Own User Group",value:"<OWNG>" },
], ],
......
src/views/Business/Sptrel/Menu.vue
<template> <template>
<div class="eibs-tab"> <div class="eibs-tab">
<!-- <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> -->
<c-col :span="12"> <c-col :span="9">
<el-form-item label="Filter" prop="usfmod.flt"> <el-form-item label="Seclect of Users" prop="usfmod.flt">
<c-select v-model="model.usfmod.flt" style="width:100%" placeholder="请选择Filter"> <c-select
</c-select> v-model="model.usfmod.flt"
</el-form-item> style="width: 95%"
</c-col> placeholder="请选择Filter"
>
<c-col :span="12"> <el-option
<c-button size="small" type="primary" @click="onUsfmodShwflt"> v-for="item in codes.flt"
Sho&w Set :key="item.value"
</c-button> :label="item.label"
</c-col> :value="item.value"
></el-option>
<c-col :span="12"> </c-select>
<el-form-item label="Reference" prop="selobj"> </el-form-item>
<c-input v-model="model.selobj" maxlength="32" placeholder="请输入Reference"></c-input> </c-col>
</el-form-item>
</c-col> <c-col :span="2">
<c-button size="small" type="primary" @click="onUsfmodShwflt" disabled>
<c-col :span="12"> 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> <span v-text="model.usfmod.labtxt" data-path=".usfmod.labtxt" > </span>
</c-col> </c-col> -->
<c-col :span="12"> <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"> <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 v-model="model.usfmod.selusgset" style="width:100%" placeholder="请选择Selected User Group Set">
</c-select> </c-select>
</el-form-item> </el-form-item>
</c-col> </c-col> -->
<!-- <c-col :span="12">
<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">
<el-form-item label="Select user branch" prop="usfmod.selusb"> <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 v-model="model.usfmod.selusb" style="width:100%" placeholder="请选择Select user branch">
</c-select> </c-select>
</el-form-item> </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"> <c-col :span="12">
<el-form-item label="" prop="usfmod.usrget.sdamod.seainf"> <el-form-item label="" prop="usfmod.usrget.sdamod.seainf">
<c-input v-model="model.usfmod.usrget.sdamod.seainf" placeholder="请输入"></c-input> <c-input v-model="model.usfmod.usrget.sdamod.seainf" placeholder="请输入"></c-input>
</el-form-item> </el-form-item>
</c-col> </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"> <c-col :span="12">
<el-form-item label="Drag Drop Sender" prop="atpget.sdamod.dadsnd"> <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> <c-input v-model="model.atpget.sdamod.dadsnd" placeholder="请输入Drag Drop Sender"></c-input>
</el-form-item> </el-form-item>
</c-col> </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"> <c-col :span="12">
<el-form-item label="" prop="usrget.sdamod.seainf"> <el-form-item label="" prop="usrget.sdamod.seainf">
<c-input v-model="model.usrget.sdamod.seainf" placeholder="请输入"></c-input> <c-input v-model="model.usrget.sdamod.seainf" placeholder="请输入"></c-input>
</el-form-item> </el-form-item>
</c-col> </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"> <c-col :span="12">
<el-form-item label="" prop="atpget.sdamod.seainf"> <el-form-item label="" prop="atpget.sdamod.seainf">
<c-input v-model="model.atpget.sdamod.seainf" placeholder="请输入"></c-input> <c-input v-model="model.atpget.sdamod.seainf" placeholder="请输入"></c-input>
</el-form-item> </el-form-item>
</c-col> </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"> <c-col :span="12">
<el-form-item label="List of SPT records" prop="sptstm"> <el-form-item label="List of SPT records" prop="sptstm">
<c-input v-model="model.sptstm" placeholder="请输入List of SPT records"></c-input> <c-input v-model="model.sptstm" placeholder="请输入List of SPT records"></c-input>
...@@ -132,30 +223,38 @@ ...@@ -132,30 +223,38 @@
<c-button size="small" type="primary" @click="onTrndsp"> <c-button size="small" type="primary" @click="onTrndsp">
>> >>
</c-button> </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> </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/Sptrel/Event" import Event from "~/model/Sptrel/Event";
export default { export default {
inject: ['root'], inject: ["root"],
props:["model","codes"], props: ["model", "codes"],
mixins: [CommonProcess], mixins: [CommonProcess],
data(){ data() {
return { return {
data: [],
} };
}, },
methods:{...Event}, methods: { ...Event },
created:function(){ created: function () {},
};
}
}
</script> </script>
<style> <style>
</style> </style>
src/views/Business/Sptrel/index.vue
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="tabClick"> <c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="tabClick">
<!--PD000042 --> <!--PD000042 -->
<el-tab-pane label="PD000042" name="menu"> <el-tab-pane label="Menu" name="menu">
<m-menu :model="model" :codes="codes"/> <m-menu :model="model" :codes="codes"/>
</el-tab-pane> </el-tab-pane>
</c-tabs> </c-tabs>
...@@ -41,8 +41,7 @@ export default { ...@@ -41,8 +41,7 @@ export default {
defaultRules: Default, defaultRules: Default,
pattern: Pattern, pattern: Pattern,
rules: null, rules: null,
codes: { codes:{...CodeTable},
},
} }
}, },
methods:{ 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