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