From 7e1c9de11f70fdf3ddaf90d710032a99b9debd90 Mon Sep 17 00:00:00 2001 From: jackhoo_98 Date: Tue, 10 Jan 2023 13:51:14 +0800 Subject: [PATCH] =?UTF-8?q?=20feat:=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=87=AA=E5=AE=9A=E4=B9=89=E8=AE=BE?= =?UTF-8?q?=E5=A4=87=E6=8E=A5=E5=85=A5=E5=9F=BA=E6=9C=ACCard=E6=A0=B7?= =?UTF-8?q?=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/images/access/rectangle.png | Bin 0 -> 159 bytes src/router/menu.ts | 5 + src/views/link/AccessConfig/Detail/data.ts | 99 ++++++++++++++ src/views/link/AccessConfig/Detail/index.vue | 135 +++++++++++++++++++ src/views/link/AccessConfig/index.vue | 11 ++ 5 files changed, 250 insertions(+) create mode 100644 public/images/access/rectangle.png create mode 100644 src/views/link/AccessConfig/Detail/data.ts create mode 100644 src/views/link/AccessConfig/Detail/index.vue create mode 100644 src/views/link/AccessConfig/index.vue diff --git a/public/images/access/rectangle.png b/public/images/access/rectangle.png new file mode 100644 index 0000000000000000000000000000000000000000..c35d4341e2ccbcc69aadcb69653fd2d0ee864986 GIT binary patch literal 159 zcmeAS@N?(olHy`uVBq!ia0vp^4nWMr!3HE>{JgajNO2Z;L>4nJa0`PlBg3pY55jgR3=A9lx&I`x0{JGME{-7;j87+63o_YK BEa3nE literal 0 HcmV?d00001 diff --git a/src/router/menu.ts b/src/router/menu.ts index adb62f21..0ff059c9 100644 --- a/src/router/menu.ts +++ b/src/router/menu.ts @@ -34,6 +34,7 @@ export default [ }, // end: 测试用, 可删除 + // link 运维管理 { path: '/link/log', component: () => import('@/views/link/Log/index.vue') @@ -46,4 +47,8 @@ export default [ path: '/link/certificate/detail/add', component: () => import('@/views/link/Certificate/Detail/index.vue') }, + { + path: '/link/accessConfig/detail/add', + component: () => import('@/views/link/AccessConfig/Detail/index.vue') + }, ] \ No newline at end of file diff --git a/src/views/link/AccessConfig/Detail/data.ts b/src/views/link/AccessConfig/Detail/data.ts new file mode 100644 index 00000000..7dc2fe8a --- /dev/null +++ b/src/views/link/AccessConfig/Detail/data.ts @@ -0,0 +1,99 @@ +const MetworkTypeMapping = new Map(); +MetworkTypeMapping.set('websocket-server', 'WEB_SOCKET_SERVER'); +MetworkTypeMapping.set('http-server-gateway', 'HTTP_SERVER'); +MetworkTypeMapping.set('udp-device-gateway', 'UDP'); +MetworkTypeMapping.set('coap-server-gateway', 'COAP_SERVER'); +MetworkTypeMapping.set('mqtt-client-gateway', 'MQTT_CLIENT'); +MetworkTypeMapping.set('mqtt-server-gateway', 'MQTT_SERVER'); +MetworkTypeMapping.set('tcp-server-gateway', 'TCP_SERVER'); + +const ProcotoleMapping = new Map(); +ProcotoleMapping.set('websocket-server', 'WebSocket'); +ProcotoleMapping.set('http-server-gateway', 'HTTP'); +ProcotoleMapping.set('udp-device-gateway', 'UDP'); +ProcotoleMapping.set('coap-server-gateway', 'CoAP'); +ProcotoleMapping.set('mqtt-client-gateway', 'MQTT'); +ProcotoleMapping.set('mqtt-server-gateway', 'MQTT'); +ProcotoleMapping.set('tcp-server-gateway', 'TCP'); +ProcotoleMapping.set('child-device', ''); + +const descriptionList = { + 'udp-device-gateway': + 'UDP可以让设备无需建立连接就可以与平台传输数据。在允许一定程度丢包的情况下，提供轻量化且简单的连接。', + 'tcp-server-gateway': + 'TCP服务是一种面向连接的、可靠的、基于字节流的传输层通信协议。设备可通过TCP服务与平台进行长链接，实时更新状态并发送消息。可自定义多种粘拆包规则，处理传输过程中可能发生的粘拆包问题。', + 'websocket-server': + 'WebSocket是一种在单个TCP连接上进行全双工通信的协议，允许服务端主动向客户端推送数据。设备通过WebSocket服务与平台进行长链接，实时更新状态并发送消息，且可以发布订阅消息', + 'mqtt-client-gateway': + 'MQTT是ISO 标准下基于发布/订阅范式的消息协议，具有轻量、简单、开放和易于实现的特点。平台使用指定的ID接入其他远程平台，订阅消息。也可添加用户名和密码校验。可设置最大消息长度。可统一设置共享的订阅前缀。', + 'http-server-gateway': + 'HTTP服务是一个简单的请求-响应的基于TCP的无状态协议。设备通过HTTP服务与平台进行灵活的短链接通信，仅支持设备和平台之间单对单的请求-响应模式', + 'mqtt-server-gateway': + 'MQTT是ISO 标准下基于发布/订阅范式的消息协议，具有轻量、简单、开放和易于实现的特点。提供MQTT的服务端，以供设备以长链接的方式接入平台。设备使用唯一的ID，也可添加用户名和密码校验。可设置最大消息长度。', + 'coap-server-gateway': + 'CoAP是针对只有少量的内存空间和有限的计算能力提供的一种基于UDP的协议。便于低功耗或网络受限的设备与平台通信，仅支持设备和平台之间单对单的请求-响应模式。', +}; + +const columnsMQTT = [ + { + title: '分组', + dataIndex: 'group', + key: 'group', + ellipsis: true, + align: 'center', + width: 100, + scopedSlots: { customRender: 'group' }, + }, + { + title: 'topic', + dataIndex: 'topic', + key: 'topic', + scopedSlots: { customRender: 'topic' }, + }, + { + title: '上下行', + dataIndex: 'stream', + key: 'stream', + ellipsis: true, + align: 'center', + width: 100, + scopedSlots: { customRender: 'stream' }, + }, + { + title: '说明', + dataIndex: 'description', + key: 'description', + scopedSlots: { customRender: 'description' }, + }, +] + +const columnsHTTP = [ + { + title: '分组', + dataIndex: 'group', + key: 'group', + ellipsis: true, + width: 100, + scopedSlots: { customRender: 'group' }, + }, + { + title: '地址', + dataIndex: 'address', + key: 'address', + scopedSlots: { customRender: 'address' }, + }, + { + title: '示例', + dataIndex: 'example', + key: 'example', + scopedSlots: { customRender: 'example' }, + }, + { + title: '说明', + dataIndex: 'description', + key: 'description', + scopedSlots: { customRender: 'description' } + }, +] + +export { MetworkTypeMapping, ProcotoleMapping, descriptionList, columnsMQTT, columnsHTTP }; diff --git a/src/views/link/AccessConfig/Detail/index.vue b/src/views/link/AccessConfig/Detail/index.vue new file mode 100644 index 00000000..57a64f6b --- /dev/null +++ b/src/views/link/AccessConfig/Detail/index.vue @@ -0,0 +1,135 @@ + + + + + diff --git a/src/views/link/AccessConfig/index.vue b/src/views/link/AccessConfig/index.vue new file mode 100644 index 00000000..5ce2ef66 --- /dev/null +++ b/src/views/link/AccessConfig/index.vue @@ -0,0 +1,11 @@ + +