From 44d6d77b8e52ca85f026a58d80087cc801fbe887 Mon Sep 17 00:00:00 2001
From: jackhoo_98 <jackhoo_98@foxmail.com>
Date: Fri, 13 Jan 2023 10:35:55 +0800
Subject: [PATCH 1/4] =?UTF-8?q?fix:=20=E8=AF=81=E4=B9=A6=E7=AE=A1=E7=90=86?=
 =?UTF-8?q?=20=E6=96=87=E4=BB=B6=E4=B8=8A=E4=BC=A0=E5=9C=B0=E5=9D=80?=
 =?UTF-8?q?=E5=B8=B8=E9=87=8F=E6=9B=B4=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/link/certificate.js                           | 7 +++++--
 src/utils/variable.ts                                 | 2 --
 src/views/link/Certificate/Detail/CertificateFile.vue | 9 +++------
 src/views/link/Certificate/Detail/index.vue           | 6 ------
 4 files changed, 8 insertions(+), 16 deletions(-)

diff --git a/src/api/link/certificate.js b/src/api/link/certificate.js
index 24fe25f9..d4fe08a0 100644
--- a/src/api/link/certificate.js
+++ b/src/api/link/certificate.js
@@ -1,3 +1,6 @@
-import server from '@/utils/request'
+import server from '@/utils/request';
+import { BASE_API_PATH } from '@/utils/variable';
 
-export const save = (data) => server.post(`/network/certificate`, data)
\ No newline at end of file
+export const NETWORK_CERTIFICATE_UPLOAD = `${BASE_API_PATH}/network/certificate/upload`;
+
+export const save = (data) => server.post(`/network/certificate`, data);
diff --git a/src/utils/variable.ts b/src/utils/variable.ts
index 66af2141..692d66f4 100644
--- a/src/utils/variable.ts
+++ b/src/utils/variable.ts
@@ -3,5 +3,3 @@ export const BASE_API_PATH = import.meta.env.VITE_APP_BASE_API
 export const TOKEN_KEY = 'X-Access-Token'
 
 export const Version_Code = 'version_code'
-
-export const NETWORK_CERTIFICATE_UPLOAD = '/network/certificate/upload'
\ No newline at end of file
diff --git a/src/views/link/Certificate/Detail/CertificateFile.vue b/src/views/link/Certificate/Detail/CertificateFile.vue
index ae64c8f0..1bfe23c1 100644
--- a/src/views/link/Certificate/Detail/CertificateFile.vue
+++ b/src/views/link/Certificate/Detail/CertificateFile.vue
@@ -10,7 +10,7 @@
             <a-upload
                 accept=".pem"
                 listType="text"
-                :action="`${BASE_API_PATH}${NETWORK_CERTIFICATE_UPLOAD}`"
+                :action="NETWORK_CERTIFICATE_UPLOAD"
                 :headers="{
                     [TOKEN_KEY]: LocalStore.get(TOKEN_KEY),
                 }"
@@ -31,11 +31,8 @@ import { UploadOutlined } from '@ant-design/icons-vue';
 import { message } from 'ant-design-vue';
 import type { UploadChangeParam } from 'ant-design-vue';
 import { LocalStore } from '@/utils/comm';
-import {
-    BASE_API_PATH,
-    TOKEN_KEY,
-    NETWORK_CERTIFICATE_UPLOAD,
-} from '@/utils/variable';
+import { TOKEN_KEY } from '@/utils/variable';
+import { NETWORK_CERTIFICATE_UPLOAD } from '@/api/link/certificate';
 import type { UploadProps } from 'ant-design-vue';
 
 const emit = defineEmits(['update:modelValue', 'change']);
diff --git a/src/views/link/Certificate/Detail/index.vue b/src/views/link/Certificate/Detail/index.vue
index 1cb904b1..410bd10c 100644
--- a/src/views/link/Certificate/Detail/index.vue
+++ b/src/views/link/Certificate/Detail/index.vue
@@ -97,12 +97,6 @@ import { message, Form } from 'ant-design-vue';
 import { getImage } from '@/utils/comm';
 import CertificateFile from './CertificateFile.vue';
 import type { UploadChangeParam } from 'ant-design-vue';
-import { LocalStore } from '@/utils/comm';
-import {
-    BASE_API_PATH,
-    TOKEN_KEY,
-    NETWORK_CERTIFICATE_UPLOAD,
-} from '@/utils/variable';
 import { save } from '@/api/link/certificate';
 
 const router = useRouter();

From 91d1d10da522b50d76bc74a17e2f4db7f39cdbcf Mon Sep 17 00:00:00 2001
From: jackhoo_98 <jackhoo_98@foxmail.com>
Date: Fri, 13 Jan 2023 13:37:23 +0800
Subject: [PATCH 2/4] =?UTF-8?q?fix:=20=E8=AE=BE=E5=A4=87=E6=8E=A5=E5=85=A5?=
 =?UTF-8?q?=E7=BD=91=E5=85=B3=20=E8=87=AA=E5=AE=9A=E4=B9=89=E8=AE=BE?=
 =?UTF-8?q?=E5=A4=87=E6=8E=A5=E5=85=A5=E7=AC=AC=E4=B8=89=E6=AD=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/AccessCard/index.vue           |  13 +-
 .../link/AccessConfig/components/Network.vue  | 241 +++++++++++++++---
 2 files changed, 207 insertions(+), 47 deletions(-)

diff --git a/src/views/link/AccessConfig/components/AccessCard/index.vue b/src/views/link/AccessConfig/components/AccessCard/index.vue
index 66e67d13..8b77868c 100644
--- a/src/views/link/AccessConfig/components/AccessCard/index.vue
+++ b/src/views/link/AccessConfig/components/AccessCard/index.vue
@@ -16,13 +16,13 @@
             }}</a-tooltip>
         </div>
         <div class="checked-icon">
-            <div><a-icon type="check" /></div>
+            <div><CheckOutlined /></div>
         </div>
     </a-card>
 </template>
 
 <script lang="ts" setup name="AccessCard">
