From 62d6a316d19b9b4918f09101db3780761ed23e3d Mon Sep 17 00:00:00 2001
From: "446052889@qq.com" <446052889@qq.com>
Date: Mon, 4 Jul 2022 13:36:20 +0800
Subject: [PATCH] =?UTF-8?q?=E6=95=B0=E6=8D=AE=E8=BF=81=E7=A7=BB=E5=BA=94?=
 =?UTF-8?q?=E7=94=A8=E8=B0=83=E6=95=B4=E5=89=8D=E7=AB=AF=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/Performance-import.vue     |  4 +-
 .../src/components/batch-data-import.vue      |  6 +--
 .../src/components/data-It-import.vue         |  6 +--
 .../src/components/data-import.vue            |  4 +-
 .../src/components/data-migration.vue         |  6 +--
 .../src/components/form-import.vue            |  4 +-
 .../src/components/system-import.vue          |  4 +-
 .../src/main.ts                               |  2 +
 .../src/views/Home.vue                        | 52 +++++++++++--------
 9 files changed, 48 insertions(+), 40 deletions(-)

diff --git a/com.actionsoft.apps.coe.pal.datamigration/src/components/Performance-import.vue b/com.actionsoft.apps.coe.pal.datamigration/src/components/Performance-import.vue
index 3dd23a2..7ef155a 100644
--- a/com.actionsoft.apps.coe.pal.datamigration/src/components/Performance-import.vue
+++ b/com.actionsoft.apps.coe.pal.datamigration/src/components/Performance-import.vue
@@ -23,7 +23,7 @@
               :on-exceed="handleExceed"
               :show-file-list="false"
           >
-            <el-button type="primary" @click="handleUploadBtn">导入Word文件</el-button>
+            <awsui-button type="primary" @click="handleUploadBtn">导入Word文件</awsui-button>
             <template #tip>
               <div class="el-upload__tip">
                 仅支持Word格式文本
@@ -40,7 +40,7 @@
         </el-scrollbar>
       </div>
       <div class="action-box">
-        <el-button style="cursor: pointer" type="primary" @click="next">下一步</el-button>
+        <awsui-button style="cursor: pointer" type="primary" @click="next">下一步</awsui-button>
       </div>
     </div>
   </div>
diff --git a/com.actionsoft.apps.coe.pal.datamigration/src/components/batch-data-import.vue b/com.actionsoft.apps.coe.pal.datamigration/src/components/batch-data-import.vue
index cbe0725..3ea5daa 100644
--- a/com.actionsoft.apps.coe.pal.datamigration/src/components/batch-data-import.vue
+++ b/com.actionsoft.apps.coe.pal.datamigration/src/components/batch-data-import.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="data-import">
     <div class="top-box">
-      <div class="title-box">批处理工具导入</div>
+      <div class="title-box">批处理工具</div>
       <div class="step-box">
         <el-steps :active="info.activeStep" finish-status="success">
           <el-step :title="item.title" v-for="item in info.steps" />
@@ -23,7 +23,7 @@
               :on-exceed="handleExceed"
               :show-file-list="false"
           >
-            <el-button type="primary" @click="handleUploadBtn">导入Word文件</el-button>
+            <awsui-button type="primary" @click="handleUploadBtn">导入Word文件</awsui-button>
             <template #tip>
               <div class="el-upload__tip">
                 仅支持Word格式文本
@@ -40,7 +40,7 @@
         </el-scrollbar>
       </div>
       <div class="action-box">
-        <el-button style="cursor: pointer" type="primary" @click="next">下一步</el-button>
+        <awsui-button style="cursor: pointer" type="primary" @click="next">下一步</awsui-button>
       </div>
     </div>
   </div>
diff --git a/com.actionsoft.apps.coe.pal.datamigration/src/components/data-It-import.vue b/com.actionsoft.apps.coe.pal.datamigration/src/components/data-It-import.vue
index 64bc04f..dc681fe 100644
--- a/com.actionsoft.apps.coe.pal.datamigration/src/components/data-It-import.vue
+++ b/com.actionsoft.apps.coe.pal.datamigration/src/components/data-It-import.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="data-import">
     <div class="top-box">
-      <div class="title-box">IT系统图导入</div>
+      <div class="title-box">IT系统导入</div>
       <div class="step-box">
         <el-steps :active="info.activeStep" finish-status="success">
           <el-step :title="item.title" v-for="item in info.steps" />
@@ -23,7 +23,7 @@
               :on-exceed="handleExceed"
               :show-file-list="false"
           >
-            <el-button type="primary" @click="handleUploadBtn">导入Excel文件</el-button>
+            <awsui-button type="primary" @click="handleUploadBtn">导入Excel文件</awsui-button>
             <template #tip>
               <div class="el-upload__tip">
                 仅支持Excel格式文本
@@ -40,7 +40,7 @@
         </el-scrollbar>
       </div>
       <div class="action-box">
-        <el-button style="cursor: pointer" type="primary" @click="next">下一步</el-button>
+        <awsui-button style="cursor: pointer" type="primary" @click="next">下一步</awsui-button>
       </div>
     </div>
   </div>
