From 159a2f8ca76dc5839f56b2fa5720cad17a195627 Mon Sep 17 00:00:00 2001
From: xieyonghong <18010623010@163.com>
Date: Fri, 14 Apr 2023 18:08:50 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BC=98=E5=8C=96=E8=AE=BE=E5=A4=87?=
 =?UTF-8?q?=E6=8E=A5=E5=85=A5=E5=88=87=E6=8D=A2=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 plugin/jetlinks.ts                            |   3 -
 public/images/apply.png                       | Bin 4920 -> 4168 bytes
 public/images/avatar-1.png                    | Bin 7196 -> 0 bytes
 public/images/iot-card/iot-card-bg.png        | Bin 3944 -> 3946 bytes
 public/images/scene/scene-device.png          | Bin 4972 -> 5190 bytes
 public/images/scene/scene-hand.png            | Bin 3180 -> 3205 bytes
 public/images/scene/scene-timer.png           | Bin 4132 -> 3824 bytes
 public/images/scene/trigger-type/device.png   | Bin 4811 -> 0 bytes
 src/api/device/product.ts                     |   7 +
 src/style.less                                |   4 +
 src/views/DataCollect/Channel/index.vue       |   2 +-
 .../Detail/DeviceAccess/accessModal.vue       | 315 +++++++++++
 .../Product/Detail/DeviceAccess/index.vue     | 514 ++++--------------
 src/views/edge/Device/index.vue               |   4 +-
 src/views/oauth/index.vue                     |   7 +-
 .../Scene/Save/action/Device/Product.vue      |   4 +-
 16 files changed, 448 insertions(+), 412 deletions(-)
 delete mode 100644 public/images/avatar-1.png
 delete mode 100644 public/images/scene/trigger-type/device.png
 create mode 100644 src/views/device/Product/Detail/DeviceAccess/accessModal.vue

diff --git a/plugin/jetlinks.ts b/plugin/jetlinks.ts
index eac09e18..1144639d 100644
--- a/plugin/jetlinks.ts
+++ b/plugin/jetlinks.ts
@@ -337,9 +337,6 @@ export function JetlinksVueResolver(options: JetlinksVueResolverOptions = {}): a
         options.packageName = _isJetlinks ? 'jetlinks-ui-components' : 'ant-design-vue'
         const path = `${options.packageName}/${options.cjs ? 'lib' : 'es'}`
         const stylePath = getSideEffects(importName, options, _isAntd)
-        if (_isJetlinks) {
-          console.log(name, importName, stylePath)
-        }
         return {
           name: importName,
           from: path,
diff --git a/public/images/apply.png b/public/images/apply.png
index 356612c90cf8917f2d3f4d267eb979e372c2e178..2c92ab4c50c90013754f3368152ca26a3d775503 100644
GIT binary patch
delta 4157
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
Hu0mjf6GZpE

delta 4915
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

diff --git a/public/images/avatar-1.png b/public/images/avatar-1.png
deleted file mode 100644
index b3631a4b56bb19f22e4ce905a0d5feedde8b430c..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 7196
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

diff --git a/public/images/iot-card/iot-card-bg.png b/public/images/iot-card/iot-card-bg.png
index 7b47b0e0df202175dc94d5e5ff6b474c33695141..a25a48477b1121cfb0dc89c352a9c31f6885a851 100644
GIT binary patch
delta 3932
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

delta 3930
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

diff --git a/public/images/scene/scene-device.png b/public/images/scene/scene-device.png
index e4fb1ef66e503d3f247de8ba16f301e6fc29129a..3ccab0d192e10773ff9c674424dccc312af677fd 100644
GIT binary patch
delta 5186
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

delta 4966
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

diff --git a/public/images/scene/scene-hand.png b/public/images/scene/scene-hand.png
index 3571b39055d7706b2bd20da87e9711015283d324..d578ca1b97cf65b69915fd9f5000d6e6eccc79b1 100644
GIT binary patch
delta 3185
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
XW|HB)FPg;700000NkvXXu0mjfYWo4^

delta 3160
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

