Merge branch 'ww' into 'main'

feat: 产品详情物模型标识符列新增复制功能

See merge request yunteng/thingskit-front!497

@@ -7,8 +7,10 @@ import { numberRule } from '/@/utils/rules';
 import { deviceConfigGetRuleChain } from '/@/api/device/deviceConfigApi';
 import { deviceConfigGetRuleChain } from '/@/api/device/deviceConfigApi';
 import { FormField, FunctionType } from './step/cpns/physical/cpns/config';
 import { FormField, FunctionType } from './step/cpns/physical/cpns/config';
 import { h } from 'vue';
 import { h } from 'vue';
-import { Tag } from 'ant-design-vue';
+import { Tag, Tooltip } from 'ant-design-vue';
 import { EventType, EventTypeColor, EventTypeName } from '../list/cpns/tabs/EventManage/config';
 import { EventType, EventTypeColor, EventTypeName } from '../list/cpns/tabs/EventManage/config';
+import { useCopyToClipboard } from '/@/hooks/web/useCopyToClipboard';
+import { useMessage } from '/@/hooks/web/useMessage';
 
 
 export enum Mode {
 export enum Mode {
   CARD = 'card',
   CARD = 'card',
@@ -37,6 +39,14 @@ export enum ModelOfMatterPermission {
   RELEASE = 'api:yt:things_model:release',
   RELEASE = 'api:yt:things_model:release',
 }
 }
 
 
+const handleCopy = (value: string) => {
+  const { createMessage } = useMessage();
+  const { clipboardRef, isSuccessRef } = useCopyToClipboard(value);
+  clipboardRef.value = value;
+  if (isSuccessRef.value) createMessage.success('复制成功~');
+  else createMessage.error('复制失败～');
+};
+
 export const steps = [
 export const steps = [
   {
   {
     title: '产品',
     title: '产品',
@@ -72,6 +82,11 @@ export const physicalColumn: BasicColumn[] = [
     title: '标识符',
     title: '标识符',
     dataIndex: FormField.IDENTIFIER,
     dataIndex: FormField.IDENTIFIER,
     width: 90,
     width: 90,
+    customRender: ({ text }: Record<'text', string>) => {
+      return h(Tooltip, { title: text }, () =>
+        h('span', { class: 'cursor-pointer', onClick: () => handleCopy(text) }, text)
+      );
+    },
   },
   },
   {
   {
     title: '数据类型',
     title: '数据类型',

@@ -2,12 +2,12 @@
   <div class="p-4">
   <div class="p-4">
     <BasicTable @register="registerTable" @fetch-success="onFetchSuccess">
     <BasicTable @register="registerTable" @fetch-success="onFetchSuccess">
       <template #toolbar>
       <template #toolbar>
-        <a-button type="primary" @click="handleCreate">
+        <Button type="primary" @click="handleCreate">
           {{ getI18nCreateMenu }}
           {{ getI18nCreateMenu }}
-        </a-button>
-        <a-button color="error" @click="handleDeleteOrBatchDelete(null)" :disabled="hasBatchDelete">
+        </Button>
+        <Button type="primary" danger :disabled="getCanBatchDelete" @click="handleBatchDelete">
           批量删除
           批量删除
-        </a-button>
+        </Button>
       </template>
       </template>
       <template #action="{ record }">
       <template #action="{ record }">
         <TableAction
         <TableAction
@@ -55,23 +55,23 @@
   // 导入列 属性，和搜索栏内容
   // 导入列 属性，和搜索栏内容
   import { columns } from './menu.data';
   import { columns } from './menu.data';
   import { useI18n } from '/@/hooks/web/useI18n';
   import { useI18n } from '/@/hooks/web/useI18n';
-  import { notification } from 'ant-design-vue';
-  import { useBatchDelete } from '/@/hooks/web/useBatchDelete';
-
+  import { Button, notification } from 'ant-design-vue';
+  import { useSyncConfirm } from '/@/hooks/component/useSyncConfirm';
+  import { isArray } from '/@/utils/is';
   // 自定义表格组件和属性
   // 自定义表格组件和属性
   export default defineComponent({
   export default defineComponent({
     name: 'MenuManagement',
     name: 'MenuManagement',
-    components: { BasicTable, MenuDrawer, TableAction },
+    components: { BasicTable, MenuDrawer, TableAction, Button },
     setup() {
     setup() {
       const [registerDrawer, { openDrawer }] = useDrawer(); //使用右侧弹出框
       const [registerDrawer, { openDrawer }] = useDrawer(); //使用右侧弹出框
       const { t } = useI18n(); //加载国际化
       const { t } = useI18n(); //加载国际化
       // 新增菜单
       // 新增菜单
       const getI18nCreateMenu = computed(() => t('routes.common.system.pageSystemTitleCreateMenu'));
       const getI18nCreateMenu = computed(() => t('routes.common.system.pageSystemTitleCreateMenu'));
-      const { hasBatchDelete, handleDeleteOrBatchDelete, selectionOptions } = useBatchDelete(
-        delMenu,
-        handleSuccess
-      );
-      const [registerTable, { reload, collapseAll }] = useTable({
+
+      const [
+        registerTable,
+        { reload, collapseAll, getRowSelection, getSelectRowKeys, setSelectedRowKeys },
+      ] = useTable({
         title: t('routes.common.system.pageSystemTitleMenuList'), //'菜单列表'
         title: t('routes.common.system.pageSystemTitleMenuList'), //'菜单列表'
         api: getMenuList, //加载数据
         api: getMenuList, //加载数据
         columns, //加载列
         columns, //加载列
@@ -89,9 +89,29 @@
           slots: { customRender: 'action' },
           slots: { customRender: 'action' },
           fixed: 'right',
           fixed: 'right',
         },
         },
-        ...selectionOptions,
+        rowSelection: {
+          type: 'checkbox',
+        },
       });
       });
 
 
+      const getCanBatchDelete = computed(() => {
+        const rowSelection = getRowSelection();
+        return !rowSelection.selectedRowKeys?.length;
+      });
+      const { createSyncConfirm } = useSyncConfirm();
+      const handleBatchDelete = async () => {
+        const rowKeys = getSelectRowKeys();
+        try {
+          await createSyncConfirm({
+            iconType: 'warning',
+            content: '确认后所有选中的菜单将被删除',
+          });
+          await handleDelete({ id: rowKeys });
+          setSelectedRowKeys([]);
+          reload();
+        } catch (error) {}
+      };
+
       /**
       /**
        * 获得删除提示框的文字
        * 获得删除提示框的文字
        */
        */
@@ -126,7 +146,7 @@
        */
        */
       async function handleDelete(record: Recordable) {
       async function handleDelete(record: Recordable) {
         try {
         try {
-          let ids = [record.id];
+          let ids = isArray(record.id) ? record.id : [record.id];
           await delMenu(ids);
           await delMenu(ids);
           notification.success({
           notification.success({
             message: '成功',
             message: '成功',
@@ -161,8 +181,8 @@
         handleDelete,
         handleDelete,
         handleSuccess,
         handleSuccess,
         onFetchSuccess,
         onFetchSuccess,
-        hasBatchDelete,
-        handleDeleteOrBatchDelete,
+        getCanBatchDelete,
+        handleBatchDelete,
       };
       };
     },
     },
   });
   });