Commit 942a415a35e165495ffb7a90ea826f9dc849744b

Authored by xp.Huang
2 parents 17886e0f dca10ce4

Merge branch 'perf/deviceaccess-add-copy' into 'main_dev'

perf: 修复设备接入信息详情和添加信息详情复制功能

See merge request yunteng/thingskit-front!1242
1 <template> 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 <Description :column="3" size="middle" @register="registeDesc" /> 9 <Description :column="3" size="middle" @register="registeDesc" />
4 </BasicDrawer> 10 </BasicDrawer>
5 </template> 11 </template>
  1 +import { h } from 'vue';
  2 +import { handeleCopy } from '../profiles/step/topic';
1 import { DescItem } from '/@/components/Description/src/typing'; 3 import { DescItem } from '/@/components/Description/src/typing';
2 import { BasicColumn, FormSchema } from '/@/components/Table'; 4 import { BasicColumn, FormSchema } from '/@/components/Table';
3 5
@@ -178,33 +180,137 @@ export const detailSchema: DescItem[] = [ @@ -178,33 +180,137 @@ export const detailSchema: DescItem[] = [
178 { 180 {
179 field: 'intranetIp', 181 field: 'intranetIp',
180 label: '内网ip', 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 field: 'intranetPort', 198 field: 'intranetPort',
184 label: '内网端口', 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 field: 'outerNetIp', 215 field: 'outerNetIp',
188 label: '外网ip', 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 field: 'outerNetPort', 232 field: 'outerNetPort',
192 label: '外网端口', 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 field: 'deviceAgreement', 249 field: 'deviceAgreement',
196 label: '接入协议', 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 field: 'serverId', 266 field: 'serverId',
200 label: '服务器ID', 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 field: 'serverDomain', 283 field: 'serverDomain',
204 label: '服务器域', 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 field: 'serverPassword', 300 field: 'serverPassword',
208 label: '密码', 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 ];
@@ -150,7 +150,6 @@ @@ -150,7 +150,6 @@
150 title="设备接入信息详情" 150 title="设备接入信息详情"
151 @register="registerDetailDrawer" 151 @register="registerDetailDrawer"
152 width="40%" 152 width="40%"
153 - destroy-on-close  
154 /> 153 />
155 </div> 154 </div>
156 </template> 155 </template>