-
+import { CheckOutlined } from '@ant-design/icons-vue';
 
 const emit = defineEmits(['checkedChange']);
 
@@ -36,13 +36,10 @@ const props = defineProps({
         default: () => {},
     },
 });
-console.log(1112,props);
-
-const checkedChange=(id:string)=>{
-  emit('checkedChange', id);
-}
-
 
+const checkedChange = (id: string) => {
+    emit('checkedChange', id);
+};
 </script>
 
 <style lang="less" scoped>
diff --git a/src/views/link/AccessConfig/components/Network.vue b/src/views/link/AccessConfig/components/Network.vue
index aa354d17..209e5f1e 100644
--- a/src/views/link/AccessConfig/components/Network.vue
+++ b/src/views/link/AccessConfig/components/Network.vue
@@ -126,7 +126,12 @@
                 </div>
             </div>
             <div class="steps-box" v-else>
-                <div class="card-last">
+                <div
+                    class="card-last"
+                    :style="`max-height:${
+                        clientHeight > 900 ? 750 : clientHeight * 0.7
+                    }px`"
+                >
                     <a-row :gutter="[24, 24]">
                         <a-col :span="12">
                             <title-component data="基本信息" />
@@ -190,7 +195,6 @@
                                         v-if="config.document"
                                     >
                                         <Markdown :source="config.document" />
-
                                     </div>
                                 </div>
                                 <div
@@ -255,22 +259,32 @@
                                         :scroll="{ y: 300 }"
                                     >
                                         <template
-                                            #stream
-                                            slot-scope="text, record"
+                                            #bodyCell="{ column, text, record }"
                                         >
-                                            <span
+                                            <template
                                                 v-if="
-                                                    record.upstream &&
-                                                    record.downstream
+                                                    column.dataIndex ===
+                                                    'stream'
                                                 "
-                                                >上行、下行</span
-                                            >
-                                            <span v-else-if="record.upstream"
-                                                >上行</span
-                                            >
-                                            <span v-else-if="record.downstream"
-                                                >下行</span
                                             >
+                                                <span
+                                                    v-if="
+                                                        record.upstream &&
+                                                        record.downstream
+                                                    "
+                                                    >上行、下行</span
+                                                >
+                                                <span
+                                                    v-else-if="record.upstream"
+                                                    >上行</span
+                                                >
+                                                <span
+                                                    v-else-if="
+                                                        record.downstream
+                                                    "
+                                                    >下行</span
+                                                >
+                                            </template>
                                         </template>
                                     </a-table>
                                 </div>
@@ -314,10 +328,9 @@ import {
 } from '../Detail/data';
 import AccessCard from './AccessCard/index.vue';
 import { message, Form } from 'ant-design-vue';
-import type { FormInstance } from 'ant-design-vue';
+import type { FormInstance, TableColumnType } from 'ant-design-vue';
 import Markdown from 'vue3-markdown-it';
 
-
 //测试数据1
 const resultList1 = [
     {
@@ -363,13 +376,158 @@ const resultList1 = [
 //     metadata: '',
 // };
 const result2 = {
-"id": "MQTT",
-"name": "MQTT",
-"features": [],
-"routes": [],
-"document": "# MQTT认证说明\r\nCONNECT报文:\r\n```text\r\nclientId: 设备ID\r\nusername: secureId+\"|\"+timestamp\r\npassword: md5(secureId+\"|\"+timestamp+\"|\"+secureKey)\r\n ```\r\n\r\n说明: secureId以及secureKey在创建设备产品或设备实例时进行配置. \r\ntimestamp为当前系统时间戳(毫秒),与系统时间不能相差5分钟.\r\nmd5为32位,不区分大小写.",
-"metadata": "{\"functions\":[],\"name\":\"test\",\"description\":\"测试用\",\"id\":\"test\",\"properties\":[{\"valueType\":{\"round\":\"HALF_UP\",\"type\":\"double\"},\"name\":\"温度\",\"id\":\"t\"},{\"valueType\":{\"round\":\"HALF_UP\",\"type\":\"int\"},\"name\":\"状态\",\"id\":\"state\"}],\"events\":[],\"tags\":[]}"
-}
+    id: 'MQTT',
+    name: 'MQTT',
+    features: [
+        {
+            id: 'supportFirmware',
+            name: '支持固件升级',
+        },
+    ],
+    routes: [
+        {
+            topic: '/{productId:产品ID}/{deviceId:设备ID}/properties/report',
+            upstream: true,
+            downstream: false,
+            qos: 0,
+            group: '属性上报',
+            description: '上报物模型属性数据',
+            example: '{"properties":{"属性ID":"属性值"}}',
+            address: '/{productId:产品ID}/{deviceId:设备ID}/properties/report',
+        },
+        {
+            topic: '/{productId:产品ID}/{deviceId:设备ID}/properties/read',
+            upstream: false,
+            downstream: true,
+            qos: 0,
+            group: '读取属性',
+            description: '平台下发读取物模型属性数据指令',
+            example:
+                '{"messageId":"消息ID,回复时需要一致.","properties":["属性ID"]}',
+            address: '/{productId:产品ID}/{deviceId:设备ID}/properties/read',
+        },
+        {
+            topic: '/{productId:产品ID}/{deviceId:设备ID}/properties/read/reply',
+            upstream: true,
+            downstream: false,
+            qos: 0,
+            group: '读取属性',
+            description: '对平台下发的读取属性指令进行响应',
+            example:
+                '{"messageId":"消息ID,与读取指令中的ID一致.","properties":{"属性ID":"属性值"}}',
+            address:
+                '/{productId:产品ID}/{deviceId:设备ID}/properties/read/reply',
+        },
+        {
+            topic: '/{productId:产品ID}/{deviceId:设备ID}/properties/write',
+            upstream: false,
+            downstream: true,
+            qos: 0,
+            group: '修改属性',
+            description: '平台下发修改物模型属性数据指令',
+            example:
+                '{"messageId":"消息ID,回复时需要一致.","properties":{"属性ID":"属性值"}}',
+            address: '/{productId:产品ID}/{deviceId:设备ID}/properties/write',
+        },
+        {
+            topic: '/{productId:产品ID}/{deviceId:设备ID}/properties/write/reply',
+            upstream: true,
+            downstream: false,
+            qos: 0,
+            group: '修改属性',
+            description: '对平台下发的修改属性指令进行响应',
+            example:
+                '{"messageId":"消息ID,与修改指令中的ID一致.","properties":{"属性ID":"属性值"}}',
+            address:
+                '/{productId:产品ID}/{deviceId:设备ID}/properties/write/reply',
+        },
+        {
+            topic: '/{productId:产品ID}/{deviceId:设备ID}/event/{eventId:事件ID}',
+            upstream: true,
+            downstream: false,
+            qos: 0,
+            group: '事件上报',
+            description: '上报物模型事件数据',
+            example: '{"data":{"key":"value"}}',
+            address:
+                '/{productId:产品ID}/{deviceId:设备ID}/event/{eventId:事件ID}',
+        },
+        {
+            topic: '/{productId:产品ID}/{deviceId:设备ID}/function/invoke',
+            upstream: false,
+            downstream: true,
+            qos: 0,
+            group: '调用功能',
+            description: '平台下发功能调用指令',
+            example:
+                '{"messageId":"消息ID,回复时需要一致.","functionId":"功能标识","inputs":[{"name":"参数名","value":"参数值"}]}',
+            address: '/{productId:产品ID}/{deviceId:设备ID}/function/invoke',
+        },
+        {
+            topic: '/{productId:产品ID}/{deviceId:设备ID}/function/invoke/reply',
+            upstream: true,
+            downstream: false,
+            qos: 0,
+            group: '调用功能',
+            description: '设备响应平台下发的功能调用指令',
+            example:
+                '{"messageId":"消息ID,与下发指令中的messageId一致.","output":"输出结果,格式与物模型中定义的类型一致"',
+            address:
+                '/{productId:产品ID}/{deviceId:设备ID}/function/invoke/reply',
+        },
+        {
+            topic: '/{productId:产品ID}/{deviceId:设备ID}/child/{childDeviceId:子设备ID}/{#:子设备相应操作的topic}',
+            upstream: true,
+            downstream: true,
+            qos: 0,
+            group: '子设备消息',
+            description: '网关上报或者平台下发子设备消息',
+            address:
+                '/{productId:产品ID}/{deviceId:设备ID}/child/{childDeviceId:子设备ID}/{#:子设备相应操作的topic}',
+        },
+        {
+            topic: '/{productId:产品ID}/{deviceId:设备ID}/child-reply/{childDeviceId:子设备ID}/{#:子设备相应操作的topic}',
+            upstream: true,
+            downstream: true,
+            qos: 0,
+            group: '子设备消息',
+            description: '网关回复平台下发给子设备的指令结果',
+            address:
+                '/{productId:产品ID}/{deviceId:设备ID}/child-reply/{childDeviceId:子设备ID}/{#:子设备相应操作的topic}',
+        },
+        {
+            topic: '/{productId:产品ID}/{deviceId:设备ID}/tags',
+            upstream: true,
+            downstream: false,
+            qos: 0,
+            group: '更新标签',
+            description: '更新标签数据',
+            example: '{"tags":{"key","value"}}',
+            address: '/{productId:产品ID}/{deviceId:设备ID}/tags',
+        },
+        {
+            topic: '/{productId:产品ID}/{deviceId:设备ID}/online',
+            upstream: true,
+            downstream: false,
+            qos: 0,
+            group: '状态管理',
+            description: '设备上线',
+            address: '/{productId:产品ID}/{deviceId:设备ID}/online',
+        },
+        {
+            topic: '/{productId:产品ID}/{deviceId:设备ID}/offline',
+            upstream: true,
+            downstream: false,
+            qos: 0,
+            group: '状态管理',
+            description: '设备离线',
+            address: '/{productId:产品ID}/{deviceId:设备ID}/offline',
+        },
+    ],
+    document:
+        '### 认证说明\r\n\r\nCONNECT报文:\r\n```text\r\nclientId: 设备ID\r\nusername: secureId+"|"+timestamp\r\npassword: md5(secureId+"|"+timestamp+"|"+secureKey)\r\n ```\r\n\r\n说明: secureId以及secureKey在创建设备产品或设备实例时进行配置. \r\ntimestamp为当前时间戳(毫秒),与服务器时间不能相差5分钟.\r\nmd5为32位,不区分大小写.',
+    metadata: '',
+};
 
 function generateUUID() {
     var d = new Date().getTime();
@@ -400,6 +558,8 @@ const props = defineProps({
     },
 });
 
