DZ/faw-report-library-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改监控流程页面【为改完】

Browse Source
This commit is contained in:
zhoulingpo
2023-04-19 18:01:03 +08:00
parent dcdea1cc22
commit 56714eaa95
11 changed files with 994 additions and 187 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/userCenter/processCenter/monitorProcesses.vue
+57 -28
View File
@@ -1,31 +1,37 @@
<template>
<div>
<el-table :data="tableData" style="width: 100%" border
:header-cell-style="{ background: '#DFE6EC', fontWeight: '700', color: '#1F2D3D' }">
<el-table-column prop="processId" label="流程编号" align="center">
</el-table-column>
<el-table-column prop="processName" label="流程名称" align="center">
</el-table-column>
<el-table-column prop="processPerson" label="发起人" align="center">
</el-table-column>
<el-table-column prop="now" label="当前处理人" align="center">
</el-table-column>
<el-table-column prop="last" label="上一处理人" align="center">
</el-table-column>
<el-table-column prop="createTime" label="创建时间" sortable align="center">
</el-table-column>
<el-table-column prop="endTime" label="完成时间" sortable align="center">
</el-table-column>
<el-table-column prop="status" label="状态" align="center">
</el-table-column>
<el-table-column label="操作" width="120" align="center">
<template slot-scope="scope">
<el-button @click.native.prevent="view(scope.$index, tableData)" type="text" size="small">
查看
</el-button>
</template>
</el-table-column>
</el-table>
<div class="table">
<vxe-table ref="xTable" :data="tableData" :empty-render="{name: 'NotData'}" align="center" border stripe v-table-min-height="'calc(100vh - 380px)'">
<vxe-column show-overflow show-header-overflow type="seq" title="序号" width="77">
<template #default="{ row, rowIndex }">
{{ rowIndex + (q.pageNo - 1) * q.pageSize + 1 }}
</template>
</vxe-column>
<vxe-column show-overflow show-header-overflow field="prcNum"
title="流程编号"></vxe-column>
<vxe-column show-overflow show-header-overflow field="prcName" title="流程名称"></vxe-column>
<vxe-column show-overflow show-header-overflow field="labelOneName"
title="发起人"></vxe-column>
<vxe-column show-overflow show-header-overflow field="name" title="当前处理人"></vxe-column>
<vxe-column show-overflow show-header-overflow field="labelOneName"
title="上一处理人"></vxe-column>
<vxe-column show-overflow show-header-overflow field="name" title="创建时间"></vxe-column>
<vxe-column show-overflow show-header-overflow field="labelOneName"
title="完成时间"></vxe-column>
<vxe-column show-overflow show-header-overflow field="name" title="状态"></vxe-column>
<vxe-column show-overflow show-header-overflow title="操作" width="200" fixed="right">
<template #default="{ row }">
<el-button @click.native.prevent="view(row, tableData)" type="text" size="small">
查看
</el-button>
</template>
</vxe-column>
</vxe-table>
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="q.pageNo"
:page-sizes="[5, 10, 20]" :page-size="q.pageSize" layout="total, sizes, prev, pager, next, jumper"
:total="total" />
</div>
</div>
</template>
<script>
@@ -33,6 +39,11 @@ export default {
name: 'monitorProcess',
data() {
return {
q:{
pageNo:1,
pageSize:10
},
total: 0,
tableData: [{
processId: '2016-05-1',
processName: '王小虎',
@@ -73,6 +84,17 @@ export default {
});
},
methods: {
// 单页数据量
handleSizeChange(val) {
this.q.pageSize = val;
this.q.pageNo = 1;
this.loadData();
},
// 第几页
handleCurrentChange(val) {
this.q.pageNo = val;
this.loadData();
},
view() {
this.$router.push({
path: 'monitorViews',
@@ -88,6 +110,13 @@ export default {
<style lang="scss" scoped>
::v-deep .el-table__fixed,.el-table__fixed-right ::before{
height: 0px !important;
}
</style>
.table {
margin: 0 14px 0 13px;
::v-deep .el-pagination {
margin-top: 13px;
padding-left: 20px;
padding-bottom: 10px;
}
}
</style>