From 6b988bd582bfcd17fee48c476a5a6e5cc172b0d5 Mon Sep 17 00:00:00 2001
From: baoshiwei <baoshiwei@shlanbao.cn>
Date: 星期三, 12 三月 2025 10:08:33 +0800
Subject: [PATCH] dev-2
---
src/views/workflow/model/index.vue | 61 +++++++++++++++++++++---------
1 files changed, 42 insertions(+), 19 deletions(-)
diff --git a/src/views/workflow/model/index.vue b/src/views/workflow/model/index.vue
index 93cd675..e83cd94 100644
--- a/src/views/workflow/model/index.vue
+++ b/src/views/workflow/model/index.vue
@@ -23,7 +23,7 @@
<transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave">
<div v-show="showSearch" class="mb-[10px]">
<el-card shadow="hover">
- <el-form v-show="showSearch" ref="queryFormRef" :model="queryParams" :inline="true" label-width="80px">
+ <el-form v-show="showSearch" ref="queryFormRef" :model="queryParams" :inline="true">
<el-form-item label="妯″瀷鍚嶇О" prop="name">
<el-input v-model="queryParams.name" placeholder="璇疯緭鍏ユā鍨嬪悕绉�" clearable @keyup.enter="handleQuery" />
</el-form-item>
@@ -45,34 +45,37 @@
<el-button type="primary" plain icon="Plus" @click="handleAdd">鏂板</el-button>
</el-col>
<el-col :span="1.5">
- <el-button type="success" plain icon="Edit" :disabled="multiple" @click="handleUpdate()">淇敼</el-button>
+ <el-button type="success" plain icon="Edit" :disabled="single" @click="handleUpdate()">淇敼</el-button>
</el-col>
<el-col :span="1.5">
<el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete()">鍒犻櫎</el-button>
+ </el-col>
+ <el-col :span="1.5">
+ <el-button type="primary" plain :disabled="multiple" icon="Download" @click="clickExportZip()">瀵煎嚭</el-button>
</el-col>
<right-toolbar v-model:showSearch="showSearch" @query-table="getList"></right-toolbar>
</el-row>
</template>
- <el-table v-loading="loading" :data="modelList" @selection-change="handleSelectionChange">
+ <el-table v-loading="loading" border :data="modelList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
- <el-table-column fixed align="center" type="index" label="搴忓彿" width="50"></el-table-column>
- <el-table-column fixed align="center" prop="name" label="妯″瀷鍚嶇О"></el-table-column>
+ <el-table-column fixed align="center" type="index" label="搴忓彿" width="80"></el-table-column>
+ <el-table-column align="center" :show-overflow-tooltip="true" prop="name" label="妯″瀷鍚嶇О" width="200"></el-table-column>
<el-table-column align="center" prop="key" label="妯″瀷KEY"></el-table-column>
<el-table-column align="center" prop="version" label="鐗堟湰鍙�" width="90">
<template #default="scope"> v{{ scope.row.version }}.0</template>
</el-table-column>
<el-table-column align="center" prop="metaInfo" label="澶囨敞璇存槑" min-width="130"></el-table-column>
- <el-table-column align="center" prop="createTime" label="鍒涘缓鏃堕棿" width="160"></el-table-column>
- <el-table-column align="center" prop="lastUpdateTime" label="鏇存柊鏃堕棿" width="160"></el-table-column>
- <el-table-column fixed="right" label="鎿嶄綔" align="center" width="180" class-name="small-padding fixed-width">
+ <el-table-column align="center" :show-overflow-tooltip="true" prop="createTime" label="鍒涘缓鏃堕棿" width="160"></el-table-column>
+ <el-table-column align="center" :show-overflow-tooltip="true" prop="lastUpdateTime" label="鏇存柊鏃堕棿" width="160"></el-table-column>
+ <el-table-column fixed="right" label="鎿嶄綔" align="center" width="170" class-name="small-padding fixed-width">
<template #default="scope">
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button link type="primary" size="small" icon="Pointer" @click="clickDesign(scope.row.id)">璁捐娴佺▼</el-button>
</el-col>
<el-col :span="1.5">
- <el-button link type="primary" size="small" icon="Download" @click="clickExportZip(scope.row)">瀵煎嚭</el-button>
+ <el-button link type="primary" size="small" icon="Delete" @click="handleDelete(scope.row)">鍒犻櫎</el-button>
</el-col>
</el-row>
<el-row :gutter="10" class="mb8">
@@ -82,7 +85,7 @@
</el-button>
</el-col>
<el-col :span="1.5">
- <el-button link type="primary" size="small" icon="Delete" @click="handleDelete(scope.row)">鍒犻櫎</el-button>
+ <el-button link type="primary" size="small" icon="CopyDocument" @click="handleCopy(scope.row)"> 澶嶅埗妯″瀷 </el-button>
</el-col>
</el-row>
</template>
@@ -105,10 +108,10 @@
<el-dialog v-model="dialog.visible" :title="dialog.title" width="650px" append-to-body :close-on-click-modal="false">
<el-form ref="formRef" :model="form" :rules="rules" label-width="100px">
<el-form-item label="妯″瀷鍚嶇О锛�" prop="name">
- <el-input v-model="form.name" :disabled="ids && ids.length > 0" maxlength="20" show-word-limit />
+ <el-input v-model="form.name" :disabled="ids && ids.length > 0 && billType === 'update'" maxlength="20" show-word-limit />
</el-form-item>
<el-form-item label="妯″瀷KEY锛�" prop="key">
- <el-input v-model="form.key" :disabled="ids && ids.length > 0" maxlength="20" show-word-limit />
+ <el-input v-model="form.key" :disabled="ids && ids.length > 0 && billType === 'update'" maxlength="20" show-word-limit />
</el-form-item>
<el-form-item label="娴佺▼鍒嗙被" prop="categoryCode">
<el-tree-select
@@ -135,10 +138,11 @@
</template>
<script lang="ts" setup name="Model">
-import Design from './design.vue';
+import Design from '../../../components/BpmnDesign/index.vue';
import { listModel, addModel, delModel, modelDeploy, getInfo, update } from '@/api/workflow/model';
import { ModelQuery, ModelForm, ModelVO } from '@/api/workflow/model/types';
import { listCategory } from '@/api/workflow/category';
+import { copyModel } from '@/api/workflow/model';
const { proxy } = getCurrentInstance() as ComponentInternalInstance;
@@ -163,7 +167,7 @@
const modelList = ref<ModelVO[]>([]);
const categoryOptions = ref<CategoryOption[]>([]);
const categoryName = ref('');
-const modelId = ref<string>('');
+const billType = ref<string>('');
const dialog = reactive<DialogOption>({
visible: false,
@@ -268,14 +272,18 @@
await getList();
proxy?.$modal.msgSuccess('閮ㄧ讲鎴愬姛');
};
+//鏂板鎵撳紑
const handleAdd = () => {
+ billType.value = 'add';
ids.value = [];
getTreeselect();
form.value = { ...initFormData };
dialog.visible = true;
dialog.title = '鏂板妯″瀷';
};
+//淇敼鎵撳紑
const handleUpdate = () => {
+ billType.value = 'update';
dialog.title = '淇敼妯″瀷';
nextTick(async () => {
await getTreeselect();
@@ -286,20 +294,35 @@
});
};
+//澶嶅埗鎵撳紑
+const handleCopy = (row?: ModelVO) => {
+ billType.value = 'copy';
+ dialog.title = '澶嶅埗妯″瀷';
+ nextTick(async () => {
+ await getTreeselect();
+ form.value = { ...initFormData };
+ form.value.id = row.id;
+ dialog.visible = true;
+ });
+};
+
/** 鎻愪氦鎸夐挳 */
const submitForm = () => {
formRef.value.validate(async (valid: boolean) => {
if (valid) {
buttonLoading.value = true;
- if (ids.value && ids.value.length > 0) {
+ if ('copy' === billType.value) {
+ await copyModel(form.value);
+ proxy?.$modal.msgSuccess('鎿嶄綔鎴愬姛');
+ } else if (ids.value && ids.value.length > 0 && 'update' === billType.value) {
form.value.id = ids.value[0];
await update(form.value);
- proxy?.$modal.msgSuccess('鏂板鎴愬姛');
+ proxy?.$modal.msgSuccess('鎿嶄綔鎴愬姛');
} else {
initXml(form.value.key, form.value.name);
form.value.xml = xml.value;
await addModel(form.value);
- proxy?.$modal.msgSuccess('鏂板鎴愬姛');
+ proxy?.$modal.msgSuccess('鎿嶄綔鎴愬姛');
}
dialog.visible = false;
await getList();
@@ -324,8 +347,8 @@
await designRef.value.open(id);
};
// 瀵煎嚭娴佺▼妯″瀷
-const clickExportZip = (data: any) => {
- proxy?.$download.zip('/workflow/model/export/zip/' + data.id, data.name + '-' + data.key);
+const clickExportZip = () => {
+ proxy?.$download.zip('/workflow/model/export/zip/' + ids.value, '妯″瀷');
};
/** 鏌ヨ娴佺▼鍒嗙被涓嬫媺鏍戠粨鏋� */
const getTreeselect = async () => {
--
Gitblit v1.9.3