From ab28acf8248e4ae0d545dd6b3f784a2dc61743a3 Mon Sep 17 00:00:00 2001
From: K <1175047471@qq.com>
Date: Wed, 6 Mar 2024 15:15:43 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BA=A7=E5=93=81=E8=AF=A6=E6=83=85?=
 =?UTF-8?q?=E8=B7=B3=E8=BD=AC=E8=AE=A2=E9=98=85=E5=88=97=E8=A1=A8=E6=97=B6?=
 =?UTF-8?q?=E4=BC=A0=E9=80=92=E4=BA=A7=E5=93=81ID=EF=BC=8C=E5=81=9A?=
 =?UTF-8?q?=E9=BB=98=E8=AE=A4=E7=AD=9B=E9=80=89=E5=80=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/product/components/Subscription.vue |  2 +-
 src/views/subscription/list/data.ts           | 35 ++++++++++---------
 src/views/subscription/list/index.vue         |  4 +--
 3 files changed, 22 insertions(+), 19 deletions(-)

diff --git a/src/views/product/components/Subscription.vue b/src/views/product/components/Subscription.vue
index 04dbabea..6de0e2b4 100644
--- a/src/views/product/components/Subscription.vue
+++ b/src/views/product/components/Subscription.vue
@@ -47,7 +47,7 @@ const schema: DescItem[] = [
       type="info" show-icon class="py-4px"
       message="服务端订阅：服务端可以直接订阅产品下多种类型的消息，例如设备上报属性、设备上报消息、设备状态变化通知、设备生命周期变更等。配置服务端订阅后配合使用【消费组】，平台会将产品下所有设备中已订阅类型的消息进行转发。"
     />
-    <a-button type="link" size="small" my="12px" @click="$router.push('/subscription/list')">
+    <a-button type="link" size="small" my="12px" @click="$router.push({ name: 'SubscriptionList', state: { productId: data?.productId } })">
       <LinkOutlined />
       管理订阅
     </a-button>
diff --git a/src/views/subscription/list/data.ts b/src/views/subscription/list/data.ts
index 894f3d85..d1c7c8fe 100644
--- a/src/views/subscription/list/data.ts
+++ b/src/views/subscription/list/data.ts
@@ -50,24 +50,27 @@ export const columns: BasicColumn[] = [
   },
 ]
 
-export const searchFormSchema: FormSchema[] = [
-  {
-    field: 'productId',
-    label: '产品名称',
-    component: 'ApiSelect',
-    componentProps: {
-      api: getCachedProducts,
-      showSearch: true,
-      fieldNames: {
-        label: 'productName',
-        value: 'id',
+export function getSearchFormSchema(productId?: string): FormSchema[] {
+  return [
+    {
+      field: 'productId',
+      label: '产品名称',
+      component: 'ApiSelect',
+      componentProps: {
+        api: getCachedProducts,
+        showSearch: true,
+        fieldNames: {
+          label: 'productName',
+          value: 'id',
+        },
+      },
+      defaultValue: productId || undefined,
+      colProps: {
+        span: 6,
       },
     },
-    colProps: {
-      span: 6,
-    },
-  },
-]
+  ]
+}
 
 export function getFormSchema(isUpload: Ref<boolean>): FormSchema[] {
   return [
diff --git a/src/views/subscription/list/index.vue b/src/views/subscription/list/index.vue
index 8053239f..f8458e3e 100644
--- a/src/views/subscription/list/index.vue
+++ b/src/views/subscription/list/index.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 import { PlusOutlined } from '@ant-design/icons-vue'
-import { columns, searchFormSchema } from './data'
+import { columns, getSearchFormSchema } from './data'
 import SubscriptionFormModal from './SubscriptionFormModal.vue'
 import { BasicTable, TableAction, useTable } from '@/components/Table'
 import { deleteSubscription, getSubscriptionList } from '@/api/subscription/list'
@@ -17,7 +17,7 @@ const [register, { reload }] = useTable({
   columns,
   formConfig: {
     labelWidth: 80,
-    schemas: searchFormSchema,
+    schemas: getSearchFormSchema(history.state.productId),
   },
   bordered: true,
   canResize: false,