|
|
@ -1,7 +1,6 @@ |
|
|
import React, { useEffect, useRef, useState } from 'react'; |
|
|
import React, { useEffect, useRef, useState } from 'react'; |
|
|
import { connect } from 'react-redux'; |
|
|
import { connect } from 'react-redux'; |
|
|
import { Skeleton, Button, Pagination, Table, Popconfirm, Tooltip } from '@douyinfe/semi-ui'; |
|
|
import { Skeleton, Button, Pagination, Table, Popconfirm, Tooltip } from '@douyinfe/semi-ui'; |
|
|
import { IconAlertTriangle } from "@douyinfe/semi-icons"; |
|
|
|
|
|
import { SkeletonScreen, } from "$components"; |
|
|
import { SkeletonScreen, } from "$components"; |
|
|
import moment from "moment"; |
|
|
import moment from "moment"; |
|
|
import SystemModal from '../components/systemModal' |
|
|
import SystemModal from '../components/systemModal' |
|
|
@ -106,9 +105,9 @@ const Example = (props) => { |
|
|
<div style={{ display: 'flex', alignItems: 'center' }}> |
|
|
<div style={{ display: 'flex', alignItems: 'center' }}> |
|
|
{ |
|
|
{ |
|
|
anxinerror ? ( |
|
|
anxinerror ? ( |
|
|
<Tooltip content={anxinerrorArr.join(',') + ',项目已在[安心云]中被删除'}> |
|
|
<Tooltip content={anxinerrorArr.join(',') + ',项目已在【安心云】中被删除'}> |
|
|
<div style={{ marginRight: 5 }}> |
|
|
<div style={{ marginRight: 5 }}> |
|
|
<IconAlertTriangle size='small' style={{ color: '#FE9812' }} /> |
|
|
<img src="/assets/images/install/risk.png" alt="" style={{ height: 24, width: 24, }} /> |
|
|
</div> |
|
|
</div> |
|
|
</Tooltip>) : ('') |
|
|
</Tooltip>) : ('') |
|
|
} |
|
|
} |
|
|
@ -176,9 +175,9 @@ const Example = (props) => { |
|
|
<div style={{ display: 'flex', alignItems: 'center' }}> |
|
|
<div style={{ display: 'flex', alignItems: 'center' }}> |
|
|
{ |
|
|
{ |
|
|
row.pepProjectIsDelete == 1 ? ( |
|
|
row.pepProjectIsDelete == 1 ? ( |
|
|
<Tooltip content={'失效,项目已在[项企PEP]中被删除!'}> |
|
|
<Tooltip content={'失效,项目已在【项企PEP】中被删除!'}> |
|
|
<div style={{ marginRight: 5 }}> |
|
|
<div style={{ marginRight: 5 }}> |
|
|
<IconAlertTriangle size='small' style={{ color: '#FE9812' }} /> |
|
|
<img src="/assets/images/install/risk.png" alt="" style={{ height: 24, width: 24, }} /> |
|
|
</div> |
|
|
</div> |
|
|
</Tooltip>) : ('') |
|
|
</Tooltip>) : ('') |
|
|
} |
|
|
} |
|
|
@ -214,7 +213,7 @@ const Example = (props) => { |
|
|
dataIndex: "createTime", |
|
|
dataIndex: "createTime", |
|
|
key: 'time', |
|
|
key: 'time', |
|
|
render: (_, row) => { |
|
|
render: (_, row) => { |
|
|
return moment(row.createTime).format("YYYY-MM-DD HH:MM:SS"); |
|
|
return moment(row.createTime).format("YYYY-MM-DD HH:mm:ss"); |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
{ |
|
|
{ |
|
|
@ -355,34 +354,35 @@ const Example = (props) => { |
|
|
}} |
|
|
}} |
|
|
> |
|
|
> |
|
|
<div> |
|
|
<div> |
|
|
<div style={{ display: 'inline-block', lineHeight: '30px', fontSize: 13, }}>勾选<span style={{ fontWeight: 400, color: '#0F7EFB', }}>{selected.length}条</span>问题</div> |
|
|
<div style={{ display: 'inline-block', lineHeight: '30px', fontSize: 13, color: 'gray' }}>勾选<span style={{ fontWeight: 400, color: '#0F7EFB', }}> {selected.length}条 </span>信息</div> |
|
|
<Button onClick={() => { |
|
|
<Button onClick={() => { |
|
|
if(selected.length==tableKey.length){ |
|
|
if (selected.length == tableKey.length) { |
|
|
setSelected([]) |
|
|
setSelected([]) |
|
|
} |
|
|
} |
|
|
else{ |
|
|
else { |
|
|
setSelected(tableKey) |
|
|
setSelected(tableKey) |
|
|
} |
|
|
} |
|
|
}} style={{ width: 93, height: 24, borderRadius: '1px', border: '1px solid #0F7EFB', color: '#0F7EFB', fontWeight: 400, margin: '0 10px' }}>全选</Button> |
|
|
}} style={{ fontSize: 13, width: 93, height: 24, borderRadius: '1px', background: '#FFFFFF', border: '1px solid #0F7EFB', color: '#0F7EFB', fontWeight: 400, margin: '0 10px' }}> |
|
|
|
|
|
{mylimits.current == selected.length ? '取消全选' : '全选'} |
|
|
|
|
|
</Button> |
|
|
<Popconfirm |
|
|
<Popconfirm |
|
|
title="删除后对应的项目全局将无法进入和显示，对应的信鸽服务也会被禁用" |
|
|
title="删除后对应的项目全局将无法进入和显示，对应的信鸽服务也会被禁用" |
|
|
arrowPointAtCenter={false} |
|
|
arrowPointAtCenter={false} |
|
|
showArrow={true} |
|
|
showArrow={true} |
|
|
position="topRight" |
|
|
position="topRight" |
|
|
onConfirm={() => { |
|
|
onConfirm={() => { |
|
|
dispatch(install.deleteProjectBind({ bindId: selected.join(','), msg: '删除安心云、项目管理项目绑定关系' })).then(() => { |
|
|
dispatch(install.deleteProjectBind({ bindId: selected.join(','), msg: '删除安心云、项目管理项目绑定关系' })).then(() => { |
|
|
if (page.current > 0 && mylimits.current == selected.length) { |
|
|
if (page.current > 0 && mylimits.current == selected.length) { |
|
|
setQuery({ limit: 10, page: page.current - 1 }) |
|
|
setQuery({ limit: 10, page: page.current - 1 }) |
|
|
} else { |
|
|
} else { |
|
|
setQuery({ limit: 10, page: page.current }) |
|
|
setQuery({ limit: 10, page: page.current }) |
|
|
} |
|
|
} |
|
|
setSelected([]) |
|
|
setSelected([]) |
|
|
}) |
|
|
}) |
|
|
}} |
|
|
}} |
|
|
> |
|
|
> |
|
|
<Button type='primary' theme='solid' style={{ width: 93, height: 24, borderRadius: '1px', border: '1px solid #0F7EFB', color: '#FFFFFF', fontWeight: 400, }}>批量删除</Button> |
|
|
<Button type='primary' theme='solid' style={{ fontSize: 13, width: 93, height: 24, borderRadius: '1px', border: '1px solid #0F7EFB', color: '#FFFFFF', fontWeight: 400, }}>批量删除</Button> |
|
|
</Popconfirm> |
|
|
</Popconfirm> |
|
|
|
|
|
|
|
|
</div> |
|
|
</div> |
|
|
<div style={{ display: 'flex', }}> |
|
|
<div style={{ display: 'flex', }}> |
|
|
<span style={{ lineHeight: "30px", fontSize: 13, color: 'rgba(0,90,189,0.8)' }}> |
|
|
<span style={{ lineHeight: "30px", fontSize: 13, color: 'rgba(0,90,189,0.8)' }}> |
|
|
@ -397,6 +397,7 @@ const Example = (props) => { |
|
|
onChange={(currentPage, pageSize) => { |
|
|
onChange={(currentPage, pageSize) => { |
|
|
setQuery({ limit: pageSize, page: currentPage - 1 }); |
|
|
setQuery({ limit: pageSize, page: currentPage - 1 }); |
|
|
page.current = currentPage - 1 |
|
|
page.current = currentPage - 1 |
|
|
|
|
|
setSelected([]) |
|
|
}} |
|
|
}} |
|
|
/> |
|
|
/> |
|
|
</div> |
|
|
</div> |
|
|
|
deartibers
2 years ago
