fix: template import userinfo match

.github/workflows/build.yml

@@ -15,7 +15,7 @@ on:
 jobs:
   package:
     name: build package
-    runs-on: self-hosted
+    runs-on: [self-hosted, nebula-fast]
     strategy:
       matrix:
         os:

app/config/locale/en-US.json

@@ -164,7 +164,8 @@
     "uploadTemplateTip": "3. Configure the Yaml file: please keep only the file name (retain the file extension) for all file paths (path, failDataPath, logPath) in the template, e.g. logPath: config.csv",
     "reUpload": "Re-upload",
     "fileNotExist": "{name} file does not exist！",
-    "importYaml": "Import the YAML file"
+    "importYaml": "Import the YAML file",
+    "templateMatchError": "The {type} in the configuration does not match the current login account/host"
   },
   "schema": {
     "spaceList": "Graph Space List",

app/config/locale/zh-CN.json

@@ -164,7 +164,8 @@
     "uploadTemplateTip": "3. 配置Yaml文件：模板中所有文件路径（path、failDataPath、logPath）请只保留文件名（保留文件扩展名），例如： 日志路径：config.csv",
     "reUpload": "重新上传",
     "fileNotExist": "文件 {name} 不存在",
-    "importYaml": "导入 YAML 文件"
+    "importYaml": "导入 YAML 文件",
+    "templateMatchError": "配置中的{type}与当前登录账号/地址不匹配"
   },
   "schema": {
     "spaceList": "图空间列表",

app/pages/Import/TaskCreate/SchemaConfig/EdgeConfig/index.tsx

@@ -1,4 +1,4 @@
-import { Select, Table } from 'antd';
+import { Select, Table, Tooltip } from 'antd';
 import React from 'react';
 import intl from 'react-intl-universal';
 import { CloseOutlined } from '@ant-design/icons';
@@ -40,6 +40,14 @@ const EdgeConfig = (configProps: IProps) => {
     {
       title: intl.get('import.prop'),
       dataIndex: 'name',
+      ellipsis: {
+        showTitle: false,
+      },
+      render: data => (
+        <Tooltip placement="topLeft" title={data}>
+          {data}
+        </Tooltip>
+      ),
     },
     {
       title: intl.get('import.mapping'),

app/pages/Import/TaskCreate/SchemaConfig/TagConfig/index.tsx

@@ -1,4 +1,4 @@
-import { Select, Table } from 'antd';
+import { Select, Table, Tooltip } from 'antd';
 import React from 'react';
 import intl from 'react-intl-universal';
 import { CloseOutlined } from '@ant-design/icons';
@@ -40,6 +40,14 @@ const VerticesConfig = (props: IProps) => {
     {
       title: intl.get('import.prop'),
       dataIndex: 'name',
+      ellipsis: {
+        showTitle: false,
+      },
+      render: data => (
+        <Tooltip placement="topLeft" title={data}>
+          {data}
+        </Tooltip>
+      ),
     },
     {
       title: intl.get('import.mapping'),

app/pages/Import/TaskCreate/SchemaConfig/index.module.less

@@ -39,6 +39,7 @@
       .left {
         display: flex;
         align-items: center;
+        max-width: 95%;
         .tagSelect {
           min-width: 60px;
           :global {

app/pages/Import/TaskCreate/index.module.less

@@ -20,6 +20,7 @@
     margin-top: 25px;
     .configColumn {
       flex: 1;
+      width: 50%;
     }
     .configColumn:not(:last-child) {
       margin-right: 20px;

app/pages/Import/TaskList/TemplateModal/index.tsx

@@ -15,12 +15,14 @@ const { TextArea } = Input;
 
 interface IProps {
   visible: boolean;
+  username: string;
+  host: string;
   onClose: () => void;
   onImport: () => void;
 }
 
 const TemplateModal = (props: IProps) => {
-  const { visible, onClose, onImport } = props;
+  const { visible, onClose, onImport, username, host } = props;
   const [form] = Form.useForm();
   const [loading, setLoading] = useState(false);
   const [config, setConfig] = useState('');
@@ -42,6 +44,15 @@ const TemplateModal = (props: IProps) => {
         const _taskDir = taskDir.endsWith('/') ? taskDir : taskDir + '/';
         const _uploadDir = uploadDir.endsWith('/') ? uploadDir : uploadDir + '/';
         parseContent.logPath = `${_taskDir}import.log`;
+        const connection = parseContent.clientSettings?.connection || {}
+        if(connection.address !== host) {
+          message.error(intl.get('import.templateMatchError', { type: 'address' }));
+          throw new Error();
+        }
+        if(connection.username !== username) {
+          message.error(intl.get('import.templateMatchError', { type: 'username' }));
+          throw new Error();
+        }
         parseContent.files?.forEach(file => {
           if(!files.includes(file.path)) {
             message.error(intl.get('import.fileNotExist', { name: file.path }));

app/pages/Import/TaskList/index.tsx

@@ -22,9 +22,10 @@ interface ILogDimension {
 }
 const TaskList = () => {
   const timer = useRef<any>(null);
-  const { dataImport } = useStore();
+  const { dataImport, global } = useStore();
   const history = useHistory();
   const { taskList, getTaskList, stopTask, deleteTask, downloadTaskConfig } = dataImport;
+  const { username, host } = global;
   const [modalVisible, setVisible] = useState(false);
   const [importModalVisible, setImportModalVisible] = useState(false);
   const [logDimension, setLogDimension] = useState<ILogDimension>({} as ILogDimension);
@@ -116,6 +117,8 @@ const TaskList = () => {
         visible={modalVisible} />}
       {importModalVisible && <TemplateModal
         onClose={() => setImportModalVisible(false)}
+        username={username}
+        host={host}
         onImport={getTaskList}
         visible={importModalVisible} />}
     </div>