Showing
3 changed files
with
40 additions
and
2 deletions
| ... | ... | @@ -4,6 +4,12 @@ import { deviceProfile, getGATEWAYdevice } from '/@/api/device/deviceManager'; |
| 4 | 4 | import { getOrganizationList } from '/@/api/system/system'; |
| 5 | 5 | import { copyTransFun } from '/@/utils/fnUtils'; |
| 6 | 6 | |
| 7 | +export enum TypeEnum { | |
| 8 | + IS_GATEWAY = 'GATEWAY', | |
| 9 | +} | |
| 10 | +export const isGateWay = (type: string) => { | |
| 11 | + return type === TypeEnum.IS_GATEWAY; | |
| 12 | +}; | |
| 7 | 13 | // 第一步的表单 |
| 8 | 14 | export const step1Schemas: FormSchema[] = [ |
| 9 | 15 | { |
| ... | ... | @@ -45,6 +51,27 @@ export const step1Schemas: FormSchema[] = [ |
| 45 | 51 | }, |
| 46 | 52 | }, |
| 47 | 53 | { |
| 54 | + field: 'field7', | |
| 55 | + component: 'RadioGroup', | |
| 56 | + label: '选择厂家', | |
| 57 | + colProps: { | |
| 58 | + span: 8, | |
| 59 | + }, | |
| 60 | + componentProps: { | |
| 61 | + options: [ | |
| 62 | + { | |
| 63 | + label: '自定义厂家', | |
| 64 | + value: '1', | |
| 65 | + }, | |
| 66 | + { | |
| 67 | + label: 'TBox边缘网关', | |
| 68 | + value: '2', | |
| 69 | + }, | |
| 70 | + ], | |
| 71 | + }, | |
| 72 | + ifShow: ({ values }) => isGateWay(values.deviceType), | |
| 73 | + }, | |
| 74 | + { | |
| 48 | 75 | field: 'profileId', |
| 49 | 76 | label: '设备配置', |
| 50 | 77 | required: true, | ... | ... |
| ... | ... | @@ -120,7 +120,7 @@ |
| 120 | 120 | |
| 121 | 121 | const [register, { validate, resetFields, setFieldsValue, getFieldsValue, updateSchema }] = |
| 122 | 122 | useForm({ |
| 123 | - labelWidth: 100, | |
| 123 | + labelWidth: 120, | |
| 124 | 124 | schemas: step1Schemas, |
| 125 | 125 | actionColOptions: { |
| 126 | 126 | span: 14, |
| ... | ... | @@ -387,4 +387,7 @@ |
| 387 | 387 | width: 450px; |
| 388 | 388 | margin: 0 auto; |
| 389 | 389 | } |
| 390 | + :deep(.ant-radio-group) { | |
| 391 | + width: 15vw; | |
| 392 | + } | |
| 390 | 393 | </style> | ... | ... |
| ... | ... | @@ -52,7 +52,13 @@ |
| 52 | 52 | <div class="mt-4"> |
| 53 | 53 | <a-button type="primary" class="mr-4" @click="copyTbDeviceId">复制设备ID</a-button> |
| 54 | 54 | <a-button type="primary" class="mr-4" @click="copyDeviceToken">复制访问令牌</a-button> |
| 55 | - <a-button type="primary" @click="manageDeviceToken">管理设备凭证</a-button> | |
| 55 | + <a-button type="primary" class="mr-4" @click="manageDeviceToken">管理设备凭证</a-button> | |
| 56 | + <a-button | |
| 57 | + type="primary" | |
| 58 | + v-if="deviceDetail.deviceType == 'GATEWAY'" | |
| 59 | + @click="remoteConnectiondGateway" | |
| 60 | + >远程连接边缘网关</a-button | |
| 61 | + > | |
| 56 | 62 | <ManageDeviceTokenModal @register="registerModal" /> |
| 57 | 63 | </div> |
| 58 | 64 | <div v-if="deviceDetail?.deviceInfo?.address" class="mt-4"> |
| ... | ... | @@ -160,6 +166,7 @@ |
| 160 | 166 | }; |
| 161 | 167 | |
| 162 | 168 | const [registerTopicModal, { openModal: openTopicModal }] = useModal(); |
| 169 | + const remoteConnectiondGateway = () => {}; | |
| 163 | 170 | |
| 164 | 171 | return { |
| 165 | 172 | wrapRef, |
| ... | ... | @@ -173,6 +180,7 @@ |
| 173 | 180 | registerTopicModal, |
| 174 | 181 | DeviceTypeEnum, |
| 175 | 182 | copyTopic, |
| 183 | + remoteConnectiondGateway, | |
| 176 | 184 | }; |
| 177 | 185 | }, |
| 178 | 186 | }); | ... | ... |