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 | 53 ++++++++++++++++++++++++++++++++++++++--------------- 1 files changed, 38 insertions(+), 15 deletions(-) diff --git a/src/views/workflow/model/index.vue b/src/views/workflow/model/index.vue index 26550c3..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> @@ -57,18 +57,18 @@ </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"> @@ -83,6 +83,9 @@ <el-button link type="primary" size="small" icon="ScaleToOriginal" @click="clickDeploy(scope.row.id, scope.row.key)"> 娴佺▼閮ㄧ讲 </el-button> + </el-col> + <el-col :span="1.5"> + <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(); @@ -325,7 +348,7 @@ }; // 瀵煎嚭娴佺▼妯″瀷 const clickExportZip = () => { - proxy?.$download.zip('/workflow/model/export/zip/' + ids.value, "妯″瀷"); + proxy?.$download.zip('/workflow/model/export/zip/' + ids.value, '妯″瀷'); }; /** 鏌ヨ娴佺▼鍒嗙被涓嬫媺鏍戠粨鏋� */ const getTreeselect = async () => { -- Gitblit v1.9.3