From f0cf1b4c0f7a177b5f96e4d7ddc39989fa71450d Mon Sep 17 00:00:00 2001
From: Join <123456@gmail.com>
Date: Wed, 10 Dec 2025 11:34:48 +0800
Subject: [PATCH] =?UTF-8?q?refactor(ui):=20=E7=B4=A7=E6=80=A5=E4=BF=AE?=
 =?UTF-8?q?=E5=A4=8D=EF=BC=81=EF=BC=81=E6=90=9C=E7=B4=A2=E6=A1=86=E5=A6=82?=
 =?UTF-8?q?=E6=9E=9C=E5=87=BA=E7=8E=B0=E5=90=8D=E5=AD=97=E9=87=8D=E5=A4=8D?=
 =?UTF-8?q?=EF=BC=8C=E4=BC=9A=E5=8D=A1=E6=AD=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/system/instance/index.vue          | 13 +++++--------
 .../src/views/system/network/tcp/index.vue       |  4 ++--
 .../src/views/system/product/index.vue           | 16 +++++++++++-----
 3 files changed, 18 insertions(+), 15 deletions(-)

diff --git a/cn-universal-web-ui/src/views/system/instance/index.vue b/cn-universal-web-ui/src/views/system/instance/index.vue
index 7af0060..e622551 100644
--- a/cn-universal-web-ui/src/views/system/instance/index.vue
+++ b/cn-universal-web-ui/src/views/system/instance/index.vue
@@ -12,14 +12,14 @@
               </a-form-item>
             </a-col>
             <a-col :md="8" :sm="24">
-              <a-form-item :label="$t('product.name')" prop="productName">
-                <a-select v-model="queryParam.productName" placeholder="请选择或搜索产品名称"
+              <a-form-item :label="$t('product.name')" prop="productKey">
+                <a-select v-model="queryParam.productKey" placeholder="请选择或搜索产品名称"
                           show-search :filter-option="false"
                           :loading="productLoading" @search="handleProductSearch"
                           @focus="handleProductFocus" allow-clear
                           style="width: 100%">
-                  <a-select-option v-for="product in productList" :key="product.id"
-                                   :value="product.name"
+                  <a-select-option v-for="product in productList" :key="product.productKey"
+                                   :value="product.productKey"
                                    :title="product.name">
                     <div class="product-option">
                       <div class="product-name">{{ product.name }}</div>
@@ -180,7 +180,7 @@
                     :showTotal="total => `共 ${total} 条`"
                     @showSizeChange="onShowSizeChange" @change="changeSize"/>
     </a-card>
-    
+
     <!-- 视频平台设备通道选择弹窗 -->
     <video-channel-select-modal
       :visible="channelSelectVisible"
@@ -331,9 +331,6 @@ export default {
       if (this.queryParam.deviceName !== undefined && this.queryParam.deviceName !== null) {
         this.queryParam.deviceName = this.queryParam.deviceName.replace(/^\s*|\s*$/g, '')
       }
-      if (this.queryParam.productName !== undefined && this.queryParam.productName !== null) {
-        this.queryParam.productName = this.queryParam.productName.replace(/^\s*|\s*$/g, '')
-      }
       if (this.queryParam.productKey !== undefined && this.queryParam.productKey !== null) {
         this.queryParam.productKey = this.queryParam.productKey.replace(/^\s*|\s*$/g, '')
       }
diff --git a/cn-universal-web-ui/src/views/system/network/tcp/index.vue b/cn-universal-web-ui/src/views/system/network/tcp/index.vue
index 1a04506..4875656 100644
--- a/cn-universal-web-ui/src/views/system/network/tcp/index.vue
+++ b/cn-universal-web-ui/src/views/system/network/tcp/index.vue
@@ -45,8 +45,8 @@
                 >
                   <a-select-option
                     v-for="product in productSearchList"
-                    :key="product.id"
-                    :value="product.productKey"
+                    :key="product.productKey"
+                    :value="product.name"
                     :title="product.productKey"
                   >
                     <div class="product-search-option">
diff --git a/cn-universal-web-ui/src/views/system/product/index.vue b/cn-universal-web-ui/src/views/system/product/index.vue
index 3509f19..b5ad381 100644
--- a/cn-universal-web-ui/src/views/system/product/index.vue
+++ b/cn-universal-web-ui/src/views/system/product/index.vue
@@ -7,9 +7,9 @@
         <a-form layout="inline">
           <a-row :gutter="48">
             <a-col :md="8" :sm="24">
-              <a-form-item :label="$t('product.name')" prop="name">
+              <a-form-item :label="$t('product.name')" prop="productKey">
                 <a-select
-                  v-model="queryParam.name"
+                  v-model="queryParam.productKey"
                   placeholder="请选择或搜索产品名称"
                   show-search
                   :filter-option="false"
@@ -21,8 +21,8 @@
                 >
                   <a-select-option
                     v-for="product in productSearchList"
-                    :key="product.id"
-                    :value="product.name"
+                    :key="product.productKey"
+                    :value="product.productKey"
                     :title="product.name"
                   >
                     <div class="product-search-option">
@@ -40,11 +40,17 @@
               </a-form-item>
             </a-col>
             <a-col :md="8" :sm="24">
+              <a-form-item label="产品分类" prop="classifiedName">
+                <a-input v-model="queryParam.classifiedName" placeholder="请输入产品分类"
+                         @keyup.enter="handleQuery" allow-clear/>
+              </a-form-item>
+            </a-col>
+            <!-- <a-col :md="8" :sm="24">
               <a-form-item label="ProductKey" prop="productKey">
                 <a-input v-model="queryParam.productKey" placeholder="请输入ProductKey"
                          @keyup.enter="handleQuery" allow-clear/>
               </a-form-item>
-            </a-col>
+            </a-col> -->
 
             <template v-if="advanced">
               <a-col :md="8" :sm="24">