@@ -1,11 +1,11 @@ | |||||
import { PlusOutlined } from '@ant-design/icons'; | |||||
import { Button, message, Input, Drawer, Popconfirm } from 'antd'; | |||||
import React, { useState, useRef, useEffect } from 'react'; | |||||
import { PlusOutlined,CopyOutlined } from '@ant-design/icons'; | |||||
import { Button, message, Input, Drawer, Popconfirm,Typography } from 'antd'; | |||||
import React, { useState, useRef, useEffect} from 'react'; | |||||
import { PageContainer, FooterToolbar } from '@ant-design/pro-layout'; | import { PageContainer, FooterToolbar } from '@ant-design/pro-layout'; | ||||
import ProTable from '@ant-design/pro-table'; | import ProTable from '@ant-design/pro-table'; | ||||
import ProDescriptions from '@ant-design/pro-descriptions'; | import ProDescriptions from '@ant-design/pro-descriptions'; | ||||
import PushFrom from './components/PushFrom'; | import PushFrom from './components/PushFrom'; | ||||
import Field from '@ant-design/pro-field'; | |||||
import { | import { | ||||
GetDevicePushRecodePage, | GetDevicePushRecodePage, | ||||
DevicePushRecodeAdd, | DevicePushRecodeAdd, | ||||
@@ -23,6 +23,7 @@ const goodspush = () => { | |||||
const actionRef = useRef(); | const actionRef = useRef(); | ||||
const [currentRow, setCurrentRow] = useState(); | const [currentRow, setCurrentRow] = useState(); | ||||
const [selectedRowsState, setSelectedRows] = useState([]); | const [selectedRowsState, setSelectedRows] = useState([]); | ||||
const { Paragraph, Text } = Typography; | |||||
/** 国际化修改 */ | /** 国际化修改 */ | ||||
useEffect(() => { | useEffect(() => { | ||||
@@ -159,6 +160,7 @@ const HandleOk= async(values)=>{ | |||||
} | } | ||||
}) | }) | ||||
} | } | ||||
return ( | return ( | ||||
<PageContainer host header={{ | <PageContainer host header={{ | ||||
title: '', | title: '', | ||||
@@ -267,11 +269,28 @@ const HandleOk= async(values)=>{ | |||||
<ProDescriptions.Item label="下发设备" valueType="text"> | <ProDescriptions.Item label="下发设备" valueType="text"> | ||||
{currentRow?.deviceName} | {currentRow?.deviceName} | ||||
</ProDescriptions.Item> | </ProDescriptions.Item> | ||||
<ProDescriptions.Item label="topic" valueType="text" copyable={true}> | |||||
<a href='#'>{currentRow?.topic}</a> | |||||
<ProDescriptions.Item label="topic" copyable valueType="text"> | |||||
{currentRow?.topic} | |||||
</ProDescriptions.Item> | </ProDescriptions.Item> | ||||
<ProDescriptions.Item contentStyle={{ maxWidth: '85%'}} label="下发数据" valueType="jsonCode" > | |||||
{currentRow?.dataResore} | |||||
<ProDescriptions.Item contentStyle={{ maxWidth: '85%'}} label="下发数据"> | |||||
<a | |||||
onClick={() => { | |||||
let oInput = document.createElement('input'); | |||||
oInput.value = currentRow.dataResore; | |||||
document.body.appendChild(oInput); | |||||
oInput.select(); // 选择对象 | |||||
document.execCommand('Copy'); // 执行浏览器复制命令 | |||||
message.success('复制成功'); | |||||
oInput.remove(); | |||||
}} | |||||
> | |||||
<CopyOutlined /> | |||||
<div style={{ overflow: 'scroll', overflowX: 'auto' }}> | |||||
<Field text={currentRow?.dataResore} valueType="jsonCode" /> | |||||
</div> | |||||
</a> | |||||
</ProDescriptions.Item> | </ProDescriptions.Item> | ||||
</ProDescriptions> | </ProDescriptions> | ||||
)} | )} | ||||
@@ -1,11 +1,11 @@ | |||||
import { PlusOutlined } from '@ant-design/icons'; | |||||
import { Button, message, Input, Drawer, Popconfirm } from 'antd'; | |||||
import { PlusOutlined,CopyOutlined } from '@ant-design/icons'; | |||||
import { Button, message, Input, Drawer, Popconfirm,Typography } from 'antd'; | |||||
import React, { useState, useRef, useEffect } from 'react'; | import React, { useState, useRef, useEffect } from 'react'; | ||||
import { PageContainer, FooterToolbar } from '@ant-design/pro-layout'; | import { PageContainer, FooterToolbar } from '@ant-design/pro-layout'; | ||||
import ProTable from '@ant-design/pro-table'; | import ProTable from '@ant-design/pro-table'; | ||||
import ProDescriptions from '@ant-design/pro-descriptions'; | import ProDescriptions from '@ant-design/pro-descriptions'; | ||||
import PushFrom from './components/PushFrom'; | import PushFrom from './components/PushFrom'; | ||||
import Field from '@ant-design/pro-field'; | |||||
import { | import { | ||||
GetDevicePushRecodePage, | GetDevicePushRecodePage, | ||||
DevicePushRecodeAdd, | DevicePushRecodeAdd, | ||||
@@ -23,6 +23,7 @@ const goodspush = () => { | |||||
const actionRef = useRef(); | const actionRef = useRef(); | ||||
const [currentRow, setCurrentRow] = useState(); | const [currentRow, setCurrentRow] = useState(); | ||||
const [selectedRowsState, setSelectedRows] = useState([]); | const [selectedRowsState, setSelectedRows] = useState([]); | ||||
const { Paragraph, Text } = Typography; | |||||
/** 国际化修改 */ | /** 国际化修改 */ | ||||
useEffect(() => { | useEffect(() => { | ||||
@@ -267,11 +268,27 @@ const HandleOk= async(values)=>{ | |||||
<ProDescriptions.Item label="下发设备" valueType="text"> | <ProDescriptions.Item label="下发设备" valueType="text"> | ||||
{currentRow?.deviceName} | {currentRow?.deviceName} | ||||
</ProDescriptions.Item> | </ProDescriptions.Item> | ||||
<ProDescriptions.Item label="topic" valueType="text" copyable={true}> | |||||
<a href='#'>{currentRow?.topic}</a> | |||||
<ProDescriptions.Item label="topic" copyable valueType="text"> | |||||
{currentRow?.topic} | |||||
</ProDescriptions.Item> | </ProDescriptions.Item> | ||||
<ProDescriptions.Item contentStyle={{ maxWidth: '85%'}} label="下发数据" valueType="jsonCode" > | |||||
{currentRow?.dataResore} | |||||
<ProDescriptions.Item contentStyle={{ maxWidth: '85%'}} label="下发数据"> | |||||
<a | |||||
onClick={() => { | |||||
let oInput = document.createElement('input'); | |||||
oInput.value = currentRow.dataResore; | |||||
document.body.appendChild(oInput); | |||||
oInput.select(); // 选择对象 | |||||
document.execCommand('Copy'); // 执行浏览器复制命令 | |||||
message.success('复制成功'); | |||||
oInput.remove(); | |||||
}} | |||||
> | |||||
<CopyOutlined /> | |||||
<div style={{ width: '500px', overflow: 'scroll', overflowX: 'auto' }}> | |||||
<Field text={currentRow?.dataResore} valueType="jsonCode" /> | |||||
</div> | |||||
</a> | |||||
</ProDescriptions.Item> | </ProDescriptions.Item> | ||||
</ProDescriptions> | </ProDescriptions> | ||||
)} | )} | ||||
@@ -1,11 +1,11 @@ | |||||
import { PlusOutlined } from '@ant-design/icons'; | |||||
import { Button, message, Input, Drawer, Popconfirm } from 'antd'; | |||||
import { PlusOutlined,CopyOutlined } from '@ant-design/icons'; | |||||
import { Button, message, Input, Drawer, Popconfirm,Typography } from 'antd'; | |||||
import React, { useState, useRef, useEffect } from 'react'; | import React, { useState, useRef, useEffect } from 'react'; | ||||
import { PageContainer, FooterToolbar } from '@ant-design/pro-layout'; | import { PageContainer, FooterToolbar } from '@ant-design/pro-layout'; | ||||
import ProTable from '@ant-design/pro-table'; | import ProTable from '@ant-design/pro-table'; | ||||
import ProDescriptions from '@ant-design/pro-descriptions'; | import ProDescriptions from '@ant-design/pro-descriptions'; | ||||
import PushFrom from './components/PushFrom'; | import PushFrom from './components/PushFrom'; | ||||
import Field from '@ant-design/pro-field'; | |||||
import { | import { | ||||
GetDevicePushRecodePage, | GetDevicePushRecodePage, | ||||
DevicePushRecodeAdd, | DevicePushRecodeAdd, | ||||
@@ -23,6 +23,7 @@ const goodspush = () => { | |||||
const actionRef = useRef(); | const actionRef = useRef(); | ||||
const [currentRow, setCurrentRow] = useState(); | const [currentRow, setCurrentRow] = useState(); | ||||
const [selectedRowsState, setSelectedRows] = useState([]); | const [selectedRowsState, setSelectedRows] = useState([]); | ||||
const { Paragraph, Text } = Typography; | |||||
/** 国际化修改 */ | /** 国际化修改 */ | ||||
useEffect(() => { | useEffect(() => { | ||||
@@ -267,11 +268,27 @@ const HandleOk= async(values)=>{ | |||||
<ProDescriptions.Item label="下发设备" valueType="text"> | <ProDescriptions.Item label="下发设备" valueType="text"> | ||||
{currentRow?.deviceName} | {currentRow?.deviceName} | ||||
</ProDescriptions.Item> | </ProDescriptions.Item> | ||||
<ProDescriptions.Item label="topic" valueType="text" copyable={true}> | |||||
<a href='#'>{currentRow?.topic}</a> | |||||
<ProDescriptions.Item label="topic" copyable valueType="text"> | |||||
{currentRow?.topic} | |||||
</ProDescriptions.Item> | </ProDescriptions.Item> | ||||
<ProDescriptions.Item contentStyle={{ maxWidth: '85%'}} label="下发数据" valueType="jsonCode" > | |||||
{currentRow?.dataResore} | |||||
<ProDescriptions.Item contentStyle={{ maxWidth: '85%'}} label="下发数据"> | |||||
<a | |||||
onClick={() => { | |||||
let oInput = document.createElement('input'); | |||||
oInput.value = currentRow.dataResore; | |||||
document.body.appendChild(oInput); | |||||
oInput.select(); // 选择对象 | |||||
document.execCommand('Copy'); // 执行浏览器复制命令 | |||||
message.success('复制成功'); | |||||
oInput.remove(); | |||||
}} | |||||
> | |||||
<CopyOutlined /> | |||||
<div style={{ overflow: 'scroll', overflowX: 'auto' }}> | |||||
<Field text={currentRow?.dataResore} valueType="jsonCode" /> | |||||
</div> | |||||
</a> | |||||
</ProDescriptions.Item> | </ProDescriptions.Item> | ||||
</ProDescriptions> | </ProDescriptions> | ||||
)} | )} | ||||