1

src/views/operate/data.tsx

@@ -11,6 +11,7 @@ export const refundTimeTableSchema: BasicColumn[] = [
   },
   {
     title: '留言内容',
+    slots: { customRender: 'copy' },
     width: 250,
     dataIndex: 'content',
   },

src/views/operate/messageList.vue

@@ -9,7 +9,11 @@
 
     <div class="desc-wrap-BasicTable">
       <BasicTable @register="registerTimeTable" >
-        
+        <template #copy="{ text }">
+          <a @click="handleCopy(text)">
+            {{ text }}
+          </a>
+        </template>
         <template #action="{ record }">
           <TableAction
             stopButtonPropagation
@@ -39,6 +43,8 @@
   import { useModal } from '/@/components/Modal';
   import { refundTimeTableSchema, refundTimeTableData } from './data';
   import { usePermissionStore } from '/@/store/modules/permission';
+  import { copyTextToClipboard } from '/@/hooks/web/useCopyToClipboard';
+  import { useMessage } from '/@/hooks/web/useMessage';
   export default defineComponent({
     components: {
       BasicTable,
@@ -58,6 +64,7 @@
     setup() {
       const { t } = useI18n();
       const [register, { openModal }] = useModal();
+      const { createMessage } = useMessage();
       const state = ref<number>(1); //未处理，0已处理（默认1）
       const permissionStore = usePermissionStore();
       const { getCheckPerm } = permissionStore;
@@ -131,7 +138,12 @@
       async function handleWithdraw(record: Recordable) {
         openModal(true,record)
       }
+      function handleCopy(str: string) {
+        copyTextToClipboard(str);
+        createMessage.success('复制成功');
+      }
       return {
+        handleCopy,
         registerTimeTable,
         handleWithdraw,
         changeTable,