Skip to content

V
vue-gjjs
Commit e80f283b by wangguangchao
Options

草稿箱前端页面优化

parent 54c77c61
Showing with 173 additions and 89 deletions
src/views/Business/Sptsel/Menu.vue
......@@ -277,12 +277,12 @@
<c-col :span="24">
<c-istream-table :list="stmData.data" :columns="stmData.columns">
<el-table-column fixed="right" prop="op" label="OP" width="140px">
<template>
<template slot-scope="scope">
<c-button
style="margin-left: 0"
size="small"
type="primary"
@click="onTake"
@click="continueEdit(scope.row)"
>
处理
</c-button>
......@@ -352,17 +352,7 @@ export default {
data() {
return {
//sourceModel: [],
sourceData: [
{ label: "Incoming", value: "chkinc" },
{ label: "E-Trade", value: "chkdzt" },
// { label: "Break", value: "chkpen" },
{ label: "Correction", value: "chkcor" },
{ label: "Automatic", value: "chkaut" },
{ label: "Reject", value: "chkdel" },
{ label: "网银", value: "chktco" },
{ label: "归档", value: "chkcan" },
{ label: "云平台", value: "chkypt" },
],
sourceData: [],
initdialog: false,
transactionStatus: {
busiNo: "",
......@@ -400,7 +390,26 @@ export default {
},
};
},
mounted() {
alert(this.root.tag);
if(this.root.tag == 'tohandle'){
this.sourceData = [
{ label: "Incoming", value: "chkinc" },
{ label: "E-Trade", value: "chkdzt" },
// { label: "Break", value: "chkpen" },
{ label: "Correction", value: "chkcor" },
{ label: "Automatic", value: "chkaut" },
{ label: "Reject", value: "chkdel" },
{ label: "网银", value: "chktco" },
{ label: "归档", value: "chkcan" },
{ label: "云平台", value: "chkypt" },
]
}else if(this.root.tag == 'draft'){
this.sourceData = [{ label: "Break", value: "chkpen" }]
}
},
computed: {
chkinc: {
get() {
return this.model.chkinc === "t";
......
src/views/Business/Sptsel/index.vue
......@@ -31,6 +31,7 @@ export default {
root: this
}
},
props: ["tag"],
mixins: [CommonProcess], // 里面包含了Default、Check等的公共处理
computed: {
......
src/views/Business/Trnrel/Inftrnps.vue
......@@ -373,7 +373,7 @@
:list="stmData.data"
:columns="stmData.columns"
>
<el-table-column fixed="right" prop="display" label="操作" width="220px">
<el-table-column fixed="right" prop="display" label="操作" width="300px">
<template >
<!-- <a :href="`/#/display/${scope.row['10'].toLowerCase()}?trn=${scope.row['1']}`" target="_blank" >显示快照</a>-->
<!-- <a href="javascript:void(0)" @click="display(scope.$index, scope.row)"
......@@ -383,6 +383,7 @@
style="margin-left: 0"
size="small"
type="primary"
v-if="this.root.tag === 'tocheck'"
>
复核
</c-button>
......@@ -390,6 +391,7 @@
style="margin-left: 0"
size="small"
type="primary"
v-if="this.root.tag === 'tocheck'"
>
退回修改
</c-button>
......@@ -397,9 +399,34 @@
style="margin-left: 0"
size="small"
type="primary"
v-if="this.root.tag === 'tocheck'"
>
详情
</c-button>
<c-button
style="margin-left: 0"
size="small"
type="primary"
v-if="this.root.tag === 'finish'"
>
信息显示
</c-button>
<c-button
style="margin-left: 0"
size="small"
type="primary"
v-if="this.root.tag === 'finish'"
>
交易快照
</c-button>
<c-button
style="margin-left: 0"
size="small"
type="primary"
v-if="this.root.tag === 'finish'"
>
冲正
</c-button>
</template>
</el-table-column>
</c-istream-table>
......@@ -521,6 +548,10 @@ export default {
...Event,
},
created: function () {},
mounted() {
alert(this.root.tag + "111");
console.log(this.root.tag);
},
computed: {},
};
</script>
......
src/views/Business/Trnrel/index.vue
<template>
<div class="eContainer">
<el-form :model="model" :rules="rules" ref="modelForm" tokenKey="modelForm" :validate-on-rule-change="false" label-width="150px" size="small" >
<!-- <el-tabs ref="elment" type="card" @tab-click="tabClick">
<div class="eContainer">
<el-form
:model="model"
:rules="rules"
ref="modelForm"
tokenKey="modelForm"
:validate-on-rule-change="false"
label-width="150px"
size="small"
>
<!-- <el-tabs ref="elment" type="card" @tab-click="tabClick">
<el-tab-pane label="复核夹查询"> -->
<c-content>
<m-inftrnps :model="model" :codes="codes" ref="inftrnps" />
</c-content>
<!-- </el-tab-pane>
<c-content>
<m-inftrnps :model="model" :codes="codes" ref="inftrnps" />
</c-content>
<!-- </el-tab-pane>
</el-tabs> -->
</el-form>
</div>
</el-form>
</div>
</template>
<script>
import Api from "~/service/Api"
import CodeTable from "~/config/CodeTable"
import Trnrel from "~/Model/Trnrel"
import CommonProcess from "~/mixin/CommonProcess"
import Pattern from "~/Model/Trnrel/Pattern"
import Api from "~/service/Api";
import CodeTable from "~/config/CodeTable";
import Trnrel from "~/Model/Trnrel";
import CommonProcess from "~/mixin/CommonProcess";
import Pattern from "~/Model/Trnrel/Pattern";
import Default from "~/model/Trnrel/Default";
import Check from "~/model/Trnrel/Check";
import Inftrnps from "./Inftrnps"
import Trnp0 from "./Trnp0"
import Trnpwfm from "./Trnpwfm"
import Trnpevt from "./Trnpevt"
import Trnpack from "./Trnpack"
import Trnptro from "./Trnptro"
import Prtgle from "./Prtgle"
import Prtpan from "./Prtpan"
import Prtswtp from "./Prtswtp"
import Xmldoc from "./Xmldoc"
import Prtswtrp from "./Prtswtrp"
import Prtp from "./Prtp"
import Utils from "~/utils/index"
import Inftrnps from "./Inftrnps";
import Trnp0 from "./Trnp0";
import Trnpwfm from "./Trnpwfm";
import Trnpevt from "./Trnpevt";
import Trnpack from "./Trnpack";
import Trnptro from "./Trnptro";
import Prtgle from "./Prtgle";
import Prtpan from "./Prtpan";
import Prtswtp from "./Prtswtp";
import Xmldoc from "./Xmldoc";
import Prtswtrp from "./Prtswtrp";
import Prtp from "./Prtp";
import Utils from "~/utils/index";
// import * as poinMessage from '@/util/poin-common/messageManage.js'
import { TabPane,Col,Table,Form,FormItem,Upload,TableColumn,Card,Input,Button,Dialog,Select,Tabs,Option,DatePicker,Row} from 'element-ui'
import {
TabPane,
Col,
Table,
Form,
FormItem,
Upload,
TableColumn,
Card,
Input,
Button,
Dialog,
Select,
Tabs,
Option,
DatePicker,
Row,
} from "element-ui";
import Event from "~/model/Trnrel/Event";
export default {
name: 'Trnrel',
components:{
"m-inftrnps" : Inftrnps,
},
mixins: [CommonProcess], // 里面包含了Default、Check等的公共处理
computed: {
},
provide() {
return {
root: this
}
},
data(){
return {
trnName:"trnrel",
model: new Trnrel().data,
checkRules: Check,
defaultRules: Default,
pattern: Pattern,
rules: null,
codes: {
relflg:CodeTable.relflg,
dflg:CodeTable.dflg,
bchtyp:CodeTable.bchtyp,
usrsort:CodeTable.usrsort,
},
}
},
methods:{
},
mounted:async function(){
console.log("进入trnrel交易");
const that = this;
that.init(that.model).then(res => {
//TODO 处理数据逻辑
that.model = Utils.copyValueFromVO(that.model, res.data)
// that.$refs.inftrnps.stmData.columns=res.data.trncorco_trnstm.rows
})
name: "Trnrel",
components: {
"m-inftrnps": Inftrnps,
},
mixins: [CommonProcess], // 里面包含了Default、Check等的公共处理
computed: {},
provide() {
return {
root: this,
};
},
props: ["tag"],
data() {
return {
trnName: "trnrel",
model: new Trnrel().data,
checkRules: Check,
defaultRules: Default,
pattern: Pattern,
rules: null,
codes: {
relflg: [
{ label: "Correct", value: "C" },
{ label: "Entered", value: "E" },
{ label: "External", value: "X" },
{ label: "Picked up", value: "P" },
{ label: "Rejected", value: "N" },
{ label: "Waiting", value: "W" },
],
dflg: CodeTable.dflg,
bchtyp: CodeTable.bchtyp,
usrsort: CodeTable.usrsort,
},
};
},
methods: {},
mounted: async function () {
if (this.tag == "tocheck") {
this.codes.relflg = [
{ label: "Correct", value: "C" },
{ label: "Entered", value: "E" },
{ label: "External", value: "X" },
{ label: "Picked up", value: "P" },
{ label: "Rejected", value: "N" },
{ label: "Waiting", value: "W" },
];
} else if (this.tag == "finish") {
this.codes.relflg = [
{ label: "Closed", value: "M" },
{ label: "Final", value: "F" },
{ label: "Released", value: "R" },
];
}
}
console.log("进入trnrel交易");
const that = this;
that.init(that.model).then((res) => {
//TODO 处理数据逻辑
that.model = Utils.copyValueFromVO(that.model, res.data);
// that.$refs.inftrnps.stmData.columns=res.data.trncorco_trnstm.rows
});
},
};
</script>
<style>
</style>
src/views/TaskList/index.vue
......@@ -3,19 +3,19 @@
<c-tabs :value="tabVal" type="card" @tab-click="tabClick">
<el-tab-pane label="待经办列表" name="sptsel">
<!-- <c-table :columnsConfig="tableColumns" :list="tableData"></c-table> -->
<t-sptsel />
<t-sptsel tag="tohandle"/>
</el-tab-pane>
<el-tab-pane label="待复核列表" name="trnrel">
<t-trnrel />
<t-trnrel tag="tocheck" />
</el-tab-pane>
<el-tab-pane label="已完成列表" name="finishedList">
<t-trnrel />
<t-trnrel tag="finish" />
</el-tab-pane>
<el-tab-pane label="待申报列表" name="bopsel">
<t-bopsel />
</el-tab-pane>
<el-tab-pane label="草稿箱" name="draftBox">
<t-sptsel />
<t-sptsel tag="draft"/>
</el-tab-pane>
<el-tab-pane label="到期提示" name="expirePrompt">
<t-diasel/>
......
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