From 5bfa6203e47bde993d19e8e606d27a8c40d5a0f5 Mon Sep 17 00:00:00 2001
From: xiangpei <xiangpei@timesnew.cn>
Date: 星期二, 11 二月 2025 19:37:32 +0800
Subject: [PATCH] 流程列表改为分页
---
src/views/projectProcess/components/RunProcess.vue | 57 +++++++++++++++++++++++++---
src/api/projectProcess/processConfigInfo.js | 8 ++++
src/views/projectProcess/index.vue | 23 ++++++-----
3 files changed, 71 insertions(+), 17 deletions(-)
diff --git a/src/api/projectProcess/processConfigInfo.js b/src/api/projectProcess/processConfigInfo.js
index bc3749c..b36a4e3 100644
--- a/src/api/projectProcess/processConfigInfo.js
+++ b/src/api/projectProcess/processConfigInfo.js
@@ -18,6 +18,14 @@
})
}
+export const getProcessConfigInfoPage = (params) => {
+ return request({
+ url: "/process-config-info/page",
+ method: "GET",
+ params: params
+ })
+}
+
// 淇濆瓨娴佺▼绫诲瀷閰嶇疆淇℃伅琛�
export const saveProcessConfigInfo = (data) => {
return request({
diff --git a/src/views/projectProcess/components/RunProcess.vue b/src/views/projectProcess/components/RunProcess.vue
index 4331c69..0681311 100644
--- a/src/views/projectProcess/components/RunProcess.vue
+++ b/src/views/projectProcess/components/RunProcess.vue
@@ -3,7 +3,7 @@
<el-dialog
:title="`娴佺▼鍚姩锛歚 + projectInfo.projectName"
:visible.sync="show"
- width="950px"
+ width="1050px"
:destroy-on-close="true"
:close-on-click-modal="false"
:before-close="handleClose">
@@ -14,7 +14,17 @@
<div v-else>鏈粦瀹氭祦绋�</div>
</div>
</div>
- <div style="margin-top: 20px">
+ <div style="margin-top: 10px">
+ <el-form :inline="true" :model="queryParams" size="small">
+ <el-form-item label="娴佺▼鍚嶇О">
+ <el-input placeholder="娴佺▼鍚嶇О鎼滅储" clearable @clear="search" v-model="queryParams.name"></el-input>
+ </el-form-item>
+ <el-form-item>
+ <el-button type="primary" @click="search">鎼滅储</el-button>
+ </el-form-item>
+ </el-form>
+ </div>
+ <div style="margin-top: 0px">
<el-table
ref="myTable"
:data="processList"
@@ -27,6 +37,8 @@
</el-table-column>
<el-table-column
prop="name"
+ :show-overflow-tooltip="true"
+ min-width="200"
label="娴佺▼鍚嶇О"
>
</el-table-column>
@@ -77,6 +89,14 @@
</template>
</el-table-column>
</el-table>
+ <pagination
+ v-show="total>0"
+ :total="total"
+ :page.sync="queryParams.currentPage"
+ :limit.sync="queryParams.pageSize"
+ page-sizes="8"
+ @pagination="getList"
+ />
</div>
<span slot="footer" class="dialog-footer">
<el-button type="danger" @click="startProcess" :disabled="(nowProcessInsId !== '') || (selectProcessDefId === '')">鍚姩娴佺▼</el-button>
@@ -88,6 +108,7 @@
<script>
import {projectSetProcess, startProcess} from "@/api/projectProcess/projectProcess";
+import {getProcessConfigInfoPage} from "@/api/projectProcess/processConfigInfo";
export default {
dicts: ['sys_project_type', 'sys_funding_type', 'sys_investment_type', 'sys_key_categories'],
@@ -101,10 +122,10 @@
required: true, // 椤圭洰id銆佸悕绉�
type: Object
},
- processList: { // 娴佺▼鍒楄〃
- required: true,
- type: Array
- },
+ // processList: { // 娴佺▼鍒楄〃
+ // required: true,
+ // type: Array
+ // },
nowProcessDefId: { // 褰撳墠椤圭洰缁戝畾鐨勫畾涔塱d
required: true,
type: String
@@ -122,18 +143,42 @@
this.setSelect(this.nowProcessDefId)
},
deep: true
+ },
+ processList: {
+ handler(newVal, oldVal) {
+ this.setSelect(this.nowProcessDefId)
+ },
+ deep: true
}
},
data() {
return {
+ processList: [],
+ total:0,
+ queryParams: {
+ pageSize: 8,
+ currentPage: 1,
+ name: ""
+ },
selectProcessDefId: '', // 缁勪欢鍐呴儴閫変腑鐨勬祦绋媔d
selectProcessName: '', // 缁勪欢鍐呴儴閫変腑鐨勬祦绋媔d
}
},
created() {
+ this.getList()
console.log(this.nowProcessInsId, typeof this.nowProcessInsId, "wwwww")
},
methods: {
+ search() {
+ this.queryParams.currentPage = 1
+ this.getList()
+ },
+ getList() {
+ getProcessConfigInfoPage(this.queryParams).then(res => {
+ this.processList = res.data;
+ this.total = res.total
+ });
+ },
setSelect(value) {
console.log("璋冪敤鍊硷細", value)
this.processList.forEach((item,index) => {
diff --git a/src/views/projectProcess/index.vue b/src/views/projectProcess/index.vue
index b16baeb..5a24dde 100644
--- a/src/views/projectProcess/index.vue
+++ b/src/views/projectProcess/index.vue
@@ -417,18 +417,19 @@
},
// 鎵撳紑娴佺▼椤甸潰
openOpProcess(row) {
- // 鎷垮埌娴佺▼鍒楄〃 TODO 鏍规嵁椤圭洰绫诲瀷鍋氱瓫閫�
- getProcessConfigInfoList().then(response => {
- this.processList = response.data;
- this.nowProcessDefId = row.processDefId ? row.processDefId : '';
- this.nowProcessInsId = row.processInsId ? row.processInsId : '';
- // // 闃叉锛歩d娌″彉涓嶈Е鍙戠洃鍚�
- // this.$refs.runProcess.setSelect(row.flowableProcessId);
- this.projectRunFrom.projectId = row.id;
- this.projectRunFrom.projectName = row.projectName;
+ this.nowProcessDefId = row.processDefId ? row.processDefId : '';
+ this.nowProcessInsId = row.processInsId ? row.processInsId : '';
+ // // 闃叉锛歩d娌″彉涓嶈Е鍙戠洃鍚�
+ // this.$refs.runProcess.setSelect(row.flowableProcessId);
+ this.projectRunFrom.projectId = row.id;
+ this.projectRunFrom.projectName = row.projectName;
- this.showRunProcess = true;
- });
+ this.showRunProcess = true;
+ // 鎷垮埌娴佺▼鍒楄〃 TODO 鏍规嵁椤圭洰绫诲瀷鍋氱瓫閫�
+ // getProcessConfigInfoList().then(response => {
+ // this.processList = response.data;
+ //
+ // });
},
// 閲嶇疆鎺掑簭鐨勬柟娉�
handleResetSort() {
--
Gitblit v1.8.0