diff --git a/com.actionsoft.apps.coe.pal.datamigration/src/components/data-import.vue b/com.actionsoft.apps.coe.pal.datamigration/src/components/data-import.vue
index cae7b28..f78feff 100644
--- a/com.actionsoft.apps.coe.pal.datamigration/src/components/data-import.vue
+++ b/com.actionsoft.apps.coe.pal.datamigration/src/components/data-import.vue
@@ -23,7 +23,7 @@
               :on-exceed="handleExceed"
               :show-file-list="false"
           >
-            <el-button type="primary" @click="handleUploadBtn">导入Word文件</el-button>
+            <awsui-button type="primary" @click="handleUploadBtn">导入Word文件</awsui-button>
             <template #tip>
               <div class="el-upload__tip">
                 仅支持Word格式文本
@@ -40,7 +40,7 @@
         </el-scrollbar>
       </div>
       <div class="action-box">
-        <el-button style="cursor: pointer" type="primary" @click="next">下一步</el-button>
+        <awsui-button style="cursor: pointer" type="primary" @click="next">下一步</awsui-button>
       </div>
     </div>
   </div>
diff --git a/com.actionsoft.apps.coe.pal.datamigration/src/components/data-migration.vue b/com.actionsoft.apps.coe.pal.datamigration/src/components/data-migration.vue
index 4034276..52f2045 100644
--- a/com.actionsoft.apps.coe.pal.datamigration/src/components/data-migration.vue
+++ b/com.actionsoft.apps.coe.pal.datamigration/src/components/data-migration.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="data-migration">
     <div class="top-box">
-      <div class="title-box">数据迁移</div>
+      <div class="title-box">Aris流程导入</div>
     </div>
     <div class="bottom-box">
       <div class="empty-box" v-if="info.fileList.length === 0">
@@ -18,7 +18,7 @@
               :on-exceed="handleExceed"
               :show-file-list="false"
           >
-            <el-button type="primary" @click="handleUploadBtn">导入ARIS XML文件</el-button>
+            <awsui-button type="primary" @click="handleUploadBtn">导入ARIS XML文件</awsui-button>
             <template #tip>
               <div class="el-upload__tip">
                 仅支持XML格式文本
@@ -35,7 +35,7 @@
         </el-scrollbar>
       </div>
       <div class="action-box" v-if="info.fileList.length > 0">
-        <el-button style="cursor: pointer" type="primary" @click="next">执行导入</el-button>
+        <awsui-button style="cursor: pointer" type="primary" @click="next">执行导入</awsui-button>
       </div>
     </div>
   </div>
diff --git a/com.actionsoft.apps.coe.pal.datamigration/src/components/form-import.vue b/com.actionsoft.apps.coe.pal.datamigration/src/components/form-import.vue
index 6427da4..9580acf 100644
--- a/com.actionsoft.apps.coe.pal.datamigration/src/components/form-import.vue
+++ b/com.actionsoft.apps.coe.pal.datamigration/src/components/form-import.vue
@@ -23,7 +23,7 @@
               :on-exceed="handleExceed"
               :show-file-list="false"
           >
-            <el-button type="primary" @click="handleUploadBtn">导入Word文件</el-button>
+            <awsui-button type="primary" @click="handleUploadBtn">导入Word文件</awsui-button>
             <template #tip>
               <div class="el-upload__tip">
                 仅支持Word格式文本
@@ -40,7 +40,7 @@
         </el-scrollbar>
       </div>
       <div class="action-box">
-        <el-button style="cursor: pointer" type="primary" @click="next">下一步</el-button>
+        <awsui-button style="cursor: pointer" type="primary" @click="next">下一步</awsui-button>
       </div>
     </div>
   </div>
diff --git a/com.actionsoft.apps.coe.pal.datamigration/src/components/system-import.vue b/com.actionsoft.apps.coe.pal.datamigration/src/components/system-import.vue
index 6f0ff97..0477eda 100644
--- a/com.actionsoft.apps.coe.pal.datamigration/src/components/system-import.vue
+++ b/com.actionsoft.apps.coe.pal.datamigration/src/components/system-import.vue
@@ -23,7 +23,7 @@
               :on-exceed="handleExceed"
               :show-file-list="false"
           >
-            <el-button type="primary" @click="handleUploadBtn">导入Word文件</el-button>
+            <awsui-button type="primary" @click="handleUploadBtn">导入Word文件</awsui-button>
             <template #tip>
               <div class="el-upload__tip">
                 仅支持Word格式文本
@@ -40,7 +40,7 @@
         </el-scrollbar>
       </div>
       <div class="action-box">
-        <el-button style="cursor: pointer" type="primary" @click="next">下一步</el-button>
+        <awsui-button style="cursor: pointer" type="primary" @click="next">下一步</awsui-button>
       </div>
     </div>
   </div>
