From ae6d20ec4a30b7e796feb05958bcfc80e55f247b Mon Sep 17 00:00:00 2001 From: 田源 <lastanimals@163.com> Date: 星期四, 20 七月 2023 15:21:45 +0800 Subject: [PATCH] 整合代码部署 --- Source/UBCS-WEB/dist/src/views/flow/follow.vue | 203 ++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 203 insertions(+), 0 deletions(-) diff --git a/Source/UBCS-WEB/dist/src/views/flow/follow.vue b/Source/UBCS-WEB/dist/src/views/flow/follow.vue new file mode 100644 index 0000000..fbaa282 --- /dev/null +++ b/Source/UBCS-WEB/dist/src/views/flow/follow.vue @@ -0,0 +1,203 @@ +<template> + <basic-container> + <avue-crud :option="option" + :table-loading="loading" + :data="data" + ref="crud" + v-model="form" + :page.sync="page" + :permission="permissionList" + @row-del="rowDel" + @search-change="searchChange" + @search-reset="searchReset" + @selection-change="selectionChange" + @current-change="currentChange" + @size-change="sizeChange" + @refresh-change="refreshChange" + @on-load="onLoad"> + <template slot-scope="{row}" + slot="suspensionState"> + <el-tag>{{row.suspensionState===1?'婵�娲�':'鎸傝捣'}}</el-tag> + </template> + </avue-crud> + <el-dialog title="娴佺▼鍒犻櫎" + append-to-body + :visible.sync="followBox" + width="20%"> + <el-form :model="form" + ref="form" + label-width="80px"> + <el-form-item label="鍒犻櫎鐞嗙敱"> + <el-input v-model="deleteReason" + placeholder="璇疯緭鍏ュ垹闄ょ悊鐢�" /> + </el-form-item> + </el-form> + <span slot="footer" + class="dialog-footer"> + <el-button @click="followBox = false">鍏� 闂�</el-button> + <el-button type="primary" + @click="handleDelete">纭� 瀹�</el-button> + </span> + </el-dialog> + </basic-container> +</template> + +<script> + import {mapGetters} from "vuex"; + import {followList, deleteProcessInstance} from "@/api/flow/flow"; + + export default { + data() { + return { + form: {}, + selectionId: '', + processInstanceId: '', + selectionList: [], + query: {}, + loading: true, + page: { + pageSize: 10, + currentPage: 1, + total: 0 + }, + followBox: false, + deleteReason: '', + option: { + height: 'auto', + calcHeight: 30, + tip: false, + searchShow: true, + searchMenuSpan: 6, + border: true, + index: true, + selection: true, + editBtn: false, + addBtn: false, + viewBtn: false, + dialogWidth: 900, + menuWidth: 100, + dialogClickModal: false, + column: [ + { + label: "鎵цid", + prop: "executionId", + search: true, + width: 320, + }, + { + label: "娴佺▼key", + prop: "processDefinitionKey", + search: true, + }, + { + label: "瀹炰緥id", + prop: "processInstanceId", + search: true, + width: 320, + }, + { + label: "鐘舵��", + prop: "suspensionState", + slot: true, + width: 80, + }, + { + label: "鍙戣捣浜�", + prop: "startUser", + width: 100, + }, + { + label: '寮�濮嬫椂闂�', + prop: 'startTime', + width: 165, + }, + ] + }, + data: [] + }; + }, + computed: { + ...mapGetters(["permission"]), + permissionList() { + return { + delBtn: this.vaildData(this.permission.flow_follow_delete, false), + }; + }, + ids() { + let ids = []; + this.selectionList.forEach(ele => { + ids.push(ele.id); + }); + return ids.join(","); + } + }, + methods: { + rowDel(row) { + this.followBox = true; + this.selectionId = row.id; + this.processInstanceId = row.processInstanceId; + }, + handleDelete() { + this.$confirm("纭畾灏嗛�夋嫨鏁版嵁鍒犻櫎?", { + confirmButtonText: "纭畾", + cancelButtonText: "鍙栨秷", + type: "warning" + }) + .then(() => { + return deleteProcessInstance({deleteReason: this.deleteReason, processInstanceId: this.processInstanceId}); + }) + .then(() => { + this.onLoad(this.page); + this.followBox = false; + this.$message({ + type: "success", + message: "鎿嶄綔鎴愬姛!" + }); + }); + }, + searchReset() { + this.query = {}; + this.onLoad(this.page); + }, + searchChange(params, done) { + this.query = params; + this.page.currentPage = 1; + this.onLoad(this.page, params); + done(); + }, + selectionChange(list) { + this.selectionList = list; + }, + selectionClear() { + this.selectionList = []; + this.$refs.crud.toggleSelection(); + }, + currentChange(currentPage) { + this.page.currentPage = currentPage; + }, + sizeChange(pageSize) { + this.page.pageSize = pageSize; + }, + refreshChange() { + this.onLoad(this.page, this.query); + }, + onLoad(page, params = {}) { + this.loading = true; + followList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => { + const data = res.data.data; + this.page.total = data.total; + this.data = data.records; + this.loading = false; + this.selectionClear(); + }); + } + } + }; +</script> + +<style> + .none-border { + border: 0; + background-color: transparent !important; + } +</style> -- Gitblit v1.9.3