- 修复无法查看原生会话录屏的bug

- 优化列表显示的时间
- 优化获取开发环境的方式

web/src/components/asset/Asset.js

@@ -26,9 +26,8 @@ import qs from "qs";
 import AssetModal from "./AssetModal";
 import request from "../../common/request";
 import {message} from "antd/es";
-import {itemRender} from "../../utils/utils";
-
-
+import {isEmpty, itemRender} from "../../utils/utils";
+import dayjs from 'dayjs';
 import {
     DeleteOutlined,
     DownOutlined,
@@ -41,6 +40,7 @@ import {PROTOCOL_COLORS} from "../../common/constants";
 import Logout from "../user/Logout";
 import {hasPermission, isAdmin} from "../../service/permission";
 
+
 const confirm = Modal.confirm;
 const {Search} = Input;
 const {Content} = Layout;
@@ -59,6 +59,7 @@ const routes = [
 class Asset extends Component {
 
     inputRefOfName = React.createRef();
+    inputRefOfIp = React.createRef();
     changeOwnerFormRef = React.createRef();
 
     state = {
@@ -172,6 +173,17 @@ class Asset extends Component {
         this.loadTableData(query);
     };
 
+    handleSearchByIp = ip => {
+        let query = {
+            ...this.state.queryParams,
+            'pageIndex': 1,
+            'pageSize': this.state.queryParams.pageSize,
+            'ip': ip,
+        }
+
+        this.loadTableData(query);
+    };
+
     handleTagsChange = tags => {
         this.setState({
             selectedTags: tags
@@ -459,18 +471,48 @@ class Asset extends Component {
             dataIndex: 'protocol',
             key: 'protocol',
             render: (text, record) => {
-
-                return (<Tag color={PROTOCOL_COLORS[text]}>{text}</Tag>);
+                const title = `${record['ip'] + ':' + record['port']}`
+                return (
+                    <Tooltip title={title}>
+                        <Tag color={PROTOCOL_COLORS[text]}>{text}</Tag>
+                    </Tooltip>
+                )
+            }
+        }, {
+            title: '标签',
+            dataIndex: 'tags',
+            key: 'tags',
+            render: tags => {
+                if (!isEmpty(tags)) {
+                    let tagDocuments = []
+                    let tagArr = tags.split(',');
+                    for (let i = 0; i < tagArr.length; i++) {
+                        if (tags[i] === '-') {
+                            continue;
+                        }
+                        tagDocuments.push(<Tag>{tagArr[i]}</Tag>)
+                    }
+                    return tagDocuments;
+                }
             }
         }, {
             title: '状态',
             dataIndex: 'active',
             key: 'active',
             render: text => {
+
                 if (text) {
-                    return (<Badge status="processing" text="运行中"/>);
+                    return (
+                        <Tooltip title='运行中'>
+                            <Badge status="processing"/>
+                        </Tooltip>
+                    )
                 } else {
-                    return (<Badge status="error" text="不可用"/>);
+                    return (
+                        <Tooltip title='不可用'>
+                            <Badge status="error"/>
+                        </Tooltip>
+                    )
                 }
             }
         }, {
@@ -480,7 +522,14 @@ class Asset extends Component {
         }, {
             title: '创建日期',
             dataIndex: 'created',
-            key: 'created'
+            key: 'created',
+            render: (text, record) => {
+                return (
+                    <Tooltip title={text}>
+                        {dayjs(text).fromNow()}
+                    </Tooltip>
+                )
+            }
         },
             {
                 title: '操作',
@@ -598,10 +647,10 @@ class Asset extends Component {
                 <Content key='page-content' className="site-layout-background page-content">
                     <div style={{marginBottom: 20}}>
                         <Row justify="space-around" align="middle" gutter={24}>
-                            <Col span={8} key={1}>
+                            <Col span={4} key={1}>
                                 <Title level={3}>资产列表</Title>
                             </Col>
-                            <Col span={16} key={2} style={{textAlign: 'right'}}>
+                            <Col span={20} key={2} style={{textAlign: 'right'}}>
                                 <Space>
 
                                     <Search
@@ -609,6 +658,15 @@ class Asset extends Component {
                                         placeholder="资产名称"
                                         allowClear
                                         onSearch={this.handleSearchByName}
+                                        style={{width: 200}}
+                                    />
+
+                                    <Search
+                                        ref={this.inputRefOfIp}
+                                        placeholder="资产IP"
+                                        allowClear
+                                        onSearch={this.handleSearchByIp}
+                                        style={{width: 200}}
                                     />
 
                                     <Select mode="multiple"
@@ -638,6 +696,7 @@ class Asset extends Component {
 
                                         <Button icon={<UndoOutlined/>} onClick={() => {
                                             this.inputRefOfName.current.setValue('');
+                                            this.inputRefOfIp.current.setValue('');
                                             this.setState({
                                                 selectedTags: []
                                             })