Merge branch 'feat/device-list-collect' into 'main_dev'

fix: 设备列表添加收藏等相关操作和显示

See merge request yunteng/thingskit-front!951

@@ -45,6 +45,7 @@ enum DeviceManagerApi {
   DEVICE_PUBLIC = '/customer/public/device',
 
   DEVICE_PRIVATE = '/customer/device',
+  DEVICE_COLLECT = '/device/collect ', //收藏
 
   /**
    * @description 通过设备列表获取设备信息
@@ -61,6 +62,13 @@ export const devicePage = (params: DeviceQueryParam) => {
   });
 };
 
+export const deviceCollect = (params: Array<any>) => {
+  return defHttp.post({
+    url: `${DeviceManagerApi.DEVICE_COLLECT}`,
+    params,
+  });
+};
+
 /**
  * 分页查询设备配置页面
  * @param params pageSize page name

@@ -12,7 +12,7 @@ export const columns: BasicColumn[] = [
   {
     title: '状态',
     dataIndex: 'deviceState',
-    width: 80,
+    width: 110,
     slots: { customRender: 'deviceState' },
   },
   {
@@ -167,4 +167,17 @@ export const searchFormSchema: FormSchema[] = [
       };
     },
   },
+  {
+    field: 'isCollect',
+    label: '是否收藏',
+    component: 'Select',
+    colProps: { span: 6 },
+    componentProps: {
+      options: [
+        { label: '是', value: 1 },
+        { label: '否', value: 0 },
+      ],
+      placeholder: '请选择',
+    },
+  },
 ];

@@ -34,6 +34,11 @@
               批量分配
             </a-button>
           </Authority>
+          <!-- <Authority>
+            <a-button type="primary" @click="handelCollect()" :disabled="!isExistOption">
+              批量收藏
+            </a-button>
+          </Authority> -->
         </template>
         <template #img="{ record }">
           <TableImg
@@ -85,7 +90,13 @@
           </Tag>
         </template>
         <template #deviceState="{ record }">
+          <!-- <HeartOutlined v-if="!record.isCollect" class="mr-1" style="color: red" /> -->
+          <Tooltip>
+            <template #title> 我的收藏</template>
+            <HeartTwoTone v-if="record.isCollect" class="mr-1" twoToneColor="#3B82F6" />
+          </Tooltip>
           <Tag
+            :style="{ marginLeft: !record.isCollect ? '17px' : '' }"
             :color="
               record.deviceState == DeviceState.INACTIVE
                 ? 'warning'
@@ -154,6 +165,18 @@
                 icon: 'ant-design:rise-outlined',
                 onClick: handleUpAndDownRecord.bind(null, record),
               },
+              !record.isCollect
+                ? {
+                    label: '收藏',
+                    icon: 'ant-design:heart-outlined',
+                    onClick: handelCollect.bind(null, record),
+                  }
+                : {
+                    label: '取消收藏',
+                    auth: 'api:yt:device:online:record',
+                    icon: 'ant-design:heart-outlined',
+                    onClick: handelCollect.bind(null, record),
+                  },
               {
                 label: '删除',
                 auth: 'api:yt:device:delete',
@@ -195,10 +218,12 @@
   } from '/@/api/device/model/deviceModel';
   import { BasicTable, useTable, TableAction, TableImg } from '/@/components/Table';
   import { columns, searchFormSchema } from './config/device.data';
-  import { Tag, Popover, Popconfirm, Button } from 'ant-design-vue';
+  import { Tag, Popover, Popconfirm, Button, Tooltip } from 'ant-design-vue';
+  import { HeartTwoTone } from '@ant-design/icons-vue';
   import {
     deleteDevice,
     devicePage,
+    deviceCollect,
     cancelDispatchCustomer,
     getGATEWAY,
     privateDevice,
@@ -244,6 +269,9 @@
       Popconfirm,
       BatchImportModal,
       Button,
+      // HeartOutlined,
+      HeartTwoTone,
+      Tooltip,
     },
     setup(_) {
       const { isCustomer } = useAuthDeviceDetail();
@@ -462,6 +490,26 @@
         } catch (error) {}
       };
 
+      // 收藏 && 批量收藏
+      const handelCollect = async (record?: Recordable) => {
+        let ids: string[] = [];
+        if (record) {
+          ids.push(record.id);
+        } else {
+          ids = await getSelectRowKeys();
+        }
+        try {
+          setLoading(true);
+          await deviceCollect(ids);
+          createMessage.success('操作成功');
+          handleReload();
+        } catch (error) {
+          throw error;
+        } finally {
+          setLoading(false);
+        }
+      };
+
       onMounted(() => {
         const queryParams = ROUTE.query as Record<'deviceProfileId', undefined | string>;
         const { setFieldsValue } = getForm();
@@ -489,6 +537,7 @@
         copySN,
         isExistOption,
         handleDelete,
+        handelCollect,
         // hasBatchDelete,
         // handleDeleteOrBatchDelete,
         handleReload,