Merge branch 'perf/edge-manage/07-23' into 'main_dev'

perf: 云端环境中，边缘设备中，去掉红框布局

See merge request yunteng/thingskit-front!1419

@@ -9,7 +9,6 @@
   import { useMessage } from '/@/hooks/web/useMessage';
   import { useRoute } from 'vue-router';
   import { useGo } from '/@/hooks/web/usePage';
-  import { PageWrapper } from '/@/components/Page';
 
   defineEmits(['register']);
 
@@ -45,7 +44,6 @@
   const [registerTable, { reload }] = useTable({
     title: '边缘设备',
     columns,
-    tableLayout: 'auto',
     api: async ({ page, pageSize, textSearch }) => {
       const res = await edgeDevicePage(
         {
@@ -80,44 +78,38 @@
 
   const handleEventIsSuccess = () => reload();
 
-  function goBack() {
-    go('/edge/edge_detail/' + edgeId.value);
-  }
-
   function handleGoDeviceDetail(record: Recordable) {
     go(`/edge/edge_device/edge_device_detail/${record?.id?.id}/${edgeId.value}`);
   }
 </script>
 
 <template>
-  <PageWrapper :title="`边缘设备`" contentBackground @back="goBack">
-    <BasicTable :clickToRowSelect="false" @register="registerTable">
-      <template #toolbar>
-        <a-button type="primary" @click="handleEventIsDistribution"> 分配设备 </a-button>
-      </template>
-      <template #action="{ record }">
-        <TableAction
-          :actions="[
-            {
-              label: '详情',
-              icon: 'ant-design:eye-outlined',
-              onClick: handleGoDeviceDetail.bind(null, record),
-            },
-            {
-              label: '取消分配',
-              icon: 'mdi:account-arrow-left',
-              onClick: handleEventIsCancelDistribution.bind(null, record),
-            },
-          ]"
-        />
-      </template>
-    </BasicTable>
-    <EdgeDeviceDistribution
-      @register="registerEdgeDeviceDistributionModal"
-      :edgeId="edgeId"
-      @success="handleEventIsSuccess"
-    />
-  </PageWrapper>
+  <BasicTable :clickToRowSelect="false" @register="registerTable">
+    <template #toolbar>
+      <a-button type="primary" @click="handleEventIsDistribution"> 分配设备 </a-button>
+    </template>
+    <template #action="{ record }">
+      <TableAction
+        :actions="[
+          {
+            label: '详情',
+            icon: 'ant-design:eye-outlined',
+            onClick: handleGoDeviceDetail.bind(null, record),
+          },
+          {
+            label: '取消分配',
+            icon: 'mdi:account-arrow-left',
+            onClick: handleEventIsCancelDistribution.bind(null, record),
+          },
+        ]"
+      />
+    </template>
+  </BasicTable>
+  <EdgeDeviceDistribution
+    @register="registerEdgeDeviceDistributionModal"
+    :edgeId="edgeId"
+    @success="handleEventIsSuccess"
+  />
 </template>
 
 <style lang="less" scoped></style>