diff --git a/com.actionsoft.apps.coe.pal.datamigration/src/main.ts b/com.actionsoft.apps.coe.pal.datamigration/src/main.ts
index 6bb316d..3b9a5d4 100644
--- a/com.actionsoft.apps.coe.pal.datamigration/src/main.ts
+++ b/com.actionsoft.apps.coe.pal.datamigration/src/main.ts
@@ -6,6 +6,8 @@ import store from './store'
 /* eslint-disable */
 import awsui from "../lib/awsui.es"; //注意awsui组件库根据情况指定路径
 import "../lib/awsui.css";
+import '../static/common/common.css';
+import '../static/common/theme1.css';// 主题颜色配置
 
 
 const app = createApp(App);
diff --git a/com.actionsoft.apps.coe.pal.datamigration/src/views/Home.vue b/com.actionsoft.apps.coe.pal.datamigration/src/views/Home.vue
index d9f827f..48d5545 100644
--- a/com.actionsoft.apps.coe.pal.datamigration/src/views/Home.vue
+++ b/com.actionsoft.apps.coe.pal.datamigration/src/views/Home.vue
@@ -1,40 +1,37 @@
 <template>
   <div class="home">
       <div class="left">
-          <div class="migration-type-box">
-              <span>迁移类型</span>
-              <el-select v-model="info.migrationType" placeholder="请选择迁移类型">
-                  <el-option
-                          v-for="item in info.migrationTypes"
-                          :key="item.value"
-                          :label="item.label"
-                          :value="item.value"
-                  />
-              </el-select>
-          </div>
-          <el-divider />
+        <div class="migration-type-box"></div>
+<!--          <div class="migration-type-box">-->
+<!--              <span>迁移类型</span>-->
+<!--              <el-select v-model="info.migrationType" placeholder="请选择迁移类型">-->
+<!--                  <el-option-->
+<!--                          v-for="item in info.migrationTypes"-->
+<!--                          :key="item.value"-->
+<!--                          :label="item.label"-->
+<!--                          :value="item.value"-->
+<!--                  />-->
+<!--              </el-select>-->
+<!--          </div>-->
+<!--          <el-divider />-->
           <div class="tabs-box">
               <el-tabs v-model="activeName" :tab-position="info.tabPosition" @tab-click="tabChange">
                   <el-tab-pane  v-for="tab in info.tabPanes" :name="tab.name">
                       <template #label>
-                          <span class="custom-tabs-label">
-                              <i class="awsui-iconfont" v-html="tab.icon"></i>
+                        <div style="width: 100%;height: 100%;text-align: left;padding-left: 30px;">
+                          <span class="custom-tabs-label" style="font-size: 18px;">
+                              <i class="awsui-iconfont" v-html="tab.icon" style="font-size: 18px;"></i>
                               <span>{{ tab.label }}</span>
                           </span>
+                        </div>
+
                       </template>
                   </el-tab-pane>
               </el-tabs>
           </div>
       </div>
       <div class="right">
-          <data-migration v-if="activeName === 'dataMigration'"></data-migration>
-          <data-import v-if="activeName === 'dataImport'"></data-import>
-          <data-it-import v-if="activeName === 'dataItImport'"></data-it-import>
-          <module-change v-if="activeName === 'moduleChange'"></module-change>
-          <batch-data-import v-if="activeName === 'batchDataImport'"></batch-data-import>
-          <form-import v-if="activeName === 'formImport'"></form-import>
-          <performance-import v-if="activeName === 'performanceImport'"></performance-import>
-          <system-import v-if="activeName === 'systemImport'"></system-import>
+        <component ref="component" :is="activeName"></component>
       </div>
   </div>
 </template>
@@ -69,7 +66,16 @@ export default defineComponent({
       migrationTypes: [{value:"",label:"Aris"}],
       migrationType: "",
       tabPosition: "left",
-      tabPanes: [{label:"数据迁移",name:"dataMigration",icon:"&#xe751;"},{label:"流程属性数据导入",name:"dataImport",icon:"&#xe784;"},{label:"IT系统数据导入",name:"dataItImport",icon:"&#xe784;"},{label:"模型转换",name:"moduleChange",icon:"&#xe839;"},{label:"制度导入",name:"systemImport",icon:"&#xe839;"},{label:"表单导入",name:"formImport",icon:"&#xe839;"},{label:"批处理工具",name:"batchDataImport",icon:"&#xe839;"},{label:"绩效导入",name:"performanceImport",icon:"&#xe839;"}],
+      tabPanes: [
+        {label:"Aris流程导入",name:"dataMigration",icon:"&#xe741;"},// xml
+        {label:"流程属性导入",name:"dataImport",icon:"&#xe6a4;"},// word
+        {label:"IT系统导入",name:"dataItImport",icon:"&#xe730;"},// excel
+        {label:"模型转换",name:"moduleChange",icon:"&#xe677;"},
+        {label:"制度导入",name:"systemImport",icon:"&#xe6a4;"},// word
+        {label:"表单导入",name:"formImport",icon:"&#xe6a4;"},// word
+        {label:"批处理工具",name:"batchDataImport",icon:"&#xe6a4;"},// word
+        {label:"绩效导入",name:"performanceImport",icon:"&#xe6a4;"}// word
+      ],
       flagBit: 1
     });
     const activeName = ref('dataMigration')