+const clientHeight = document.body.clientHeight;
+
 const formRef = ref<FormInstance>();
 const useForm = Form.useForm;
 
@@ -412,7 +572,7 @@ const allProcotolList = ref([]);
 const networkCurrent = ref('');
 const procotolCurrent = ref('');
 let config = ref({});
-let columnsMQTT = ref([]);
+let columnsMQTT = ref(<TableColumnType>[]);
 const form = reactive({
     name: '',
     description: '',
@@ -576,7 +736,7 @@ const next = async () => {
             //使用测试数据2
             config.value = result2;
             current.value = current.value + 1;
-            columnsMQTT = [
+            columnsMQTT.value = [
                 {
                     title: '分组',
                     dataIndex: 'group',
@@ -584,20 +744,24 @@ const next = async () => {
                     ellipsis: true,
                     align: 'center',
                     width: 100,
-                    customRender: (value, row, index) => {
+                    customCell: (record: object, rowIndex: number) => {
                         const obj = {
-                            children: value,
-                            attrs: {},
+                            children: record,
+                            rowSpan: 0,
                         };
-                        const list = (config && config.routes) || [];
-                        const arr = list.filter((res) => {
-                            return res.group == row.group;
-                        });
-                        if (index == 0 || list[index - 1].group !== row.group) {
-                            obj.attrs.rowSpan = arr.length;
-                        } else {
-                            obj.attrs.rowSpan = 0;
-                        }
+                        const list =
+                            (config.value && config.value.routes) || [];
+
+                        const arr = list.filter(
+                            (res: object) => res.group == record.group,
+                        );
+
+                        if (
+                            rowIndex == 0 ||
+                            list[rowIndex - 1].group !== record.group
+                        )
+                            obj.rowSpan = arr.length;
+
                         return obj;
                     },
                 },
@@ -605,6 +769,7 @@ const next = async () => {
                     title: 'topic',
                     dataIndex: 'topic',
                     key: 'topic',
+                    align: 'center',
                     ellipsis: true,
                 },
                 {
@@ -614,7 +779,6 @@ const next = async () => {
                     ellipsis: true,
                     align: 'center',
                     width: 100,
-                    scopedSlots: { customRender: 'stream' },
                 },
                 {
                     title: '说明',
@@ -755,7 +919,6 @@ watch(
     }
     .card-last {
         padding-right: 5px;
-        max-height: 580px;
         overflow-y: auto;
         overflow-x: hidden;
     }

From 8dd5f2f22a5e1b7a756f5324521926b1dd7b7691 Mon Sep 17 00:00:00 2001
From: easy <1358086367@qq.com>
Date: Fri, 13 Jan 2023 14:35:34 +0800
Subject: [PATCH 3/4] =?UTF-8?q?update:=20=E9=A6=96=E9=A1=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/home/components/BootCard.vue        |  13 +-
 src/views/home/components/BootCardSmall.vue   |  14 +-
 .../components/ComprehensiveHome/index.vue    | 166 ++---------------
 .../home/components/DevOpsHome/index.vue      |  72 +------
 .../home/components/DeviceHome/index.vue      |  72 +------
 .../components/dialogs/FuncTestDialog.vue     |  43 +----
 src/views/home/index.d.ts                     |  14 +-
 src/views/home/modules/config.ts              | 176 ++++++++++++++++++
 8 files changed, 223 insertions(+), 347 deletions(-)
 create mode 100644 src/views/home/modules/config.ts

diff --git a/src/views/home/components/BootCard.vue b/src/views/home/components/BootCard.vue
index 8116e41c..f0767db4 100644
--- a/src/views/home/components/BootCard.vue
+++ b/src/views/home/components/BootCard.vue
@@ -23,23 +23,16 @@
 
 <script setup lang="ts">
 import { message } from 'ant-design-vue';
-
-type configItem = {
-    auth: boolean;
-    link: string;
-    english: string;
-    label: string;
-    params?: object;
-};
+import { bootConfig } from "../index";
 
 const router = useRouter();
 const props = defineProps({
-    cardData: Array<configItem>,
+    cardData: Array<bootConfig>,
     cardTitle: String,
 });
 const { cardData, cardTitle } = toRefs(props);
 
-const jumpPage = (row: configItem): void => {
+const jumpPage = (row: bootConfig): void => {
     if (row.auth && row.link) {
         router.push(`${row.link}${objToParams(row.params || {})}`);
     } else {
diff --git a/src/views/home/components/BootCardSmall.vue b/src/views/home/components/BootCardSmall.vue
index 56f5e208..6537703c 100644
--- a/src/views/home/components/BootCardSmall.vue
+++ b/src/views/home/components/BootCardSmall.vue
@@ -28,24 +28,16 @@
 
 <script setup lang="ts">
 import { message } from 'ant-design-vue';
-
-type configItem = {
-    auth: boolean;
-    link: string;
-    english: string;
-    label: string;
-    params?: object;
-    image: string;
-};
+import { bootConfig } from "../index";
 
 const router = useRouter();
 const props = defineProps({
-    cardData: Array<configItem>,
+    cardData: Array<bootConfig>,
     cardTitle: String,
 });
 const { cardData, cardTitle } = toRefs(props);
 
-const jumpPage = (row: configItem): void => {
+const jumpPage = (row: bootConfig): void => {
     if (row.auth && row.link) {
         router.push(`${row.link}${objToParams(row.params || {})}`);
     } else {
diff --git a/src/views/home/components/ComprehensiveHome/index.vue b/src/views/home/components/ComprehensiveHome/index.vue
index 764cb8c8..d01776b3 100644
--- a/src/views/home/components/ComprehensiveHome/index.vue
+++ b/src/views/home/components/ComprehensiveHome/index.vue
@@ -3,7 +3,7 @@
         <a-row :gutter="24" class="top" style="margin-bottom: 24px">
             <a-col :span="6" class="left">
                 <BootCardSmall
-                    :cardData="devBootConfig"
+                    :cardData="deviceBootConfig"
                     cardTitle="物联网引导"
                 />
                 <div style="width: 100%; height: 24px"></div>
@@ -23,7 +23,7 @@
         <StepCard
             cardTitle="设备接入推荐步骤"
             tooltip="不同的设备因为通信协议的不同，存在接入步骤的差异"
-            :dataList="devStepDetails"
+            :dataList="deviceStepDetails"
             style="margin-bottom: 24px"
         />
         <StepCard
@@ -39,152 +39,26 @@ import BootCardSmall from '../BootCardSmall.vue';
 import DeviceCountCard from '../DeviceCountCard.vue';
 import BasicCountCard from '../BasicCountCard.vue';
 import PlatformPicCard from '../PlatformPicCard.vue';
-import { recommendList } from '../../index';
-
 import StepCard from '../StepCard.vue';
 
-// 物联网引导-数据
-const devBootConfig = [
-    {
-        english: 'STEP1',
-        label: '创建产品',
-        link: '/a',
-        auth: true,
-        save: true,
-        image: '/images/home/guide-home1.png',
-    },
-    {
-        english: 'STEP2',
-        label: '创建设备',
-        link: '/b',
-        auth: true,
-        save: true,
-        image: '/images/home/guide-home2.png',
-    },
-    {
-        english: 'STEP3',
-        label: '规则引擎',
-        link: '/c',
-        auth: false,
-        save: true,
-        image: '/images/home/guide-home3.png',
-    },
+import {
+    deviceBootConfig as _deviceBootConfig,
+    deviceStepDetails,
+    opsBootConfig as _opsBootConfig,
+    opsStepDetails,
+} from '../../modules/config';
+
+const deviceImages = [
+    '/images/home/guide-home1.png',
+    '/images/home/guide-home2.png',
+    '/images/home/guide-home3.png',
 ];
-// 运维管理引导-数据
-const opsBootConfig = [
-    {
-        english: 'STEP1',
-        label: '创建产品',
-        link: '/a',
-        auth: true,
-        save: true,
-        image: '/images/home/guide-home4.png',
-    },
-    {
-        english: 'STEP2',
-        label: '创建设备',
-        link: '/b',
-        auth: true,
-        save: true,
-        image: '/images/home/guide-home5.png',
-    },
-    {
-        english: 'STEP3',
-        label: '规则引擎',
-        link: '/c',
-        auth: false,
-        save: true,
-        image: '/images/home/guide-home6.png',
-    },
+const opsImages = [
+    '/images/home/guide-home4.png',
+    '/images/home/guide-home5.png',
+    '/images/home/guide-home6.png',
 ];
-// 设备接入推荐步骤-数据
-const devStepDetails = [
-    {
-        title: '创建产品',
-        details:
-            '产品是设备的集合，通常指一组具有相同功能的设备。物联设备必须通过产品进行接入方式配置。',
-        iconUrl: '/images/home/bottom-4.png',
-        linkUrl: '/a',
-        auth: true,
-    },
-    {
-        title: '配置产品接入方式',
-        details:
-            '通过产品对同一类型的设备进行统一的接入方式配置。请参照设备铭牌说明选择匹配的接入方式。',
-        iconUrl: '/images/home/bottom-1.png',
-        linkUrl: '/a',
-        auth: true,
-        dialogTag: 'accessMethod',
-    },
-    {
-        title: '添加测试设备',
-        details: '添加单个设备，用于验证产品模型是否配置正确。',
-        iconUrl: '/images/home/bottom-5.png',
-        linkUrl: '/a',
-        auth: true,
-    },
-    {
-        title: '功能调试',
-        details:
-            '对添加的测试设备进行功能调试，验证能否连接到平台，设备功能是否配置正确。',
-        iconUrl: '/images/home/bottom-2.png',
-        linkUrl: '/a',
-        auth: true,
-        dialogTag: 'funcTest',
-    },
-    {
-        title: '批量添加设备',
-        details: '批量添加同一产品下的设备',
-        iconUrl: '/images/home/bottom-3.png',
-        linkUrl: '/a',
-        auth: false,
-    },
-] as recommendList[];
-// 运维管理推荐步骤-数据
-const opsStepDetails = [
-    {
-        title: '协议管理',
-        details:
-            '根据业务需求自定义开发对应的产品（设备模型）接入协议，并上传到平台。',
-        iconUrl: '/images/home/bottom-1.png',
-        linkUrl: '/a',
-        auth: true,
-        params: {
-            a: 1,
-            save: true,
-        },
-    },
-    {
-        title: '证书管理',
-        details: '统一维护平台内的证书，用于数据通信加密。',
-        iconUrl: '/images/home/bottom-6.png',
-        linkUrl: '/a',
-        auth: true,
-        params: {
-            a: 1,
-            save: false,
-        },
-    },
-    {
-        title: '网络组件',
-        details: '根据不同的传输类型配置平台底层网络组件相关参数。',
-        iconUrl: '/images/home/bottom-3.png',
-        linkUrl: '/a',
-        auth: true,
-    },
-    {
-        title: '设备接入网关',
-        details: '根据不同的传输类型，关联消息协议，配置设备接入网关相关参数。',
-        iconUrl: '/images/home/bottom-4.png',
-        linkUrl: '/a',
-        auth: true,
-    },
-    {
-        title: '日志管理',
-        details: '监控系统日志，及时处理系统异常。',
-        iconUrl: '/images/home/bottom-5.png',
-        linkUrl: '/a',
-        auth: false,
-    },
-] as recommendList[];
+
+const deviceBootConfig = _deviceBootConfig.map((item,i) => ({...item, image: deviceImages[i]}));
+const opsBootConfig = _opsBootConfig.map((item,i) => ({...item, image: opsImages[i]}));
 </script>
diff --git a/src/views/home/components/DevOpsHome/index.vue b/src/views/home/components/DevOpsHome/index.vue
index be054ca0..e3326295 100644
--- a/src/views/home/components/DevOpsHome/index.vue
+++ b/src/views/home/components/DevOpsHome/index.vue
@@ -2,7 +2,7 @@
     <div class="device-home-container">
         <a-row :gutter="10">
             <a-col :span="14">
-                <BootCard :cardData="bootConfig" cardTitle="运维引导" />
+                <BootCard :cardData="opsBootConfig" cardTitle="运维引导" />
             </a-col>
             <a-col :span="10">
                 <BasicCountCard />
@@ -15,7 +15,7 @@
             <StepCard
                 cardTitle="运维管理推荐步骤"
                 tooltip="请根据业务需要对下述步骤进行选择性操作。"
-                :dataList="stepDetails"
+                :dataList="opsStepDetails"
             />
         </a-row>
     </div>
@@ -27,74 +27,8 @@ import BasicCountCard from '../BasicCountCard.vue';
 import PlatformPicCard from '../PlatformPicCard.vue';
 import StepCard from '../StepCard.vue';
 
-import {recommendList} from '../../index'
-// import {getImage} from '@/utils/comm'
+import { opsBootConfig, opsStepDetails } from '../../modules/config';
 
-// 运维引导-数据
-const bootConfig = [
-    {
-        english: 'STEP1',
-        label: '设备接入配置',
-        link: '/a',
-        auth: true,
-        save: true,
-    },
-    {
-        english: 'STEP2',
-        label: '日志排查',
-        link: '/b',
-        auth: true,
-        save: true,
-    },
-    {
-        english: 'STEP3',
-        label: '实时监控',
-        link: '/c',
-        auth: false,
-        save: true,
-    },
-];
-// 运维管理推荐步骤-数据
-const stepDetails = [
-    {
-        title: '创建产品',
-        details:
-            '产品是设备的集合，通常指一组具有相同功能的设备。物联设备必须通过产品进行接入方式配置。',
-        iconUrl: '/images/home/bottom-4.png',
-        linkUrl: '/a',
-        auth: true,
-    },
-    {
-        title: '配置产品接入方式',
-        details:
-            '通过产品对同一类型的设备进行统一的接入方式配置。请参照设备铭牌说明选择匹配的接入方式。',
-        iconUrl: '/images/home/bottom-1.png',
-        linkUrl: '/a',
-        auth: true,
-    },
-    {
-        title: '添加测试设备',
-        details: '添加单个设备，用于验证产品模型是否配置正确。',
-        iconUrl: '/images/home/bottom-5.png',
-        linkUrl: '/a',
-        auth: true,
-    },
-    {
-        title: '功能调试',
-        details:
-            '对添加的测试设备进行功能调试，验证能否连接到平台，设备功能是否配置正确。',
-        iconUrl: '/images/home/bottom-2.png',
-        linkUrl: '/a',
-        auth: true,
-    },
-    {
-        title: '批量添加设备',
-        details: '批量添加同一产品下的设备',
-        iconUrl: '/images/home/bottom-3.png',
-        linkUrl: '/a',
-        auth: false,
-    },
-] as recommendList[];
 </script>
 
 <style lang="less" scoped>
diff --git a/src/views/home/components/DeviceHome/index.vue b/src/views/home/components/DeviceHome/index.vue
index e9c29b38..b518f8ae 100644
--- a/src/views/home/components/DeviceHome/index.vue
+++ b/src/views/home/components/DeviceHome/index.vue
@@ -2,7 +2,7 @@
     <div class="device-home-container">
         <a-row :gutter="10">
             <a-col :span="14">
-                <BootCard :cardData="bootConfig" cardTitle="物联网引导" />
+                <BootCard :cardData="deviceBootConfig" cardTitle="物联网引导" />
             </a-col>
             <a-col :span="10">
                 <DeviceCountCard />
@@ -15,7 +15,7 @@
             <StepCard
                 cardTitle="设备接入推荐步骤"
                 tooltip="不同的设备因为通信协议的不同，存在接入步骤的差异"
-                :dataList="stepDetails"
+                :dataList="deviceStepDetails"
             />
         </a-row>
     </div>
@@ -27,73 +27,7 @@ import DeviceCountCard from '../DeviceCountCard.vue';
 import PlatformPicCard from '../PlatformPicCard.vue';
 import StepCard from '../StepCard.vue';
 
-import {recommendList} from '../../index'
-
-// import {getImage} from '@/utils/comm'
-
-// 物联网引导-数据
-const bootConfig = [
-    {
-        english: 'STEP1',
-        label: '创建产品',
-        link: '/a',
-        auth: true,
-        params: {},
-    },
-    {
-        english: 'STEP2',
-        label: '创建设备',
-        link: '/b',
-        auth: true,
-        params: {},
-    },
-    {
-        english: 'STEP3',
-        label: '规则引擎',
-        link: '/c',
-        auth: false,
-        params: {},
-    },
-];
-// 设备接入推荐步骤-数据
-const stepDetails = [
-    {
-        title: '协议管理',
-        details:
-            '根据业务需求自定义开发对应的产品（设备模型）接入协议，并上传到平台。',
-        iconUrl: '/images/home/bottom-1.png',
-        linkUrl: '/a',
-        auth: true,
-    },
-    {
-        title: '证书管理',
-        details: '统一维护平台内的证书，用于数据通信加密。',
-        iconUrl: '/images/home/bottom-6.png',
-        linkUrl: '/a',
-        auth: true,
-    },
-    {
-        title: '网络组件',
-        details: '根据不同的传输类型配置平台底层网络组件相关参数。',
-        iconUrl: '/images/home/bottom-3.png',
-        linkUrl: '/a',
-        auth: true,
-    },
-    {
-        title: '设备接入网关',
-        details: '根据不同的传输类型，关联消息协议，配置设备接入网关相关参数。',
-        iconUrl: '/images/home/bottom-4.png',
-        linkUrl: '/a',
-        auth: true,
-    },
-    {
-        title: '日志管理',
-        details: '监控系统日志，及时处理系统异常。',
-        iconUrl: '/images/home/bottom-5.png',
-        linkUrl: '/a',
-        auth: false,
-    },
-] as recommendList[];
+import { deviceBootConfig, deviceStepDetails } from '../../modules/config';
 </script>
 
 <style lang="less" scoped>
diff --git a/src/views/home/components/dialogs/FuncTestDialog.vue b/src/views/home/components/dialogs/FuncTestDialog.vue
index 9f285087..f04db868 100644
--- a/src/views/home/components/dialogs/FuncTestDialog.vue
+++ b/src/views/home/components/dialogs/FuncTestDialog.vue
@@ -8,43 +8,20 @@
         :getContainer="getContainer"
         :maskClosable="false"
     >
-        <div class="search">
-            <a-select
-                v-model:value="form.key"
-                style="width: 100px;margin-right: 20px;"
-                :options="productList"
-            />
-            <a-select
-                v-model:value="form.relation"
-                style="width: 100px;margin-right: 20px;"
-                :options="productList"
-            />
-            <a-input v-model:value="form.keyValue" allow-clear style="width: 230px;margin-right: 50px;" />
-
-            <a-button type="primary" @click="clickSearch" style="margin-right: 10px;">
-                <template #icon><SearchOutlined /></template>
-                搜索
-            </a-button>
-            <a-button @click="clickReset">
-                <template #icon><reload-outlined /></template>
-                重置
-            </a-button>
-        </div>
+        <Search />
         <JTable :columns="columns" model="TABLE"> </JTable>
 
         <template #footer>
-            <a-button key="back" @click="visible = false
-            ">取消</a-button>
-            <a-button key="submit" type="primary" @click="handleOk">确认</a-button>
+            <a-button key="back" @click="visible = false">取消</a-button>
+            <a-button key="submit" type="primary" @click="handleOk"
+                >确认</a-button
+            >
         </template>
     </a-modal>
 </template>
 
 <script setup lang="ts">
 import { ComponentInternalInstance } from 'vue';
-import { SearchOutlined, ReloadOutlined } from '@ant-design/icons-vue';
-
-import { productItem, deviceInfo } from '../../index';
 
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
 const emits = defineEmits(['confirm']);
@@ -64,7 +41,6 @@ watch(
     () => {
         visible.value = true;
         clickReset();
-        getOptions();
         clickSearch();
     },
 );
@@ -75,10 +51,7 @@ const form = ref({
     relation: '',
     keyValue: '',
 });
-const productList = ref<[productItem] | []>([]);
-const getOptions = () => {
-    productList.value = [];
-};
+
 const clickSearch = () => {};
 const clickReset = () => {
     Object.entries(form.value).forEach(([prop]) => {
@@ -114,9 +87,6 @@ const columns = [
         key: 'status',
     },
 ];
-const tableData = ref<deviceInfo[]>([]);
-const selectItem: deviceInfo | {} = {};
-const getList = () => {};
 </script>
 
 <style lang="less" scoped>
@@ -125,5 +95,4 @@ const getList = () => {};
         display: flex;
     }
 }
-
 </style>
diff --git a/src/views/home/index.d.ts b/src/views/home/index.d.ts
index 4dcabf2c..6b8a22bb 100644
--- a/src/views/home/index.d.ts
+++ b/src/views/home/index.d.ts
@@ -8,11 +8,6 @@ export interface recommendList {
     auth: boolean;
     dialogTag?: 'accessMethod' | 'funcTest';
 }
-// 产品列表里的每项
-export interface productItem {
-    label: string;
-    value: string
-}
 
 export interface deviceInfo {
     deviceId: string,
@@ -20,4 +15,13 @@ export interface deviceInfo {
     productName: string,
     createTime: string,
     status: boolean
+}
+
+export interface bootConfig {
+    english: string,
+    label: string,
+    link: string,
+    auth: boolean,
+    image?:string,
+    params?: object,
 }
\ No newline at end of file
diff --git a/src/views/home/modules/config.ts b/src/views/home/modules/config.ts
new file mode 100644
index 00000000..68281b8c
--- /dev/null
+++ b/src/views/home/modules/config.ts
@@ -0,0 +1,176 @@
+// import {getImage} from '@/utils/comm'
+import { usePermissionStore } from "@/store/permission";
+import { recommendList, bootConfig } from "../index";
+
+
+// 权限控制
+const hasPermission = usePermissionStore().hasPermission;
+const productPermission = (action: string) =>
+    hasPermission(`device/Product:${action}"`);
+const devicePermission = (action: string) =>
+    hasPermission(`device/Instance:${action}"`);
+const rulePermission = (action: string) =>
+    hasPermission(`rule-engine/Instance:${action}"`);
+
+
+// 物联网引导-数据
+export const deviceBootConfig: bootConfig[] = [
+    {
+        english: 'STEP1',
+        label: '创建产品',
+        link: '/a',
+        auth: productPermission('add'),
+        params: {
+            save: true,
+        },
+    },
+    {
+        english: 'STEP2',
+        label: '创建设备',
+        link: '/b',
+        auth: devicePermission('add'),
+        params: {
+            save: true,
+        },
+    },
+    {
+        english: 'STEP3',
+        label: '规则引擎',
+        link: '/c',
+        auth: rulePermission('add'),
+        params: {
+            save: true,
+        },
+    },
+];
+// 设备接入推荐步骤-数据
+export const deviceStepDetails: recommendList[] = [
+    {
+        title: '创建产品',
+        details:
+            '产品是设备的集合，通常指一组具有相同功能的设备。物联设备必须通过产品进行接入方式配置。',
+        iconUrl: '/images/home/bottom-4.png',
+        linkUrl: '/a',
+        auth: productPermission('add'),
+        params: {
+            save: true,
+        },
+    },
+    {
+        title: '配置产品接入方式',
+        details:
+            '通过产品对同一类型的设备进行统一的接入方式配置。请参照设备铭牌说明选择匹配的接入方式。',
+        iconUrl: '/images/home/bottom-1.png',
+        linkUrl: '/a',
+        auth: productPermission('update'),
+        dialogTag: 'accessMethod',
+    },
+    {
+        title: '添加测试设备',
+        details: '添加单个设备，用于验证产品模型是否配置正确。',
+        iconUrl: '/images/home/bottom-5.png',
+        linkUrl: '/a',
+        auth: devicePermission('add'),
+        params: {
+            save: true,
+        },
+    },
+    {
+        title: '功能调试',
+        details:
+            '对添加的测试设备进行功能调试，验证能否连接到平台，设备功能是否配置正确。',
+        iconUrl: '/images/home/bottom-2.png',
+        linkUrl: '/a',
+        auth: devicePermission('update'),
+        dialogTag: 'funcTest',
+    },
+    {
+        title: '批量添加设备',
+        details: '批量添加同一产品下的设备',
+        iconUrl: '/images/home/bottom-3.png',
+        linkUrl: '/a',
+        auth: devicePermission('import'),
+        params: {
+            import: true,
+        },
+    },
+];
+
+
+// 运维管理引导-数据
+export const opsBootConfig: bootConfig[] = [
+    {
+        english: 'STEP1',
+        label: '设备接入配置',
+        link: '/a',
+        auth: true,
+    },
+    {
+        english: 'STEP2',
+        label: '日志排查',
+        link: '/b',
+        auth: true,
+        params: {
+            key: 'system',
+        },
+    },
+    {
+        english: 'STEP3',
+        label: '实时监控',
+        link: '/c',
+        auth: false,
+        params: {
+            save: true,
+        },
+    },
+];
+// 运维管理推荐步骤-数据
+export const opsStepDetails: recommendList[] = [
+    {
+        title: '协议管理',
+        details:
+            '根据业务需求自定义开发对应的产品（设备模型）接入协议，并上传到平台。',
+        iconUrl: '/images/home/bottom-1.png',
+        linkUrl: '/a',
+        auth: true,
+        params: {
+            a: 1,
+            save: true,
+        },
+    },
+    {
+        title: '证书管理',
+        details: '统一维护平台内的证书，用于数据通信加密。',
+        iconUrl: '/images/home/bottom-6.png',
+        linkUrl: '/a',
+        auth: true,
+        params: {
+            a: 1,
+            save: false,
+        },
+    },
+    {
+        title: '网络组件',
+        details: '根据不同的传输类型配置平台底层网络组件相关参数。',
+        iconUrl: '/images/home/bottom-3.png',
+        linkUrl: '/a',
+        auth: true,
+    },
+    {
+        title: '设备接入网关',
+        details: '根据不同的传输类型，关联消息协议，配置设备接入网关相关参数。',
+        iconUrl: '/images/home/bottom-4.png',
+        linkUrl: '/a',
+        auth: true,
+    },
+    {
+        title: '日志管理',
+        details: '监控系统日志，及时处理系统异常。',
+        iconUrl: '/images/home/bottom-5.png',
+        linkUrl: '/a',
+        auth: false,
+        params: {
+            key: 'system',
+        }
+    },
+];
\ No newline at end of file

From 295a283856dcfc0f0e2e0687df2df7ab2035b41c Mon Sep 17 00:00:00 2001
From: jackhoo_98 <jackhoo_98@foxmail.com>
Date: Mon, 16 Jan 2023 09:53:54 +0800
Subject: [PATCH 4/4] =?UTF-8?q?fix:=20=E8=AE=BE=E5=A4=87=E6=8E=A5=E5=85=A5?=
 =?UTF-8?q?=E7=BD=91=E5=85=B3=20=20=E8=A7=86=E9=A2=91=E8=AE=BE=E5=A4=87?=
 =?UTF-8?q?=E8=A1=A8=E5=8D=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../AccessConfig/components/Media/index.vue   | 120 +++++++++++++++++-
 1 file changed, 114 insertions(+), 6 deletions(-)

diff --git a/src/views/link/AccessConfig/components/Media/index.vue b/src/views/link/AccessConfig/components/Media/index.vue
index 75957aea..14e48b22 100644
--- a/src/views/link/AccessConfig/components/Media/index.vue
+++ b/src/views/link/AccessConfig/components/Media/index.vue
@@ -1,11 +1,85 @@
 <template>
-  <div style="margin-top: 10px">
-111
-  </div>
+    <div class="container">
+        <div v-if="channel==='fixed-media'" class="card-last">
+            <a-row :gutter="[24, 24]">
+                <a-col :span="12">
+                    <title-component data="基本信息" />
+                    <div>
+                        <a-form
+                            :model="formState"
+                            name="basic"
+                            autocomplete="off"
+                            layout="vertical"
+                            @finish="onFinish"
+                        >
+                            <a-form-item
+                                label="名称"
+                                name="name"
+                                :rules="[
+                                    {
+                                        required: true,
+                                        message: '请输入证书名称',
+                                        trigger: 'blur',
+                                    },
+                                    { max: 64, message: '最多可输入64个字符' },
+                                ]"
+                            >
+                                <a-input v-model:value="formState.name" />
+                            </a-form-item>
+                            <a-form-item label="说明" name="description">
+                                <a-textarea
+                                    placeholder="请输入说明"
+                                    :rows="4"
+                                    v-model:value="formState.description"
+                                    show-count
+                                    :maxlength="200"
+                                />
+                            </a-form-item>
+                            <a-form-item>
+                                <a-button type="primary" html-type="submit"
+                                    >保存</a-button
+                                >
+                            </a-form-item>
+                        </a-form>
+                    </div>
+                </a-col>
+                <a-col :span="12">
+                    <div class="config-right">
+                        <div class="config-right-item">
+                            <div class="config-right-item-title">接入方式</div>
+                            <div class="config-right-item-context">
+                                {{ provider.name }}
+                            </div>
+                            <div class="config-right-item-context">
+                                {{ provider.description }}
+                            </div>
+                        </div>
+                        <div class="config-right-item">
+                            <div class="config-right-item-title">消息协议</div>
+                            <div class="config-right-item-context">
+                                {{
+                                    provider.id === 'fixed-media'
+                                        ? 'URL'
+                                        : 'SIP'
+                                }}
+                            </div>
+                        </div>
+                    </div>
+                </a-col>
+            </a-row>
+        </div>
+        <div v-else>123</div>
+    </div>
 </template>
 
 <script lang="ts" setup name="AccessMedia">
+import { message, Form } from 'ant-design-vue';
+import type { FormInstance } from 'ant-design-vue';
 
+interface FormState {
+    name: string;
+    description: string;
+}
 
 const props = defineProps({
     provider: {
@@ -18,13 +92,47 @@ const props = defineProps({
     },
 });
 
-const channel = ref(props.provider.channel)
-
-console.log(211,props);
+const channel = ref(props.provider.channel);
+console.log(211, channel.value, props);
 
+const formState = reactive<FormState>({
+    name: '',
+    description: '',
+});
+const onFinish = (values: any) => {
+    console.log('Success:', values);
+};
 
 </script>
 
 <style lang="less" scoped>
+.container {
+    margin: 20px;
+}
 
+.card-last {
+    padding-right: 5px;
+    overflow-y: auto;
+    overflow-x: hidden;
+}
+.config-right {
+    padding: 20px;
+    color: rgba(0, 0, 0, 0.8);
+    background: rgba(0, 0, 0, 0.04);
+
+    .config-right-item {
+        margin-bottom: 10px;
+
+        .config-right-item-title {
+            width: 100%;
+            margin-bottom: 10px;
+            font-weight: 600;
+        }
+
+        .config-right-item-context {
+            margin: 5px 0;
+            color: rgba(0, 0, 0, 0.8);
+        }
+    }
+}
 </style>