From 3c4babccb9de2107a0ca4d6a3e9582e672a23edc Mon Sep 17 00:00:00 2001
From: wangting <wangting@vci-tech.com>
Date: 星期三, 15 一月 2025 11:52:59 +0800
Subject: [PATCH] 流程模板定义页面
---
Source/plt-web/plt-web-ui/src/views/processTemplate/customDefine/index.vue | 261 +++++++++++++++++++++++++++++++++++++++++++++++++--
1 files changed, 249 insertions(+), 12 deletions(-)
diff --git a/Source/plt-web/plt-web-ui/src/views/processTemplate/customDefine/index.vue b/Source/plt-web/plt-web-ui/src/views/processTemplate/customDefine/index.vue
index 64bcfc6..c0ed872 100644
--- a/Source/plt-web/plt-web-ui/src/views/processTemplate/customDefine/index.vue
+++ b/Source/plt-web/plt-web-ui/src/views/processTemplate/customDefine/index.vue
@@ -1,31 +1,118 @@
<template>
<!--娴佺▼妯℃澘瀹氫箟-->
- <basic-container>
- <div>
+ <basic-container style="height: calc(100vh - 123px)">
+ <div style="margin-bottom: 5px;">
娴佺▼鍒嗙被锛�
<el-select v-model="tempType" :clearable="true" placeholder="璇烽�夋嫨" size="small"
style="width: 300px;margin-right: 20px;"
@change="tempTypeChange">
<el-option
v-for="item in tempTypeData"
- :key="item.oid"
- :label="item.text"
- :value="item.attributes.name">
+ :key="item.id"
+ :label="item.name"
+ :value="item.id">
</el-option>
</el-select>
娴佺▼妯℃澘鍚嶇О锛�
<el-input size="small" v-model="tempName" style="width: 300px;margin-right: 10px;"></el-input>
<el-button icon="el-icon-search" plain size="small" style="margin-right: 40px;" type="primary"
- @click="searchValue">
+ @click="searchData">
鏌ヨ
</el-button>
</div>
+ <el-container style="height: calc(100% - 100px)">
+ <el-aside style="width: 40%;min-width: 500px;margin-right: 5px;">
+ <avue-crud
+ ref="crud"
+ :data="tableData"
+ :option="option"
+ :table-loading="tableLoading"
+ @on-load="getTableList"
+ @refresh-change="getTableList"
+ @selection-change="selectionChange"
+ @row-click="rowClickHandler"
+ >
+ <template slot="menuLeft" slot-scope="scope">
+ <el-button v-if="permissionList.addBtn" class="button-custom-icon" plain size="small" type="primary"
+ @click="handlerAdd">
+ <icon-show :name="permissionList.addBtn.source"></icon-show>
+ 澧炲姞
+ </el-button>
+ <el-button v-if="permissionList.downloadImportTemplateBtn" class="button-custom-icon" plain size="small"
+ type="primary" @click="downloadTemplateHandler">
+ <icon-show :name="permissionList.downloadImportTemplateBtn.source"></icon-show>
+ 涓嬭浇瀵煎叆妯℃澘
+ </el-button>
+ <el-button v-if="permissionList.importBtn" class="button-custom-icon" plain size="small" type="primary"
+ @click="uploadHandler">
+ <icon-show :name="permissionList.importBtn.source"></icon-show>
+ 瀵煎叆
+ </el-button>
+ <el-button v-if="permissionList.exportBtn" class="button-custom-icon" plain size="small" type="primary"
+ @click="downloadHandler">
+ <icon-show :name="permissionList.exportBtn.source"></icon-show>
+ 瀵煎嚭
+ </el-button>
+ </template>
+
+ <template slot="menu" slot-scope="scope">
+ <el-button v-if="permissionList.editBtn" size="small" type="text"
+ @click="handleEdit(scope.row)">
+ <icon-show :name="permissionList.editBtn.source"></icon-show>
+ 缂栬緫
+ </el-button>
+ <el-button v-if="permissionList.delBtn" size="small" type="text"
+ @click="handleDel(scope.row)">
+ <icon-show :name="permissionList.delBtn.source"></icon-show>
+ 鍒犻櫎
+ </el-button>
+ <el-button size="small" type="text" @click.stop="stopHandler(scope.row)">
+ <span v-if="scope.row.status === 0 && permissionList.stopBtn" style="color: #fa3434;display: flex">
+ <icon-show :name="permissionList.stopBtn.source"></icon-show>
+ 鍋滅敤
+ </span>
+ <span v-if="scope.row.status === 1 && permissionList.actionBtn" style="color: #55b61d;display: flex">
+ <icon-show :name="permissionList.actionBtn.source"></icon-show>
+ 鍚敤
+ </span>
+ </el-button>
+ </template>
+
+ </avue-crud>
+ <!-- 鍒涘缓缂栬緫鑷畾涔夊璇濇 -->
+ <el-dialog
+ v-dialogDrag
+ v-loading="dialogLoading"
+ :title="dialogType === 'add' ? ' 鍒涘缓' : '缂栬緫'"
+ :visible.sync="dialogVisible"
+ append-to-body="true"
+ class="avue-dialog"
+ width="1000px"
+ @close="dialogClose"
+ >
+ <span slot="footer" class="dialog-footer">
+ <el-button size="small" type="primary" @click="saveHandler">纭� 瀹�</el-button>
+ <el-button size="small" @click="dialogClose">鍙� 娑�</el-button>
+ </span>
+ </el-dialog>
+ <!-- 瀵煎叆 -->
+ <upload-file ref="upload" :fileType="upFileType" :fileUrl="fileUrl" :tipList="tipList" title="瀵煎叆娴佺▼妯℃澘"
+ @updata="getTableList"></upload-file>
+ </el-aside>
+
+ <el-main width="60%">
+ <div style="height: 100%;background-color: #eeeeea">璁捐鍣�</div>
+ </el-main>
+ </el-container>
</basic-container>
</template>
<script>
import {mapGetters} from "vuex";
import basicOption from "@/util/basic-option";
+import {getTypeList} from "@/api/processTemplate/type";
+import {getProcessTempList,saveProcessTemp,updateProcessTemp,deleteProcessTemp,downloadTemplate,download,stopProcessTemp} from "@/api/processTemplate/define";
+import func from "@/util/func";
export default {
name: "index",
@@ -39,6 +126,12 @@
tableData: [],
currentRow:null,
selectionList: [],
+ upFileType: ['xls', 'xlsx'],
+ fileUrl: 'api/userQueryController/importUser',
+ tipList:[],
+ dialogLoading:false,
+ dialogVisible:false,
+ dialogType:'add'
}
},
computed: {
@@ -55,6 +148,11 @@
addBtn: this.vaildData(this.permission[this.$route.query.id].ADD, false),
delBtn: this.vaildData(this.permission[this.$route.query.id].DELETE, false),
editBtn: this.vaildData(this.permission[this.$route.query.id].EDIT, false),
+ exportBtn: this.vaildData(this.permission[this.$route.query.id].EXPORT, false),
+ importBtn: this.vaildData(this.permission[this.$route.query.id].IMPORT, false),
+ downloadImportTemplateBtn: this.vaildData(this.permission[this.$route.query.id].DOWNLOADFILE, false),
+ stopBtn: this.vaildData(this.permission[this.$route.query.id].FREEZE, false),
+ actionBtn: this.vaildData(this.permission[this.$route.query.id].UNFREZE, false),
};
},
option(){
@@ -63,10 +161,13 @@
addBtn:false,
editBtn:false,
delBtn:false,
- calcHeight: -60,
+ columnBtn:false,
+ gridBtn:false,
+ width:500,
+ calcHeight: -50,
align:'left',
headerAlign:'center',
- menuWidth:160,
+ menuWidth:190,
dialogMenuPosition: 'right',
dialogWidth:600,
column: [
@@ -75,21 +176,157 @@
prop: 'name'
},{
label: '鐗堟湰',
- prop: 'desc'
+ prop: 'desc',
+ width:50
},{
label: '鐘舵��',
- prop: 'status'
+ prop: 'status',
+ width:65
}]
}
}
},
+ created() {
+ getTypeList().then(res => {
+ this.tempTypeData = res.data.data;
+ })
+ },
methods:{
getTableList(){
-
+ this.tableLoading = true;
+ getProcessTempList({tempType:this.tempType,tempName:this.tempName}).then(res => {
+ this.tableData = res.data.data;
+ this.tableLoading = false;
+ })
},
+ //娴佺▼鍒嗙被閫夋嫨
tempTypeChange(val){
this.getTableList();
- }
+ },
+ searchData(){
+ this.getTableList();
+ },
+
+ handlerAdd(){
+ this.form={};
+ this.dialogVisible=true;
+ this.dialogType='add'
+ },
+ handleEdit(row,index) {
+ this.form={
+ ...row
+ }
+ this.dialogVisible = true;
+ this.dialogType = 'edit'
+ },
+ // 缂栬緫淇濆瓨
+ saveHandler() {
+ if(this.dialogType=='add'){
+ saveProcessTemp(this.form).then(res => {
+ if (res.data.code === 200) {
+ this.$message.success(res.data.obj);
+ this.getTableList();
+ }
+ });
+ }else{
+ updateProcessTemp(this.form).then(res => {
+ if (res.data.code === 200) {
+ this.$message.success(res.data.obj);
+ this.getTableList();
+ }
+ })
+ }
+
+ },
+ dialogClose(){
+ this.form={};
+ this.dialogLoading=false;
+ this.dialogVisible=false;
+ },
+ // 鍒犻櫎
+ handleDel(row,index) {
+ let params = {
+ ids: row.id
+ }
+
+ this.$confirm('鎮ㄧ‘瀹氳鍒犻櫎褰撳墠鏁版嵁鍚楋紵', '鎻愮ず', {
+ confirmButtonText: '纭畾',
+ cancelButtonText: '鍙栨秷',
+ type: 'warning'
+ }).then(() => {
+ deleteProcessTemp(params).then(res => {
+ if (res.data.code === 200) {
+ this.$message.success(res.data.obj);
+ this.getTableList();
+ }
+ });
+ }).catch(() => {
+ this.$message({
+ type: 'info',
+ message: '宸插彇娑堝垹闄�'
+ });
+ });
+ },
+
+ //閫夋嫨鐨勮
+ selectionChange(list) {
+ this.selectionList = list;
+ },
+
+ // 琛屽崟閫�
+ rowClickHandler(row) {
+ func.rowClickHandler(
+ row,
+ this.$refs.crud,
+ this.lastIndex,
+ (newIndex) => {
+ this.lastIndex = newIndex;
+ },
+ () => {
+ this.selectionList = [row];
+ }
+ );
+ },
+
+ // 瀵煎嚭
+ downloadHandler() {
+ if (this.selectionList.length <= 0) {
+ this.$message.warning('璇疯嚦灏戦�夋嫨涓�鏉℃暟鎹繘琛屽鍑�');
+ return;
+ }
+
+ download({enumNames: this.ids}).then(res => {
+ func.downloadFileByBlobHandler(res);
+ this.$message.success('瀵煎嚭鎴愬姛');
+ }).catch(err => {
+ })
+ },
+
+ // 涓嬭浇瀵煎叆妯℃澘
+ downloadTemplateHandler() {
+ downloadTemplate().then(res => {
+ func.downloadFileByBlobHandler(res);
+ this.$message.success('涓嬭浇鎴愬姛');
+ }).catch(err => {
+ })
+ },
+
+ //瀵煎叆
+ uploadHandler() {
+ this.$refs.upload.visible = true;
+ },
+ // 鍋滅敤鍚敤
+ stopHandler(row) {
+ let params = {};
+ params = {
+ ids: row.oid,
+ flag: row.status === 0 ? true : false
+ }
+ stopProcessTemp(params).then(res => {
+ this.$message.success(res.data.obj);
+ this.getTableList();
+ });
+ },
}
}
</script>
--
Gitblit v1.9.3