From 084c43cf7689a58d30fafe272282f39e44c5e0b8 Mon Sep 17 00:00:00 2001
From: JiangQiming <291854119@qq.com>
Date: Fri, 17 Mar 2023 22:04:41 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20bug#10475=E3=80=8110549=E3=80=8110545?=
 =?UTF-8?q?=E3=80=8110543=E3=80=8110541?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/media/Device/Save/index.vue | 11 ++++++++++-
 src/views/media/Device/index.vue      | 26 +++++++++++++++++++++++++-
 src/views/media/Device/typings.d.ts   |  6 ++++++
 3 files changed, 41 insertions(+), 2 deletions(-)

diff --git a/src/views/media/Device/Save/index.vue b/src/views/media/Device/Save/index.vue
index 4bc9b7e3..66a1aa77 100644
--- a/src/views/media/Device/Save/index.vue
+++ b/src/views/media/Device/Save/index.vue
@@ -91,11 +91,14 @@
                                         v-model:value="formData.productId"
                                         placeholder="请选择所属产品"
                                         :disabled="!!route.query.id"
+                                        showSearch
+                                        @change="handleProductChange"
                                     >
                                         <j-select-option
                                             v-for="(item, index) in productList"
                                             :key="index"
                                             :value="item.id"
+                                            :label="item.name"
                                         >
                                             {{ item.name }}
                                         </j-select-option>
@@ -344,6 +347,12 @@ const getProductList = async () => {
 };
 getProductList();
 
+const handleProductChange = () => {
+    formData.value.others.access_pwd =
+        productList.value.find((f: any) => f.id === formData.value.productId)
+            ?.configuration.access_pwd || '';
+};
+
 /**
  * 新增产品
  */
@@ -407,7 +416,7 @@ const handleSubmit = () => {
                 : await DeviceApi.update(params);
             if (res?.success) {
                 message.success('保存成功');
-                router.back();
+                history.back();
             }
         })
         .catch((err: any) => {
diff --git a/src/views/media/Device/index.vue b/src/views/media/Device/index.vue
index 490736b0..566edde7 100644
--- a/src/views/media/Device/index.vue
+++ b/src/views/media/Device/index.vue
@@ -104,6 +104,9 @@
             <template #provider="slotProps">
                 {{ providerType[slotProps.provider] }}
             </template>
+            <template #productId="slotProps">
+                {{ getProductName(slotProps.productId) }}
+            </template>
             <template #state="slotProps">
                 <j-badge
                     :text="slotProps.state?.text"
@@ -214,7 +217,7 @@ const columns = [
         title: '产品名称',
         dataIndex: 'productId',
         key: 'productId',
-        // scopedSlots: true,
+        scopedSlots: true,
         search: {
             type: 'select',
             options: () =>
@@ -405,4 +408,25 @@ const getActions = (
     }
     return acts;
 };
+
+const productList = ref<any[]>([]);
+const getProductList = () => {
+    DeviceApi.getProductList(
+        encodeQuery({
+            terms: {
+                messageProtocol$in: ['gb28181-2016', 'fixed-media'],
+            },
+        }),
+    ).then((resp: any) => {
+        productList.value = resp.result.map((pItem: any) => ({
+            label: pItem.name,
+            value: pItem.id,
+        }));
+    });
+};
+getProductList();
+
+const getProductName = (pid: string) => {
+    return productList.value.find((f: any) => f.value === pid)?.label;
+};
 </script>
diff --git a/src/views/media/Device/typings.d.ts b/src/views/media/Device/typings.d.ts
index 436c9236..f0383199 100644
--- a/src/views/media/Device/typings.d.ts
+++ b/src/views/media/Device/typings.d.ts
@@ -23,6 +23,11 @@ export type DeviceItem = {
     transport: string;
 } & BaseItem;
 
+type configuration = {
+    access_pwd: string;
+    stream_mode: string;
+}
+
 export type ProductType = {
     accessId: string;
     accessName: string;
@@ -42,6 +47,7 @@ export type ProductType = {
     protocolName: string;
     state: number;
     transportProtocol: string;
+    configuration: configuration;
 }