diff --git a/public/images/scene/scene-timer.png b/public/images/scene/scene-timer.png
index 9dcea61c58d7fb269d14a1283b645e3d5756a6e4..aec34fbd3f80b07c9422a850ed1d8c1f970ee299 100644
GIT binary patch
delta 3810
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%0AP8w>U$j=iIj{P*+<>nj?f59eZWn7r7y(0x9
zBQ`8;)i8>rijYKwl!t;PQD3Oz`^I7f&6||PSsE{5C0GYFP^1w^dT>MH7;fw_oCsw!
z$LDSw_e`Y;$Gyu|#z0Y6#kyDykD|<zR|#a<^L0fnWVevqE1E`=1X~R?P~-sJ58=>F
zTR5(>;?PZ$5Gyrje-W5uV1Z?$!!{i6$-rlqJ+o2diFZjRnfJwb;Z2UU{?%873=yj)
z0Kc<QeHS<CAWg@Q<rozH-0g&buZZG5sF=12TCSlx*z0)?EcufWberb67%PsO(ZyN5
z6_&nqNHj+YGID_AytEOzA%2a}GB}zLrd8+(%lpC#X)B7oe+y1y%~Rl;n-)TIvr;-c
zi?=mxVrqw8gBK@u39d9R2gz6ti|9}dh(M77eECh0dgXmsN*nQTTKxcX>{m1sFgy<K
z)I1Gkp}>e{VoIZqm0di=ajMG&2otbH@j_AP2QtfU-_D%vUt`1ZPvII4DdR667fZti
z83{m48I4vpf8LBEuO`UQMo=UDz`fe@xMc@v@Snx$dG1he=(cm>{l8>ja3HV`+e2IW
z#$|Uc_o$s<5W6YND3$S6aXO7a{_sAQ!Fh{OV-%YA9~FzjO6ySD7y_qbhS@Ui3u%Gu
z_OCLt{5iI*?387v6Z^GQqvH~5Y4T=PRIG2KBaZi^e+pAsm1-l6I{Xy3ObCovh@#Y6
z{@I1240MV@!+}M6dxV+#3`Pks%u%64Abp#-GV|?)uz)QA<B>GGS_vMhE6uWwW2LeD
zo!7Cg8Ky`?_q^v@3&g6`3E|hf5|xcYd{GbRKOeu4!cyiA8}ZJeNmkbd*?$7Arj~$R
zt<h8kf6zAwD$=wvKiC3S9$Ux8r+ZyjIx!$~rweapb?ito!!(nEyFZ&`O20{GY$iSz
z+!06K?PffPhT+ec33`L`Pwt^{_~h#DW*oodv1*NG&H#f3K}DKYrex!%(Rb5YuOoOG
zw>N`BFqRpS1Vt2OUkS8H8tm(tg1O-BT#ja9e_Tg*|6vo|4Kq}=Ml<UgNOcast@&7x
zZ6Je~BvogkE`<16kGM+~ya(%9+X$w!fo)Dxf+i6@pUeJ{3E5#XpotcHc-Y&4Pr_ES
z_m@9o`(c(U)WM8fA3dW<Cayzvy81X{fWARs@s%eth`9)B;s8QS%bY)jfF7r`#0!(L
ze@l*O-i!=2%vdKOk9*?`teYSvMl`u`7a%Jf4tLB1)&*6llF=}8OrESlPMgB?%?1tP
zvHRJTu;BS3h~L{H??gyD5zc@+lZ`XXl$ygM46b8ClErJChJt(o9y#yD{{qEn28VG^
z|6-4n?%os5VQ)dBkrGXdX<u_Cqp3JUfBejW{F8&9@mKEYj9-#9n1>OUd$<F}XH(<m
zs@MLkw}GTQE-`rretB(fVe_*&P#4D$?xjmKg)jEuOiuUDe;nN*z)!qrJkYvC%wKX#
z{K(3Ua6Ne3ctwD_UdWH({=%d8E>C=)?pM<%RioG5w6~!lY(ih@G)-v3)NXSuf5?vI
zpm%&!9MVDB7goegrJp`;WN`n>@r|vqhv<HgN5vZ0x`gkRC1)5`fL715k-F|z4&v28
zsH5mOn~PV(6Ih5ZR0^a?ck(pq@3hoPGd(1ZP5(y5S~{`t{{>|5>@4p9rR0<cC`}8{
ze^dXg#;MNQxsf&3v$JLd&{re<f8b46s`m8VSpoFrHko;=gIi9^jSP~`3sGaK+p75i
zpg95bwfFE?s~nf_;5OJyw$9urr@{J1>C<^3)gCil6+mA%iepD{uz4r|eKjh`;4deI
zecp4Z07>OPQI|-@2I~dVH$D1ky{LW|BXoei>gm|E{9%m90Q#yW$l$4}e_S?(R;8QH
zMt!Dz<N$q90cT8I#~s?=6V7Q?K?Tpa^iMZ~8mMLfeT8i__5MYXngjGzEy(G9w6<2N
z8$eRfv2j;&zn0X_O$RdQthM@0!l_hOfWCr8BgLS<5|l>$$*G0_=&RhZ-|scH%9=E`
zzFqvImd-jGH55Q!2mXd5IEOL4<AXEuTe2+r*WJ#4R7+>QY4q$LM{fVk{@ktbg>GK`
Y4~0DZrMlMec>n+a07*qoM6N<$f;2`iLjV8(

delta 4120
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
Wg5qao(;=|{0000<MNUMnLSTaSrOnU)

diff --git a/public/images/scene/trigger-type/device.png b/public/images/scene/trigger-type/device.png
deleted file mode 100644
index 32e3961fca2509b631cd78d3817f601c6a51d2f9..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 4811
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

diff --git a/src/api/device/product.ts b/src/api/device/product.ts
index d54283a8..4d34b3ba 100644
--- a/src/api/device/product.ts
+++ b/src/api/device/product.ts
@@ -187,6 +187,13 @@ export const getOperator = () => server.get<OperatorItem[]>('/property-calculate
  */
 export const getStreamingAggType = () => server.get<Record<string, string>[]>('/dictionary/streaming-agg-type/items')
 
+/**
+ * 根据指定的接入方式获取产品需要的配置信息
+ * @pId 产品id
+ * @accessId 设备接入id
+ */
+export const getAccessConfig = (pId: string, accessId: string) => server.get(`/device-product/${pId}/${accessId}/config-metadata`)
+
 export const getMetadataConfig = (params: {
   deviceId: string;
   metadata: {
diff --git a/src/style.less b/src/style.less
index 281cf47c..09e99ced 100644
--- a/src/style.less
+++ b/src/style.less
@@ -83,6 +83,10 @@
         background: transparent;
         padding-top: 20px;
         padding-bottom: 0;
+
+        &.has-footer {
+            background-color: #fff;
+        }
     }
 
     .ant-pro-page-container-children-content {
diff --git a/src/views/DataCollect/Channel/index.vue b/src/views/DataCollect/Channel/index.vue
index c5d137c3..f6db905a 100644
--- a/src/views/DataCollect/Channel/index.vue
+++ b/src/views/DataCollect/Channel/index.vue
@@ -43,7 +43,7 @@
                         >
                             <template #img>
                                 <slot name="img">
-                                    <img :src="getImage('/network.png')" />
+                                    <img :src="getImage('/channel.png')" />
                                 </slot>
                             </template>
                             <template #content>
diff --git a/src/views/device/Product/Detail/DeviceAccess/accessModal.vue b/src/views/device/Product/Detail/DeviceAccess/accessModal.vue
new file mode 100644
index 00000000..67a044ee
--- /dev/null
+++ b/src/views/device/Product/Detail/DeviceAccess/accessModal.vue
@@ -0,0 +1,315 @@
+<template>
+  <j-modal
+    title="设备接入配置"
+    visible
+    width="1200px"
+    okText="确定"
+    cancelText="取消"
+    :confirmLoading='loading'
+    @ok="submitData"
+    @cancel="cancel"
+  >
+    <pro-search
+      :columns="columns"
+      target="deviceModal"
+      @search="search"
+      type="simple"
+    />
+    <JProTable
+      :columns="columns"
+      :request="handleQuery"
+      ref="tableRef"
+      model="CARD"
+      :defaultParams="{
+                ...temp,
+                sorts: accessId ? [
+                    { name: 'id', value: accessId },
+                    { name: 'createTime', order: 'desc' },
+                ] : [{ name: 'createTime', order: 'desc' }],
+            }"
+      :params="queryParams"
+      @cancelSelect="cancelSelect"
+      :gridColumn="2"
+      :gridColumns="[2]"
+    >
+      <template #headerTitle>
+        <PermissionButton
+          type="primary"
+          @click="add"
+          hasPermission="link/AccessConfig:add"
+        >新增</PermissionButton
+        >
+      </template>
+      <template #deviceType="slotProps">
+        <div>{{ slotProps.deviceType.text }}</div>
+      </template>
+      <template #card="slotProps">
+        <CardBox
+          :value="slotProps"
+          @click="handleClick"
+          v-bind="slotProps"
+          :active="selectedRowKeys.includes(slotProps.id)"
+          :status="slotProps.state.value"
+          :statusText="slotProps.state.text"
+          :statusNames="{
+                        enabled: 'processing',
+                        disabled: 'error',
+                    }"
+        >
+          <template #img>
+            <slot name="img">
+              <img :src="getImage('/device-access.png')" />
+            </slot>
+          </template>
+          <template #content>
+            <Ellipsis style="width: calc(100% - 100px)">
+              <h3 style="font-weight: 600">
+                {{ slotProps.name }}
+              </h3>
+            </Ellipsis>
+            <j-row>
+              <j-col :span="12" v-if="slotProps.channelInfo">
+                <div class="card-item-content-text">
+                  {{ slotProps.channelInfo?.name }}
+                </div>
+                <Ellipsis style="width: calc(100% - 20px)">
+                  <div>
+                    {{
+                      slotProps.channelInfo?.addresses
+                        ? slotProps.channelInfo
+                          ?.addresses[0].address
+                        : ''
+                    }}
+                  </div>
+                </Ellipsis>
+              </j-col>
+              <j-col :span="12">
+                <div class="card-item-content-text">协议</div>
+                <div>{{ slotProps.protocolDetail?.name }}</div>
+              </j-col>
+            </j-row>
+            <j-row>
+              <j-col :span="24">
+                <Ellipsis style="width: calc(100% - 50px)"
+                >
+                  <div class="context-access">
+                  {{
+                      getDescription(
+                        slotProps,
+                      )
+                  }}
+                </div>
+                </Ellipsis
+                >
+              </j-col>
+            </j-row>
+          </template>
+        </CardBox>
+      </template>
+      <template #state="slotProps">
+        <j-badge
+          :text="slotProps.state.text"
+          :status="slotProps.state"
+          :statusNames='{
+            "enabled": "processing",
+            "disabled": "error",
+          }'
+        />
+      </template>
+      <template #id="slotProps">
+        <a>{{ slotProps.id }}</a>
+      </template>
+    </JProTable>
+  </j-modal>
+</template>
+
+<script setup lang='ts' name='accessModal'>
+import type { PropType } from 'vue'
+import { getImage } from '@/utils/comm';
+import { queryList, getAccessConfig } from '@/api/device/product'
+import { message } from 'jetlinks-ui-components'
+import { useMenuStore } from '@/store/menu';
+
+type Emit = {
+  (e: 'submit', data: any): void
+  (e: 'cancel'): void
+}
+
+const props = defineProps({
+  productId: {
+    type: String,
+    default: undefined
+  },
+  accessId: {
+    type: String,
+    default: undefined
+  },
+  deviceType: {
+    type: String,
+    default: undefined
+  },
+  providersList: {
+    type: Array as PropType<any[]>,
+    default: () => []
+  }
+})
+
+const emit = defineEmits<Emit>()
+const menuStore = useMenuStore();
+const checkData = ref()
+const tableRef = ref()
+const loading = ref(false)
+const params = ref<Record<string, any>>({
+  pageSize: 4,
+  terms: [],
+})
+const selectedRowKeys = ref<string[]>(props.accessId ? [props.accessId] : [])
+
+const getDescription = (slotProps: Record<string, any>) =>
+  slotProps.description
+    ? slotProps.description
+    : props.providersList?.find(
+      (item: Record<string, any>) => item.id === slotProps.provider,
+    )?.description;
+/**
+ * 查询条件
+ */
+const temp = {
+  ...params.value,
+  terms:
+    props.deviceType === 'childrenDevice'
+      ? [
+        ...params.value.terms,
+        {
+          terms: [
+            {
+              column: 'provider',
+              termType: 'in',
+              value: 'child-device,edge-child-device',
+            },
+          ],
+        },
+      ]
+      : [...params.value?.terms],
+};
+
+const handleQuery = async (q: any) => {
+  const resp = await queryList(q)
+  const _data  = (resp.result as any)?.data as any[]
+  if (_data?.length) {
+    const _checkItem = _data.find(item => item.id === selectedRowKeys.value[0])
+    if (_checkItem) {
+      checkData.value = _checkItem
+    }
+  }
+
+  return {
+    ...resp
+  }
+}
+
+const columns = [
+  {
+    title: '名称',
+    dataIndex: 'name',
+    key: 'name',
+    search: {
+      type: 'string',
+    },
+  },
+  {
+    title: '状态',
+    dataIndex: 'state',
+    key: 'state',
+    search: {
+      type: 'select',
+      options: [
+        {
+          label: '正常',
+          value: 'started',
+        },
+        {
+          label: '禁用',
+          value: 'disable',
+        },
+      ],
+    },
+  },
+  {
+    title: '说明',
+    key: 'description',
+    dataIndex: 'description',
+    search: {
+      type: 'string',
+    },
+  },
+]
+
+const findProvidersByProvider = (provider: string) => {
+  if (!provider) return {}
+
+  return props.providersList.find(item => item.id === provider) || {}
+}
+/**
+ * 提交设备数据
+ */
+const submitData = async () => {
+  if (selectedRowKeys.value.length) {
+    loading.value= true
+    const resp = await getAccessConfig(props.productId!, checkData.value.id).catch(() => ({ success: false, result: {}}))
+    // 返回外部组件需要的数据
+    loading.value = false
+    if (resp.success) {
+      // const providers = findProvidersByProvider((resp.result as any)[0]?.provider)
+      emit('submit', {
+        access: {...checkData.value},
+        metadata: resp.result
+      })
+    }
+  } else {
+    message.error('请选择接入方式');
+  }
+}
+
+/**
+ * 关闭弹窗
+ */
+const cancel = () => {
+  emit('cancel')
+};
+
+const handleSearch = (e: any) => {
+  params.value = e;
+};
+
+const handleClick = (data: any) => {
+  selectedRowKeys.value = [data.id]
+  checkData.value = {...data}
+}
+
+const cancelSelect = () => {
+  selectedRowKeys.value = []
+  checkData.value = {}
+}
+
+/**
+ * 打开标签新增
+ */
+const add = () => {
+  const url = menuStore.hasMenu('link/AccessConfig/Detail');
+  if (url) {
+    const tab: any = window.open(`${origin}/#${url}?view=false`);
+    tab.onTabSaveSuccess = (value: any) => {
+      if (value.status === 200) {
+        tableRef.value.reload();
+        handleClick(value.result);
+      }
+    };
+  }
+};
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/device/Product/Detail/DeviceAccess/index.vue b/src/views/device/Product/Detail/DeviceAccess/index.vue
index c2020c41..faeca451 100644
--- a/src/views/device/Product/Detail/DeviceAccess/index.vue
+++ b/src/views/device/Product/Detail/DeviceAccess/index.vue
@@ -1,6 +1,6 @@
 <!-- 设备接入 -->
 <template>
-    <div v-if="productStore.current.accessId === undefined || null" style='margin-top: 20%; transform: translateY(-50%);'>
+    <div v-if="access.id === undefined || null" style='margin-top: 20%; transform: translateY(-50%);'>
         <j-empty :image="simpleImage">
             <template #description>
                 <span
@@ -20,42 +20,14 @@
             <j-col :span="12">
                 <Title data="接入方式">
                     <template #extra>
-                        <!-- <j-tooltip
-                                :title="
-                                    productStore.current?.count &&
-                                    productStore.current?.count > 0
-                                        ? '产品下有设备实例时不能更换接入方式'
-                                        : ''
-                                "
-                            >
-                                <j-button
-                                    class="changeBtn"
-                                    size="small"
-                                    :disabled="
-                                        productStore.current?.count &&
-                                        productStore.current?.count > 0
-                                    "
-                                    ghost
-                                    type="primary"
-                                    @click="showDevice"
-                                    >更换</j-button
-                                >
-                            </j-tooltip> -->
                         <PermissionButton
                             style="margin: 0 0 0 20px"
                             type="primary"
                             size="small"
                             :tooltip="{
-                                title:
-                                    productStore.current?.count &&
-                                    productStore.current?.count > 0
-                                        ? '产品下有设备实例时不能更换接入方式'
-                                        : '',
+                                title: tooltip
                             }"
-                            :disabled="
-                                productStore.current?.count &&
-                                productStore.current?.count > 0
-                            "
+                            :disabled="checkDisabled"
                             ghost
                             @click="showDevice"
                             hasPermission="device/Product:update"
@@ -197,7 +169,7 @@
             >
                 <div class="info">
                     <div>
-                        <div style="font-weight: 600; margin: 0 0 10 px 0">
+                        <div style="font-weight: 600; margin: 0 0 10px 0">
                             {{
                                 access?.provider === 'mqtt-server-gateway' ||
                                 access?.provider === 'mqtt-client-gateway'
@@ -214,7 +186,7 @@
                             :scroll="{ y: 500 }"
                         >
                             <template #bodyCell="{ text, column, record }">
-                                <template v-if="column.key === 'topic'">
+                                <template v-if="column?.key === 'topic'">
                                     <j-tooltip
                                         placement="topLeft"
                                         :title="text"
@@ -224,7 +196,7 @@
                                         </div>
                                     </j-tooltip>
                                 </template>
-                                <template v-if="column.key === 'stream'">
+                                <template v-if="column?.key === 'stream'">
                                     <div>{{ getStream(record) }}</div>
                                 </template>
                                 <template v-if="column.key === 'description'">
@@ -237,7 +209,7 @@
                                         </div>
                                     </j-tooltip>
                                 </template>
-                                <template v-if="column.key === 'address'">
+                                <template v-if="column?.key === 'address'">
                                     <j-tooltip
                                         placement="topLeft"
                                         :title="text"
@@ -247,7 +219,7 @@
                                         </div>
                                     </j-tooltip>
                                 </template>
-                                <template v-if="column.key === 'example'">
+                                <template v-if="column?.key === 'example'">
                                     <j-tooltip
                                         placement="topLeft"
                                         :title="text"
@@ -265,133 +237,21 @@
         </j-row>
     </div>
     <!-- 选择设备 -->
-    <j-modal
-        title="设备接入配置"
-        v-if="visible"
-        visible
-        width="1200px"
-        okText="确定"
-        cancelText="取消"
-        @ok="submitData"
-        @cancel="cancel"
-    >
-        <pro-search
-            :columns="query.columns"
-            target="deviceModal"
-            @search="search"
-            type="simple"
-        />
-        <JProTable
-            :columns="query.columns"
-            :request="queryList"
-            ref="tableRef"
-            model="CARD"
-            :defaultParams="{
-                ...temp,
-                sorts: productStore.current?.accessId ? [
-                    { name: 'id', value: productStore.current?.accessId },
-                    { name: 'createTime', order: 'desc' },
-                ] : [{ name: 'createTime', order: 'desc' }],
-            }"
-            :params="queryParams"
-            @cancelSelect="cancelSelect"
-            :gridColumn="2"
-            :gridColumns="[2]"
-        >
-            <template #headerTitle>
-                <PermissionButton
-                    type="primary"
-                    @click="add"
-                    hasPermission="link/AccessConfig:add"
-                    >新增</PermissionButton
-                >
-            </template>
-            <template #deviceType="slotProps">
-                <div>{{ slotProps.deviceType.text }}</div>
-            </template>
-            <template #card="slotProps">
-                <CardBox
-                    :value="slotProps"
-                    @click="handleClick"
-                    v-bind="slotProps"
-                    :active="_selectedRowKeys.includes(slotProps.id)"
-                    :status="slotProps.state.value"
-                    :statusText="slotProps.state.text"
-                    :statusNames="{
-                        enabled: 'processing',
-                        disabled: 'error',
-                    }"
-                >
-                    <template #img>
-                        <slot name="img">
-                            <img :src="getImage('/device-access.png')" />
-                        </slot>
-                    </template>
-                    <template #content>
-                        <Ellipsis style="width: calc(100% - 100px)">
-                            <h3 style="font-weight: 600">
-                                {{ slotProps.name }}
-                            </h3>
-                        </Ellipsis>
-                        <j-row>
-                            <j-col :span="12" v-if="slotProps.channelInfo">
-                                <div class="card-item-content-text">
-                                    {{ slotProps.channelInfo?.name }}
-                                </div>
-                                <Ellipsis style="width: calc(100% - 20px)">
-                                    <div>
-                                        {{
-                                            slotProps.channelInfo?.addresses
-                                                ? slotProps.channelInfo
-                                                      ?.addresses[0].address
-                                                : ''
-                                        }}
-                                    </div>
-                                </Ellipsis>
-                            </j-col>
-                            <j-col :span="12">
-                                <div class="card-item-content-text">协议</div>
-                                <div>{{ slotProps.protocolDetail?.name }}</div>
-                            </j-col>
-                        </j-row>
-                        <j-row>
-                            <j-col :span="24">
-                                <Ellipsis style="width: calc(100% - 50px)"
-                                    ><div class="context-access">
-                                        {{
-                                            !!slotProps?.description
-                                                ? slotProps?.description
-                                                : dataSource.find(
-                                                      (item) =>
-                                                          item?.id ===
-                                                          slotProps?.provider,
-                                                  )?.description
-                                        }}
-                                    </div></Ellipsis
-                                >
-                            </j-col>
-                        </j-row>
-                    </template>
-                </CardBox>
-            </template>
-            <template #state="slotProps">
-                <j-badge
-                    :text="slotProps.state === 1 ? '正常' : '禁用'"
-                    :status="statusMap.get(slotProps.state)"
-                />
-            </template>
-            <template #id="slotProps">
-                <a>{{ slotProps.id }}</a>
-            </template>
-        </JProTable>
-    </j-modal>
+    <AccessModal
+      v-if='visible'
+      :product-id='productStore.current.id'
+      :deviceType='productStore.current.deviceType'
+      :accessId='accessId'
+      :providersList='dataSource'
+      @cancel=' visible = false'
+      @submit='checkAccess'
+    />
 </template>
 
-<script lang="ts" setup>
+<script lang="ts" setup name='AccessConfig'>
 import { useProductStore } from '@/store/product';
 import { ConfigMetadata } from '@/views/device/Product/typings';
 import { Empty, message } from 'jetlinks-ui-components';
-import { getImage } from '@/utils/comm';
 import Title from '../Title/index.vue';
 import { usePermissionStore } from '@/store/permission';
 import { steps, steps1 } from './util';
@@ -411,7 +271,7 @@ import {
     detail,
     modify,
 } from '@/api/device/product';
-import { isNoCommunity } from '@/utils/utils';
+
 import Driver from 'driver.js';
 import 'driver.js/dist/driver.min.css';
 import { marked } from 'marked';
@@ -419,7 +279,7 @@ import type { TableColumnType } from 'ant-design-vue';
 import { useMenuStore } from '@/store/menu';
 import _ from 'lodash';
 import { accessConfigTypeFilter } from '@/utils/setting';
-import DeviceApi from '@/api/media/device';
+import AccessModal from './accessModal.vue'
 
 const productStore = useProductStore();
 const tableRef = ref();
@@ -435,7 +295,8 @@ marked.setOptions({
 });
 const simpleImage = ref(Empty.PRESENTED_IMAGE_SIMPLE);
 const visible = ref<boolean>(false);
-const access = ref({});
+const access = ref<Record<string, any>>({});
+const accessId = ref<string>(productStore.current.accessId)
 const config = ref<any>({});
 const metadata = ref<ConfigMetadata>({ properties: [] });
 const dataSource = ref<string[]>([]);
@@ -476,115 +337,17 @@ const cancel = () => {
  * 打开设备弹窗
  */
 const showDevice = () => {
-    _selectedRowKeys.value = [productStore.current?.accessId];
     visible.value = true;
 };
-/**
- * 筛选
- */
 
-const query = reactive({
-    columns: [
-        {
-            title: '名称',
-            dataIndex: 'name',
-            key: 'name',
-            search: {
-                first: true,
-                type: 'string',
-            },
-        },
-        {
-            title: '网关类型',
-            key: 'provider',
-            dataIndex: 'provider',
-            search: {
-                type: 'select',
-                options: async () => {
-                    return new Promise((resolve) => {
-                        getProviders().then((resp: any) => {
-                            const data = resp.result || [];
-                            resolve(accessConfigTypeFilter(data));
-                        });
-                    });
-                },
-            },
-        },
-        {
-            title: '状态',
-            key: 'state',
-            dataIndex: 'state',
-            search: {
-                type: 'select',
-                options: [
-                    {
-                        label: '正常',
-                        value: 'enabled',
-                    },
-                    {
-                        label: '禁用',
-                        value: 'disabled',
-                    },
-                ],
-            },
-        },
-        {
-            title: '说明',
-            key: 'description',
-            dataIndex: 'description',
-            search: {
-                type: 'string',
-            },
-        },
-        {
-            title: '操作',
-            key: 'action',
-            fixed: 'right',
-            width: 250,
-            scopedSlots: true,
-        },
-    ],
-});
 const param = ref<Record<string, any>>({
     pageSize: 4,
     terms: [],
 });
 const queryParams = ref<Record<string, any>>({});
-/**
- * 查询条件
- */
-const temp = {
-    ...param.value,
-    terms:
-        productStore.current?.deviceType?.value === 'childrenDevice'
-            ? [
-                  ...param.value.terms,
-                  {
-                      terms: [
-                          {
-                              column: 'provider',
-                              termType: 'in',
-                              value: 'child-device,edge-child-device',
-                          },
-                      ],
-                  },
-              ]
-            : [...param.value?.terms],
-};
-const _selectedRowKeys = ref<string[]>([]);
+
 const currentForm = ref({});
 
-const cancelSelect = () => {
-    _selectedRowKeys.value = [];
-};
-
-const handleClick = (dt: any) => {
-    _selectedRowKeys.value.splice(0, 1);
-    _selectedRowKeys.value = [dt.id];
-    current.value = {
-        ...dt,
-    };
-};
 const search = (e: any) => {
     queryParams.value = {
         ...e,
@@ -727,6 +490,37 @@ const queryAccessDetail = async (id: string) => {
     });
 };
 
+const handleColumns = () => {
+  const Group = {
+    title: '分组',
+    dataIndex: 'group',
+    key: 'group',
+    ellipsis: true,
+    align: 'center',
+    width: 100,
+    customCell: (record: any, rowIndex: number) => {
+      const obj = {
+        children: record,
+        rowSpan: 0,
+      };
+      const list = config.value?.routes || [];
+
+      const arr = list.filter(
+        (res: any) => res.group === record.group,
+      );
+
+      const isRowIndex =
+        rowIndex === 0 ||
+        list[rowIndex - 1].group !== record.group;
+      isRowIndex && (obj.rowSpan = arr.length);
+
+      return obj;
+    },
+  };
+  columnsMQTT.value = [Group, ...ColumnsMQTT];
+  columnsHTTP.value = [Group, ...ColumnsHTTP];
+}
+
 /**
  * 查询协议信息
  */
@@ -737,34 +531,7 @@ const getConfigDetail = (
     getConfigView(messageProtocol, transportProtocol).then((resp) => {
         if (resp.status === 200) {
             config.value = resp.result;
-            const Group = {
-                title: '分组',
-                dataIndex: 'group',
-                key: 'group',
-                ellipsis: true,
-                align: 'center',
-                width: 100,
-                customCell: (record: any, rowIndex: number) => {
-                    const obj = {
-                        children: record,
-                        rowSpan: 0,
-                    };
-                    const list = config.value?.routes || [];
-
-                    const arr = list.filter(
-                        (res: any) => res.group === record.group,
-                    );
-
-                    const isRowIndex =
-                        rowIndex === 0 ||
-                        list[rowIndex - 1].group !== record.group;
-                    isRowIndex && (obj.rowSpan = arr.length);
-
-                    return obj;
-                },
-            };
-            columnsMQTT.value = [Group, ...ColumnsMQTT];
-            columnsHTTP.value = [Group, ...ColumnsHTTP];
+            handleColumns()
             if (config.value?.document) {
                 markdownToHtml.value = marked(config.value.document);
             }
@@ -772,101 +539,6 @@ const getConfigDetail = (
     });
 };
 
-/**
- * 获取网关类型
- */
-const getProviderList = async () => {
-    const res = await getProviders().then((resp) => {
-        if (resp.status === 200) {
-            dataSource.value = resp.result;
-        }
-    });
-};
-/**
- * 提交设备数据
- */
-const submitData = async () => {
-    if (current.value) {
-        const obj: any = {
-            ...productStore.current,
-            transportProtocol: current.value?.transport,
-            protocolName: current.value?.protocolDetail?.name,
-            accessId: current.value?.id,
-            accessName: current.value?.name,
-            accessProvider: current.value?.provider,
-            messageProtocol: current.value?.protocol,
-        };
-        // getConfigView(current.value?.protocol, current.value?.transport).then(
-        //     (resp: any) => {
-        //         metadata.value = (resp?.result[0] as ConfigMetadata) || {
-        //             properties: [],
-        //         };
-        //         // 流传输模式 初始为udp模式
-        //         if (metadata.value?.properties) {
-        //             metadata.value?.properties.forEach((item) => {
-        //                 if (
-        //                     item.name === '流传输模式' &&
-        //                     (!productStore.current?.configuration ||
-        //                         !productStore.current?.configuration.hasOwnProperty(
-        //                             item.name,
-        //                         ))
-        //                 ) {
-        //                     formData.data[item.name] =
-        //                         item.type.expands?.defaultValue;
-        //                 }
-        //             });
-        //         }
-        //     },
-        // );
-        const metatdata = JSON.parse(productStore.current?.metadata || '{}');
-        if (!productStore.current?.metadata) {
-            const response = await getConfigView(
-                obj?.messageProtocol || '',
-                obj?.transportProtocol || '',
-            );
-            if (response.status === 200) {
-                const ndata = JSON.parse(response.result?.metadata || '{}');
-                const mdata = {
-                    events: modifyArray(
-                        metatdata?.events || [],
-                        ndata?.events || [],
-                    ),
-                    properties: modifyArray(
-                        metatdata?.properties || [],
-                        ndata?.properties || [],
-                    ),
-                    functions: modifyArray(
-                        metatdata?.functions || [],
-                        ndata?.functions || [],
-                    ),
-                    tags: modifyArray(metatdata?.tags || [], ndata?.tags || []),
-                };
-                //  MetadataAction.insert(mdata);
-                obj.metadata = JSON.stringify(mdata);
-            }
-        }
-      // DeviceApi.getConfiguration(current.value?.protocol, current.value?.transport)
-      // visible.value = false;
-      //   保存或者更新设备接入
-        const resp: any = obj.id
-            ? await updateDevice(obj)
-            : await saveDevice(obj);
-        if (resp.status === 200) {
-            detail(productStore.current?.id || '').then((res) => {
-                if (res.status === 200) {
-                    productStore.current = { ...res.result };
-                    access.value = res.result;
-                    message.success('操作成功！');
-                    getData(obj.accessId);
-                }
-                visible.value = false;
-                queryParams.value = {};
-            });
-        }
-    } else {
-        message.error('请选择接入方式');
-    }
-};
 const modifyArray = (oldData: any[], newData: any[]) => {
     newData.map((item) => {
         if (!_.map(oldData, 'id').includes(item.id)) {
@@ -894,6 +566,26 @@ const getGuide = async (isDriver1: boolean = false) => {
         }
     }
 };
+
+const checkAccess = async (data: any) => {
+  visible.value = false
+  accessId.value = data.access.id
+  access.value = data.access
+  metadata.value = data.metadata[0]
+  config.value = data.access?.transportDetail || {}
+  handleColumns()
+  markdownToHtml.value = config.value?.document ? marked(config.value.document) : '';
+  getGuide(!!data.metadata.length); //
+}
+
+/**
+ * 获取协议类型名称
+ */
+const getProvidersList = async () => {
+  const res: any = await getProviders();
+  dataSource.value = res.result;
+};
+
 /**
  * 查询保存数据信息
  */
@@ -936,12 +628,7 @@ const getData = async (accessId?: string) => {
             productStore.current?.messageProtocol || '',
             productStore.current?.transportProtocol || '',
         );
-        getProviders().then((resp) => {
-            if (resp.status === 200) {
-                const data = resp.result || [];
-                dataSource.value = accessConfigTypeFilter(data as any[]);
-            }
-        });
+
     }
     // else {
     //   if (productStore.current?.id) {
@@ -967,6 +654,22 @@ const submitDevice = async () => {
     flatObj(values, result);
     const { storePolicy, ...extra } = result;
     const id = productStore.current?.id;
+    //TODO 二次确认是否覆盖物模型
+    // 更新选择设备(设备接入)
+    const accessObj = {
+      ...productStore.current,
+      transportProtocol: access.value?.transport,
+      protocolName: access.value?.protocolDetail?.name,
+      accessId: access.value?.id,
+      accessName: access.value?.name,
+      accessProvider: access.value?.provider,
+      messageProtocol: access.value?.protocol,
+    }
+    const updateDeviceResp = await updateDevice(accessObj)
+
+    if (!updateDeviceResp.success) return
+
+    // 更新产品配置信息
     const resp = await modify(id || '', {
         id: id,
         configuration: { ...extra },
@@ -985,6 +688,7 @@ const submitDevice = async () => {
         }
     }
 };
+
 const flatObj = (obj: any, result: any) => {
     Object.keys(obj).forEach((key: string) => {
         if (typeof obj[key] === 'string') {
@@ -994,20 +698,11 @@ const flatObj = (obj: any, result: any) => {
         }
     });
 };
+
 const getDetailInfo = () => {};
 
-const add = () => {
-    const url = menuStore.hasMenu('link/AccessConfig/Detail');
-    if (url) {
-        const tab: any = window.open(`${origin}/#${url}?view=false`);
-        tab.onTabSaveSuccess = (value: any) => {
-            if (value.status === 200) {
-                tableRef.value.reload();
-                handleClick(value.result);
-            }
-        };
-    }
-};
+
+getProvidersList()
 /**
  * 初始化
  */
@@ -1017,6 +712,23 @@ watchEffect(() => {
     }
 });
 
+const tooltip = computed(() => {
+  if (productStore.current?.count > 0) {
+    return '产品下有设备实例时不能更换接入方式'
+  }
+  if (productStore.current.state === 1) {
+    return '停用产品后才可更换接入方式'
+  }
+  return ''
+})
+
+const checkDisabled = computed(() => {
+  if (productStore.current?.count > 0 || productStore.current.state === 1) {
+    return true
+  }
+  return false
+})
+
 nextTick(() => {
     getData();
 });
diff --git a/src/views/edge/Device/index.vue b/src/views/edge/Device/index.vue
index 60551a1b..b5a4111a 100644
--- a/src/views/edge/Device/index.vue
+++ b/src/views/edge/Device/index.vue
@@ -51,8 +51,8 @@
                     >
                         <template #img>
                             <img
-                                :width="88"
-                                :height="88"
+                                :width="80"
+                                :height="80"
                                 :src="
                                     slotProps?.photoUrl ||
                                     getImage('/device-gateway.png')
diff --git a/src/views/oauth/index.vue b/src/views/oauth/index.vue
index 2faf9de5..c8550f64 100644
--- a/src/views/oauth/index.vue
+++ b/src/views/oauth/index.vue
@@ -23,7 +23,7 @@
                 <li>获取您的个人信息</li>
               </ul>
               <div class='oauth-content-button'>
-                <j-button type='primary' @click='goOAuth2Fn'> 同意授权 </j-button>
+                <j-button type='primary' @click='() => goOAuth2Fn()'> 同意授权 </j-button>
                 <j-button type='primary' @click='changeAccount'> 切换账号 </j-button>
               </div>
             </div>
@@ -121,6 +121,7 @@ const getCode = async () => {
 }
 
 const goOAuth2Fn = async (data?: any) => {
+  console.log(data, params.value)
   const res = await getOAuth2(data || params.value)
   if (res.success) {
     window.location.href = res.result;
@@ -168,7 +169,6 @@ const getQueryVariable = (variable: any) => {
 }
 
 const doLogin = async () => {
-  console.log(formModel)
   const res = await authLogin({
     verifyKey: captcha.key,
     ...formModel
@@ -197,7 +197,7 @@ const initPage = async () => {
     const origin = items.redirect_uri.split('/').slice(0, 3)
     const url = `${origin.join('/')}${items.redirect_uri?.split('redirect=')[1]}`
     // redirectUrl = `${items.redirect_uri?.split('redirect_uri=')[0]}?redirect=${url}`
-    redirectUrl = url
+    redirectUrl = items.redirect_uri
     console.log(origin, items.redirect_uri)
   }
 
@@ -216,6 +216,7 @@ const initPage = async () => {
 
 document.title = 'OAuth授权-jetlinks';
 headerImg.value = getImage('/logo.png')
+
 getCode()
 initPage()
 
diff --git a/src/views/rule-engine/Scene/Save/action/Device/Product.vue b/src/views/rule-engine/Scene/Save/action/Device/Product.vue
index 8ca557e1..ecfcfe0d 100644
--- a/src/views/rule-engine/Scene/Save/action/Device/Product.vue
+++ b/src/views/rule-engine/Scene/Save/action/Device/Product.vue
@@ -31,8 +31,8 @@
                 <template #img>
                     <slot name="img">
                         <img
-                            :width="88"
-                            :height="88"
+                            :width="80"
+                            :height="80"
                             :src="
                                 slotProps.photoUrl ||
                                 getImage('/device-product.png')