| @@ -149,6 +149,11 @@ ol { | |||||
| z-index: 999; | z-index: 999; | ||||
| } | } | ||||
| .kf-table-row-link:hover { | |||||
| text-decoration: underline @underline-color; | |||||
| text-underline-offset: 3px; | |||||
| } | |||||
| input:-webkit-autofill { | input:-webkit-autofill { | ||||
| transition: background-color 5000s ease-in-out 0s; | transition: background-color 5000s ease-in-out 0s; | ||||
| } | } | ||||
| @@ -128,7 +128,7 @@ function ResourceVersion({ | |||||
| dataIndex: 'index', | dataIndex: 'index', | ||||
| key: 'index', | key: 'index', | ||||
| width: 80, | width: 80, | ||||
| render(text: string, record: ResourceFileData, index: number) { | |||||
| render(_text: string, _record: ResourceFileData, index: number) { | |||||
| return <span>{index + 1}</span>; | return <span>{index + 1}</span>; | ||||
| }, | }, | ||||
| }, | }, | ||||
| @@ -137,7 +137,9 @@ function ResourceVersion({ | |||||
| dataIndex: 'file_name', | dataIndex: 'file_name', | ||||
| key: 'file_name', | key: 'file_name', | ||||
| render: (text: string, record: ResourceFileData) => ( | render: (text: string, record: ResourceFileData) => ( | ||||
| <a onClick={() => downloadAlone(record)}>{text}</a> | |||||
| <a className="kf-table-row-link" onClick={() => downloadAlone(record)}> | |||||
| {text} | |||||
| </a> | |||||
| ), | ), | ||||
| }, | }, | ||||
| { | { | ||||
| @@ -154,7 +154,9 @@ function EditorList() { | |||||
| width: '30%', | width: '30%', | ||||
| render: (text, record) => | render: (text, record) => | ||||
| record.url ? ( | record.url ? ( | ||||
| <a onClick={(e) => gotoEditorPage(e, record)}>{text}</a> | |||||
| <a className="kf-table-row-link" onClick={(e) => gotoEditorPage(e, record)}> | |||||
| {text} | |||||
| </a> | |||||
| ) : ( | ) : ( | ||||
| <span>{text ?? '--'}</span> | <span>{text ?? '--'}</span> | ||||
| ), | ), | ||||
| @@ -33,7 +33,7 @@ | |||||
| } | } | ||||
| .operation { | .operation { | ||||
| width: 334px; | |||||
| width: 344px; | |||||
| } | } | ||||
| } | } | ||||
| @@ -355,7 +355,11 @@ function Experiment() { | |||||
| title: '关联流水线名称', | title: '关联流水线名称', | ||||
| dataIndex: 'workflow_name', | dataIndex: 'workflow_name', | ||||
| key: 'workflow_name', | key: 'workflow_name', | ||||
| render: (text, record) => <a onClick={(e) => gotoPipeline(e, record)}>{text}</a>, | |||||
| render: (text, record) => ( | |||||
| <a className="kf-table-row-link" onClick={(e) => gotoPipeline(e, record)}> | |||||
| {text} | |||||
| </a> | |||||
| ), | |||||
| width: '16%', | width: '16%', | ||||
| }, | }, | ||||
| { | { | ||||
| @@ -393,7 +397,7 @@ function Experiment() { | |||||
| { | { | ||||
| title: '操作', | title: '操作', | ||||
| key: 'action', | key: 'action', | ||||
| width: 350, | |||||
| width: 360, | |||||
| render: (_, record) => ( | render: (_, record) => ( | ||||
| <Space size="small"> | <Space size="small"> | ||||
| <Button | <Button | ||||
| @@ -50,6 +50,10 @@ | |||||
| flex: 1; | flex: 1; | ||||
| min-width: 0; | min-width: 0; | ||||
| font-weight: 500; | font-weight: 500; | ||||
| &:hover { | |||||
| text-decoration: underline @underline-color; | |||||
| } | |||||
| } | } | ||||
| } | } | ||||
| } | } | ||||
| @@ -189,7 +189,11 @@ function ModelDeployment() { | |||||
| key: 'service_name', | key: 'service_name', | ||||
| width: '20%', | width: '20%', | ||||
| render: (text, record) => { | render: (text, record) => { | ||||
| return <a onClick={() => toDetail(record)}>{text}</a>; | |||||
| return ( | |||||
| <a className="kf-table-row-link" onClick={() => toDetail(record)}> | |||||
| {text} | |||||
| </a> | |||||
| ); | |||||
| }, | }, | ||||
| }, | }, | ||||
| { | { | ||||
| @@ -122,7 +122,11 @@ const Pipeline = () => { | |||||
| title: '流水线名称', | title: '流水线名称', | ||||
| dataIndex: 'name', | dataIndex: 'name', | ||||
| key: 'name', | key: 'name', | ||||
| render: (text, record) => <a onClick={(e) => routeToEdit(e, record)}>{text}</a>, | |||||
| render: (text, record) => ( | |||||
| <a className="kf-table-row-link" onClick={(e) => routeToEdit(e, record)}> | |||||
| {text} | |||||
| </a> | |||||
| ), | |||||
| }, | }, | ||||
| { | { | ||||
| title: '流水线描述', | title: '流水线描述', | ||||
| @@ -171,6 +171,7 @@ const DictTableList: React.FC = () => { | |||||
| render: (dom, record) => { | render: (dom, record) => { | ||||
| return ( | return ( | ||||
| <a | <a | ||||
| className="kf-table-row-link" | |||||
| onClick={() => { | onClick={() => { | ||||
| history.push(`/system/dict-data/index/${record.dictId}`); | history.push(`/system/dict-data/index/${record.dictId}`); | ||||
| }} | }} | ||||
| @@ -81,7 +81,6 @@ const GenCodeView: React.FC = () => { | |||||
| { | { | ||||
| title: '编号', | title: '编号', | ||||
| dataIndex: 'tableId', | dataIndex: 'tableId', | ||||
| tip: '编号', | |||||
| render: (dom, entity) => { | render: (dom, entity) => { | ||||
| return ( | return ( | ||||
| <a | <a | ||||
| @@ -16,6 +16,7 @@ | |||||
| @warning-color: #f98e1b; | @warning-color: #f98e1b; | ||||
| @abort-color: #8a8a8a; | @abort-color: #8a8a8a; | ||||
| @pending-color: #ecb934; | @pending-color: #ecb934; | ||||
| @underline-color: #5d93ff; | |||||
| @border-color: rgba(22, 100, 255, 0.3); | @border-color: rgba(22, 100, 255, 0.3); | ||||
| @border-color-secondary: rgba(22, 100, 255, 0.1); | @border-color-secondary: rgba(22, 100, 255, 0.1); | ||||