#copy

src/views/case/list.vue

@@ -10,9 +10,20 @@
       <div class="desc-wrap-BasicTable">
         <BasicTable @register="registerTable">
           <template #toolbar>
-            <a-button type="primary"  @click="handleAdd" v-if="getCheckPerm('case-Add') && tableType == 0"> 新增案件</a-button>
+            <a-button
+              type="primary"
+              @click="handleAdd"
+              v-if="getCheckPerm('case-Add') && tableType == 0"
+            >
+              新增案件</a-button
+            >
           </template>
 
+          <template #copy="{ text }">
+            <a @click="handleTextCopy(text)">
+              {{ text }}
+            </a>
+          </template>
           <template #href="{ record }">
             <a
               v-if="record.caseTitle"
@@ -30,12 +41,14 @@
                 {
                   label: '编辑',
                   //disabled: !record.isEdit,
-                  ifShow: (tableType == 1 && record.isEdit || tableType == 0) && getTypeCheckPerm('case-edit'),
+                  ifShow:
+                    ((tableType == 1 && record.isEdit) || tableType == 0) &&
+                    getTypeCheckPerm('case-edit'),
                   onClick: handlegotoEdit.bind(null, record),
                 },
                 {
                   label: '权限',
-                  ifShow: (record.isAuth && tableType == 0) && getTypeCheckPerm('case-powers'),
+                  ifShow: record.isAuth && tableType == 0 && getTypeCheckPerm('case-powers'),
                   onClick: handlePowers.bind(null, record),
                 },
                 //{
@@ -67,8 +80,8 @@
         :okButtonProps="{ disabled: canDownload }"
       />
       <MoveModal @register="registerMoveModal" />
-      <AddModal @register="registerAddModal"  @update="reload"/>
-      <AddResultModal @register="registerResultModal"  @update="reload"/>
+      <AddModal @register="registerAddModal" @update="reload" />
+      <AddResultModal @register="registerResultModal" @update="reload" />
       <PowersModal @register="registerPowersModal" />
     </PageWrapper>
   </div>
@@ -87,11 +100,12 @@
     FormProps,
   } from '/@/components/Table';
   import { PageWrapper } from '/@/components/Page';
-  import AddModal from './addCaseModal.vue'
-  import AddResultModal from './addResultModal.vue'
+  import AddModal from './addCaseModal.vue';
+  import AddResultModal from './addResultModal.vue';
   import DownLoadModal from './DownLoadModal.vue';
   import MoveModal from '/@/views/productOperation/modal/MoveModal.vue';
   import PowersModal from '/@/views/productOperation/modal/PowersModal.vue';
+  import { copyTextToClipboard } from '/@/hooks/web/useCopyToClipboard';
   import { Time } from '/@/components/Time';
   import { Descriptions, Tabs, Progress } from 'ant-design-vue';
   import { useI18n } from '/@/hooks/web/useI18n';
@@ -342,7 +356,7 @@
           sizeField: 'pageSize',
           listField: 'list',
           totalField: 'total',
-        },               
+        },
         canResize: true,
       });
       function changeTable(val: number) {
@@ -350,7 +364,7 @@
         reload();
       }
       function handleAdd() {
-        openAddModal(true, {})
+        openAddModal(true, {});
         // router.push({ path: '/scene/add' });
       }
       async function handleCopy(record: Recordable) {
@@ -365,6 +379,7 @@
               reload();
             });
           },
+          iconType: 'error'
         });
       }
       async function handleDelete(record: Recordable) {
@@ -372,13 +387,13 @@
           title: '删除',
           content: '确定要删除吗？',
           onOk: async () => {
-          caseDelApi({ caseId: record.caseId }).then(() => {
-          message.success({
-            content: '删除成功',
-          });
+            caseDelApi({ caseId: record.caseId }).then(() => {
+              message.success({
+                content: '删除成功',
+              });
 
-          reload();
-        });
+              reload();
+            });
           },
         });
       }
@@ -407,7 +422,7 @@
           okText: '继续',
           content: '案件资源过大会导致离线包下载失败，请尽可能缩小案件资源后再下载。',
           onOk: async () => {
-            handleDownload(record)
+            handleDownload(record);
           },
         });
       }
@@ -430,7 +445,7 @@
                   afterClose();
                 }
                 timer.value = setInterval(() => {
-                  caseProcess({ caseId: record.caseId, }).then((res) => {
+                  caseProcess({ caseId: record.caseId }).then((res) => {
                     if (res.status == '1003') {
                       createMessage.error('下载失败');
                       afterClose();
@@ -519,13 +534,17 @@
         //   tableType: tableType.value,
         // });
       }
-      onMounted(() => {
-      });
+      function handleTextCopy(str: string) {
+        copyTextToClipboard(str);
+        createMessage.success('复制成功');
+      }
+      onMounted(() => {});
       return {
         registerTable,
         registerPowersModal,
         handleDelete,
         handleCopy,
+        handleTextCopy,
         handleMove,
         handleDownload,
         handleReset,