From d798be0e737969a60ac67e16e818a79b3ac8bdeb Mon Sep 17 00:00:00 2001
From: songjianet <1778651752@qq.com>
Date: Tue, 16 Aug 2022 13:52:36 +0800
Subject: [PATCH] [Refactor][UI] Refactor task definition version using NSpace
 component. (#11495)

---
 .../definition/components/version-modal.tsx   | 34 ++++++++++---------
 .../definition/components/version.module.scss | 22 ------------
 2 files changed, 18 insertions(+), 38 deletions(-)
 delete mode 100644 dolphinscheduler-ui/src/views/projects/task/definition/components/version.module.scss

diff --git a/dolphinscheduler-ui/src/views/projects/task/definition/components/version-modal.tsx b/dolphinscheduler-ui/src/views/projects/task/definition/components/version-modal.tsx
index 4040818eff..1d3cf41458 100644
--- a/dolphinscheduler-ui/src/views/projects/task/definition/components/version-modal.tsx
+++ b/dolphinscheduler-ui/src/views/projects/task/definition/components/version-modal.tsx
@@ -15,12 +15,12 @@
  * limitations under the License.
  */
 
-import { defineComponent, PropType, toRefs, watch } from 'vue'
-import Modal from '@/components/modal'
-import { NDataTable, NPagination } from 'naive-ui'
+import { defineComponent, toRefs, watch } from 'vue'
+import { NDataTable, NPagination, NSpace } from 'naive-ui'
 import { useI18n } from 'vue-i18n'
 import { useVersion } from './use-version'
-import styles from './version.module.scss'
+import Modal from '@/components/modal'
+import type { PropType } from 'vue'
 
 const props = {
   show: {
@@ -86,19 +86,21 @@ const VersionModal = defineComponent({
         cancelShow={false}
         onConfirm={onConfirm}
       >
-        <NDataTable
-          loading={loadingRef}
-          columns={this.columns}
-          data={this.tableData}
-        />
-        <div class={styles.pagination}>
-          <NPagination
-            v-model:page={this.page}
-            v-model:page-size={this.pageSize}
-            page-count={this.totalPage}
-            onUpdatePage={requestData}
+        <NSpace vertical>
+          <NDataTable
+            loading={loadingRef}
+            columns={this.columns}
+            data={this.tableData}
           />
-        </div>
+          <NSpace justify='center'>
+            <NPagination
+              v-model:page={this.page}
+              v-model:page-size={this.pageSize}
+              page-count={this.totalPage}
+              onUpdatePage={requestData}
+            />
+          </NSpace>
+        </NSpace>
       </Modal>
     )
   }
diff --git a/dolphinscheduler-ui/src/views/projects/task/definition/components/version.module.scss b/dolphinscheduler-ui/src/views/projects/task/definition/components/version.module.scss
deleted file mode 100644
index 2da65cac8c..0000000000
--- a/dolphinscheduler-ui/src/views/projects/task/definition/components/version.module.scss
+++ /dev/null
@@ -1,22 +0,0 @@
-/*
- * Licensed to the Apache Software Foundation (ASF) under one or more
- * contributor license agreements.  See the NOTICE file distributed with
- * this work for additional information regarding copyright ownership.
- * The ASF licenses this file to You under the Apache License, Version 2.0
- * (the "License"); you may not use this file except in compliance with
- * the License.  You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-.pagination {
-  margin-top: 20px;
-  display: flex;
-  justify-content: center;
-}