feat: 设备列表新增公开设备和私有设备操作

@@ -36,6 +36,10 @@ enum DeviceManagerApi {
   GATEWAY_DEVICE = '/device/gateway/list',
 
   DEVICE_STATE_LOG_URL = '/device/state/log',
+
+  DEVICE_PUBLIC = '/customer/public/device',
+
+  DEVICE_PRIVATE = '/customer/device',
 }
 
 export const devicePage = (params: DeviceQueryParam) => {
@@ -308,3 +312,21 @@ export const deviceStateLogPost = (data) => {
     // }
   );
 };
+
+export const publicDevice = (tbDeviceId: string) => {
+  return defHttp.post(
+    {
+      url: `${DeviceManagerApi.DEVICE_PUBLIC}/${tbDeviceId}`,
+    },
+    { joinPrefix: false }
+  );
+};
+
+export const privateDevice = (tbDeviceId: string) => {
+  return defHttp.delete(
+    {
+      url: `${DeviceManagerApi.DEVICE_PRIVATE}/${tbDeviceId}`,
+    },
+    { joinPrefix: false }
+  );
+};

@@ -186,6 +186,9 @@ export interface DeviceRecord {
     name: string;
     transportType: string;
   };
+  customerAdditionalInfo?: {
+    isPublic?: boolean;
+  };
 }
 
 export interface DeviceModelOfMatterAttrs {

@@ -15,6 +15,8 @@ export enum ConfigurationPermission {
   DELETE = 'api:yt:configuration:center:delete',
   DESIGN = 'api:yt:configuration:center:get_configuration_info:design',
   PREVIEW = 'api:yt:configuration:center:get_configuration_info:preview',
+  SHARE = 'api:yt:configuration:center:share',
+  UN_SHARE = 'api:yt:configuration:center:monopoly',
 }
 
 export const PC_DEFAULT_CONTENT =

 import { formatToDate } from '/@/utils/dateUtil';
 import { BasicColumn } from '/@/components/Table';
 import { FormSchema } from '/@/components/Table';
-import { DeviceTypeEnum, DeviceState } from '/@/api/device/model/deviceModel';
+import { DeviceTypeEnum, DeviceState, DeviceRecord } from '/@/api/device/model/deviceModel';
 import { deviceProfile } from '/@/api/device/deviceManager';
+import { h } from 'vue';
+import { Tag } from 'ant-design-vue';
 
 // 表格列数据
 export const columns: BasicColumn[] = [
@@ -50,9 +52,13 @@ export const columns: BasicColumn[] = [
     width: 100,
   },
   {
-    title: '标签',
-    dataIndex: 'label',
+    title: '公开',
+    dataIndex: 'public',
     width: 100,
+    customRender({ record }: { record: DeviceRecord }) {
+      const flag = record?.customerAdditionalInfo?.isPublic;
+      return h(Tag, { color: flag ? 'blue' : 'orange' }, () => (flag ? '公开' : '私有'));
+    },
   },
   {
     title: '最后连接时间',

@@ -146,6 +146,13 @@
                     onClick: handleDispatchCustomer.bind(null, record),
                   },
               {
+                label: record?.customerAdditionalInfo?.isPublic ? '私有' : '公开',
+                icon: record?.customerAdditionalInfo?.isPublic
+                  ? 'ant-design:lock-outlined'
+                  : 'ant-design:unlock-outlined',
+                onClick: handlePublicDevice.bind(null, record),
+              },
+              {
                 label: '上下线记录',
                 icon: 'ant-design:rise-outlined',
                 onClick: handleUpAndDownRecord.bind(null, record),
@@ -198,6 +205,8 @@
     checkDeviceOccupied,
     cancelDispatchCustomer,
     getGATEWAY,
+    privateDevice,
+    publicDevice,
   } from '/@/api/device/deviceManager';
   import { PageEnum } from '/@/enums/pageEnum';
   import { useGo } from '/@/hooks/web/usePage';
@@ -218,6 +227,7 @@
   import { Authority } from '/@/components/Authority';
   import { useRoute, useRouter } from 'vue-router';
   import { useBatchOperation } from '/@/utils/useBatchOperation';
+  import { useSyncConfirm } from '/@/hooks/component/useSyncConfirm';
 
   export default defineComponent({
     name: 'DeviceManagement',
@@ -440,6 +450,28 @@
         reload();
       };
 
+      const { createSyncConfirm } = useSyncConfirm();
+      const handlePublicDevice = async (record: DeviceRecord) => {
+        try {
+          const publicFlag = record?.customerAdditionalInfo?.isPublic;
+          const type = publicFlag ? '私有' : '公开';
+          const flag = await createSyncConfirm({
+            iconType: 'warning',
+            title: `您确定要将设备 '${record.name}' 设为${type}吗？`,
+            content: `确认后，设备及其所有数据将被设为${type}并${
+              publicFlag ? '不' : ''
+            }可被其他人访问。`,
+          });
+          if (!flag) return;
+          if (publicFlag) {
+            await privateDevice(record.tbDeviceId);
+          } else {
+            await publicDevice(record.tbDeviceId);
+          }
+          reload();
+        } catch (error) {}
+      };
+
       onMounted(() => {
         const queryParams = ROUTE.query as Record<'deviceProfileId', undefined | string>;
         const { setFieldsValue } = getForm();
@@ -479,6 +511,7 @@
         registerImportModal,
         handleBatchImport,
         handleImportFinally,
+        handlePublicDevice,
       };
     },
   });