Commit 942a415a35e165495ffb7a90ea826f9dc849744b
Merge branch 'perf/deviceaccess-add-copy' into 'main_dev'
perf: 修复设备接入信息详情和添加信息详情复制功能 See merge request yunteng/thingskit-front!1242
Showing
3 changed files
with
113 additions
and
2 deletions
| 1 | 1 | <template> |
| 2 | - <BasicDrawer v-bind="$attrs" @register="registerDrawer" title="设备接入信息详情" width="25%"> | |
| 2 | + <BasicDrawer | |
| 3 | + v-bind="$attrs" | |
| 4 | + @register="registerDrawer" | |
| 5 | + title="设备接入信息详情" | |
| 6 | + width="25%" | |
| 7 | + destroy-on-close | |
| 8 | + > | |
| 3 | 9 | <Description :column="3" size="middle" @register="registeDesc" /> |
| 4 | 10 | </BasicDrawer> |
| 5 | 11 | </template> | ... | ... |
| 1 | +import { h } from 'vue'; | |
| 2 | +import { handeleCopy } from '../profiles/step/topic'; | |
| 1 | 3 | import { DescItem } from '/@/components/Description/src/typing'; |
| 2 | 4 | import { BasicColumn, FormSchema } from '/@/components/Table'; |
| 3 | 5 | |
| ... | ... | @@ -178,33 +180,137 @@ export const detailSchema: DescItem[] = [ |
| 178 | 180 | { |
| 179 | 181 | field: 'intranetIp', |
| 180 | 182 | label: '内网ip', |
| 183 | + render: (text) => { | |
| 184 | + return h( | |
| 185 | + 'span', | |
| 186 | + | |
| 187 | + { | |
| 188 | + style: { cursor: 'pointer' }, | |
| 189 | + onClick: () => { | |
| 190 | + handeleCopy(text); | |
| 191 | + }, | |
| 192 | + }, | |
| 193 | + text | |
| 194 | + ); | |
| 195 | + }, | |
| 181 | 196 | }, |
| 182 | 197 | { |
| 183 | 198 | field: 'intranetPort', |
| 184 | 199 | label: '内网端口', |
| 200 | + render: (text) => { | |
| 201 | + return h( | |
| 202 | + 'span', | |
| 203 | + | |
| 204 | + { | |
| 205 | + style: { cursor: 'pointer' }, | |
| 206 | + onClick: () => { | |
| 207 | + handeleCopy(text); | |
| 208 | + }, | |
| 209 | + }, | |
| 210 | + text | |
| 211 | + ); | |
| 212 | + }, | |
| 185 | 213 | }, |
| 186 | 214 | { |
| 187 | 215 | field: 'outerNetIp', |
| 188 | 216 | label: '外网ip', |
| 217 | + render: (text) => { | |
| 218 | + return h( | |
| 219 | + 'span', | |
| 220 | + | |
| 221 | + { | |
| 222 | + style: { cursor: 'pointer' }, | |
| 223 | + onClick: () => { | |
| 224 | + handeleCopy(text); | |
| 225 | + }, | |
| 226 | + }, | |
| 227 | + text | |
| 228 | + ); | |
| 229 | + }, | |
| 189 | 230 | }, |
| 190 | 231 | { |
| 191 | 232 | field: 'outerNetPort', |
| 192 | 233 | label: '外网端口', |
| 234 | + render: (text) => { | |
| 235 | + return h( | |
| 236 | + 'span', | |
| 237 | + | |
| 238 | + { | |
| 239 | + style: { cursor: 'pointer' }, | |
| 240 | + onClick: () => { | |
| 241 | + handeleCopy(text); | |
| 242 | + }, | |
| 243 | + }, | |
| 244 | + text | |
| 245 | + ); | |
| 246 | + }, | |
| 193 | 247 | }, |
| 194 | 248 | { |
| 195 | 249 | field: 'deviceAgreement', |
| 196 | 250 | label: '接入协议', |
| 251 | + render: (text) => { | |
| 252 | + return h( | |
| 253 | + 'span', | |
| 254 | + | |
| 255 | + { | |
| 256 | + style: { cursor: 'pointer' }, | |
| 257 | + onClick: () => { | |
| 258 | + handeleCopy(text); | |
| 259 | + }, | |
| 260 | + }, | |
| 261 | + text | |
| 262 | + ); | |
| 263 | + }, | |
| 197 | 264 | }, |
| 198 | 265 | { |
| 199 | 266 | field: 'serverId', |
| 200 | 267 | label: '服务器ID', |
| 268 | + render: (text) => { | |
| 269 | + return h( | |
| 270 | + 'span', | |
| 271 | + | |
| 272 | + { | |
| 273 | + style: { cursor: 'pointer' }, | |
| 274 | + onClick: () => { | |
| 275 | + handeleCopy(text); | |
| 276 | + }, | |
| 277 | + }, | |
| 278 | + text | |
| 279 | + ); | |
| 280 | + }, | |
| 201 | 281 | }, |
| 202 | 282 | { |
| 203 | 283 | field: 'serverDomain', |
| 204 | 284 | label: '服务器域', |
| 285 | + render: (text) => { | |
| 286 | + return h( | |
| 287 | + 'span', | |
| 288 | + | |
| 289 | + { | |
| 290 | + style: { cursor: 'pointer' }, | |
| 291 | + onClick: () => { | |
| 292 | + handeleCopy(text); | |
| 293 | + }, | |
| 294 | + }, | |
| 295 | + text | |
| 296 | + ); | |
| 297 | + }, | |
| 205 | 298 | }, |
| 206 | 299 | { |
| 207 | 300 | field: 'serverPassword', |
| 208 | 301 | label: '密码', |
| 302 | + render: (text) => { | |
| 303 | + return h( | |
| 304 | + 'span', | |
| 305 | + | |
| 306 | + { | |
| 307 | + style: { cursor: 'pointer' }, | |
| 308 | + onClick: () => { | |
| 309 | + handeleCopy(text); | |
| 310 | + }, | |
| 311 | + }, | |
| 312 | + text | |
| 313 | + ); | |
| 314 | + }, | |
| 209 | 315 | }, |
| 210 | 316 | ]; | ... | ... |