From c1b9b18907aa2395308f561e139ac2132ed345cf Mon Sep 17 00:00:00 2001
From: zhal <15900249928@163.com>
Date: Wed, 29 Jun 2022 15:18:50 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AF=BC=E5=85=A5=E6=A8=A1=E5=9D=97=E5=BC=80?=
 =?UTF-8?q?=E5=8F=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/Performance-import.vue     | 173 ++++++++++++++++++
 .../src/components/batch-data-import.vue      | 173 ++++++++++++++++++
 .../src/components/data-migration.vue         |   1 +
 .../src/components/form-import.vue            | 173 ++++++++++++++++++
 .../src/components/system-import.vue          | 173 ++++++++++++++++++
 .../src/views/Home.vue                        |  17 +-
 6 files changed, 708 insertions(+), 2 deletions(-)
 create mode 100644 com.actionsoft.apps.coe.pal.datamigration/src/components/Performance-import.vue
 create mode 100644 com.actionsoft.apps.coe.pal.datamigration/src/components/batch-data-import.vue
 create mode 100644 com.actionsoft.apps.coe.pal.datamigration/src/components/form-import.vue
 create mode 100644 com.actionsoft.apps.coe.pal.datamigration/src/components/system-import.vue

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
new file mode 100644
index 0000000..aa5c84b
--- /dev/null
+++ b/com.actionsoft.apps.coe.pal.datamigration/src/components/Performance-import.vue
@@ -0,0 +1,173 @@
+<template>
+  <div class="data-import">
+    <div class="top-box">
+      <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" />
+        </el-steps>
+      </div>
+    </div>
+    <div class="bottom-box">
+      <div class="empty-box" v-if="info.fileList.length === 0">
+        <el-empty></el-empty>
+        <div class="upload-box">
+          <el-upload
+              class="upload-demo"
+              :action="info.uploadAction"
+              :on-preview="handlePreview"
+              :on-remove="handleRemove"
+              :before-remove="beforeRemove"
+              :on-success="handleSuccess"
+              :limit="1"
+              :on-exceed="handleExceed"
+              :show-file-list="false"
+          >
+            <el-button type="primary" @click="handleUploadBtn">导入Word文件</el-button>
+            <template #tip>
+              <div class="el-upload__tip">
+                仅支持Word格式文本
+              </div>
+            </template>
+          </el-upload>
+        </div>
+      </div>
+      <div class="file-list-box" v-else>
+        <el-scrollbar height="400px">
+          <div v-for="item in info.fileList" :key="item" class="scrollbar-demo-item">
+            <div>{{ item.name }}</div>
+          </div>
+        </el-scrollbar>
+      </div>
+      <div class="action-box">
+        <el-button style="cursor: pointer" type="primary" @click="next">下一步</el-button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts">
+import { defineComponent,getCurrentInstance,reactive,ref } from 'vue';
+
+export default defineComponent({
+  name: "performance-import",
+  setup() {
+    const { proxy: $this } = getCurrentInstance();
+    let info = reactive({
+      activeStep: 0,
+      steps: [{title:"上传"},{title:"校验"},{title:"结果"}],
+      fileList: [],
+      uploadAction: '',
+      repositoryName: 'migration',
+      groupValue: 'yili',
+      fileValue: '',
+      appId: 'com.actionsoft.apps.coe.pal.datamigration',
+      fileName: ''
+    });
+    const handlePreview = () => {}
+    const handleRemove = () => {}
+    const beforeRemove = () => {}
+    const handleExceed = () => {}
+    const handleSuccess = (res: any,uploadFile: any,uploadFiles: any) => {
+      console.log(res,'---',uploadFile,'----',uploadFiles)
+      info.fileName = res.files.name
+      let tempFileObj = {id: uploadFile.uid,name: res.files.name,downloadUrl: res.data.data.attrs.downloadUrl}
+      info.fileList.push(tempFileObj)
+      console.info('fileList',info.fileList)
+    }
+    const next = () => {
+      if (info.fileList.length === 0) {
+        $this.$message({type:'warning',message:'请上传文件'});
+        return;
+      }
+      let param = {
+        url: './jd',
+        data: {
+          cmd: 'com.actionsoft.apps.coe.pal.performanceImport_process_attribute_import',
+          sid: settingParam.sessionId,
+          wsId: settingParam.wsId ? settingParam.wsId : '6f4e292c-1b90-4dd2-8c20-7da159cb20a5',
+          groupValue: info.groupValue,
+          fileValue: info.fileValue,
+          fileName: info.fileName
+        }
+      }
+      $this.awsuiaxios.post(param)
+          .then((ro: any) => {
+            console.log(ro)
+            if (ro.result === 'ok') {
+              $this.$message({type:'warning',message:'流程数据导入成功'});
+            }
+          })
+          .catch((err: any) => {})
+    }
+    const handleUploadBtn = () => {
+      info.fileValue = 'performanceType' + new Date().getTime()
+      info.uploadAction = axiosBaseUrl +'uf?sid='+settingParam.sessionId+'&repositoryName='+info.repositoryName+'&groupValue='
+          + info.groupValue+'&fileValue='+info.fileValue+'&appId='+ info.appId;
+    }
+    return {
+      info,
+      handlePreview,
+      handleRemove,
+      beforeRemove,
+      handleExceed,
+      handleUploadBtn,
+      handleSuccess,
+      next
+    }
+  }
+})
+</script>
+
+<style  lang="less" scoped>
+.data-import {
+  width: 100%;
+  height: 100%;
+  background-color: #F7F7FB;
+.top-box {
+  height: 75px;
+  margin: 0 35px 0 35px;
+  display: flex;
+  justify-content: space-between;
+.title-box {
+  line-height: 75px;
+  font-size: 18px;
+}
+.step-box {
+  width: 45%;
+  padding: 15px 0;
+}
+}
+.bottom-box {
+  height: 650px;
+  margin: 0 35px 0 35px;
+  background-color: rgb(255,255,255);
+  display: flex;
+  justify-content: space-around;
+  align-items: center;
+  flex-direction: column;
+.empty-box {
+  width: 500px;
+  height: 500px;
+.upload-box {
+  text-align: center;
+}
+}
+.file-list-box {
+  width: 100%;
+:deep(.el-scrollbar) {
+  padding: 0 25px;
+}
+.scrollbar-demo-item {
+  font-size: 16px;
+  height: 35px;
+  margin: 10px;
+  border-radius: 4px;
+  background: var(--el-color-primary-light-9);
+  color: var(--el-color-primary);
+  line-height: 35px;
+}
+}
+}
+}
+</style>
\ No newline at end of file
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
new file mode 100644
index 0000000..8f15658
--- /dev/null
+++ b/com.actionsoft.apps.coe.pal.datamigration/src/components/batch-data-import.vue
@@ -0,0 +1,173 @@
+<template>
+  <div class="data-import">
+    <div class="top-box">
+      <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" />
+        </el-steps>
+      </div>
+    </div>
+    <div class="bottom-box">
+      <div class="empty-box" v-if="info.fileList.length === 0">
+        <el-empty></el-empty>
+        <div class="upload-box">
+          <el-upload
+              class="upload-demo"
+              :action="info.uploadAction"
+              :on-preview="handlePreview"
+              :on-remove="handleRemove"
+              :before-remove="beforeRemove"
+              :on-success="handleSuccess"
+              :limit="1"
+              :on-exceed="handleExceed"
+              :show-file-list="false"
+          >
+            <el-button type="primary" @click="handleUploadBtn">导入Word文件</el-button>
+            <template #tip>
+              <div class="el-upload__tip">
+                仅支持Word格式文本
+              </div>
+            </template>
+          </el-upload>
+        </div>
+      </div>
+      <div class="file-list-box" v-else>
+        <el-scrollbar height="400px">
+          <div v-for="item in info.fileList" :key="item" class="scrollbar-demo-item">
+            <div>{{ item.name }}</div>
+          </div>
+        </el-scrollbar>
+      </div>
+      <div class="action-box">
+        <el-button style="cursor: pointer" type="primary" @click="next">下一步</el-button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts">
+import { defineComponent,getCurrentInstance,reactive,ref } from 'vue';
+
+export default defineComponent({
+  name: "batch-data-import",
+  setup() {
+    const { proxy: $this } = getCurrentInstance();
+    let info = reactive({
+      activeStep: 0,
+      steps: [{title:"上传"},{title:"校验"},{title:"结果"}],
+      fileList: [],
+      uploadAction: '',
+      repositoryName: 'migration',
+      groupValue: 'yili',
+      fileValue: '',
+      appId: 'com.actionsoft.apps.coe.pal.datamigration',
+      fileName: ''
+    });
+    const handlePreview = () => {}
+    const handleRemove = () => {}
+    const beforeRemove = () => {}
+    const handleExceed = () => {}
+    const handleSuccess = (res: any,uploadFile: any,uploadFiles: any) => {
+      console.log(res,'---',uploadFile,'----',uploadFiles)
+      info.fileName = res.files.name
+      let tempFileObj = {id: uploadFile.uid,name: res.files.name,downloadUrl: res.data.data.attrs.downloadUrl}
+      info.fileList.push(tempFileObj)
+      console.info('fileList',info.fileList)
+    }
+    const next = () => {
+      if (info.fileList.length === 0) {
+        $this.$message({type:'warning',message:'请上传文件'});
+        return;
+      }
+      let param = {
+        url: './jd',
+        data: {
+          cmd: 'com.actionsoft.apps.coe.pal.batchData_process_attribute_import',
+          sid: settingParam.sessionId,
+          wsId: settingParam.wsId ? settingParam.wsId : '6f4e292c-1b90-4dd2-8c20-7da159cb20a5',
+          groupValue: info.groupValue,
+          fileValue: info.fileValue,
+          fileName: info.fileName
+        }
+      }
+      $this.awsuiaxios.post(param)
+          .then((ro: any) => {
+            console.log(ro)
+            if (ro.result === 'ok') {
+              $this.$message({type:'warning',message:'流程数据导入成功'});
+            }
+          })
+          .catch((err: any) => {})
+    }
+    const handleUploadBtn = () => {
+      info.fileValue = 'BatchDataType' + new Date().getTime()
+      info.uploadAction = axiosBaseUrl +'uf?sid='+settingParam.sessionId+'&repositoryName='+info.repositoryName+'&groupValue='
+          + info.groupValue+'&fileValue='+info.fileValue+'&appId='+ info.appId;
+    }
+    return {
+      info,
+      handlePreview,
+      handleRemove,
+      beforeRemove,
+      handleExceed,
+      handleUploadBtn,
+      handleSuccess,
+      next
+    }
+  }
+})
+</script>
+
+<style  lang="less" scoped>
+.data-import {
+  width: 100%;
+  height: 100%;
+  background-color: #F7F7FB;
+.top-box {
+  height: 75px;
+  margin: 0 35px 0 35px;
+  display: flex;
+  justify-content: space-between;
+.title-box {
+  line-height: 75px;
+  font-size: 18px;
+}
+.step-box {
+  width: 45%;
+  padding: 15px 0;
+}
+}
+.bottom-box {
+  height: 650px;
+  margin: 0 35px 0 35px;
+  background-color: rgb(255,255,255);
+  display: flex;
+  justify-content: space-around;
+  align-items: center;
+  flex-direction: column;
+.empty-box {
+  width: 500px;
+  height: 500px;
+.upload-box {
+  text-align: center;
+}
+}
+.file-list-box {
+  width: 100%;
+:deep(.el-scrollbar) {
+  padding: 0 25px;
+}
+.scrollbar-demo-item {
+  font-size: 16px;
+  height: 35px;
+  margin: 10px;
+  border-radius: 4px;
+  background: var(--el-color-primary-light-9);
+  color: var(--el-color-primary);
+  line-height: 35px;
+}
+}
+}
+}
+</style>
\ No newline at end of file
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 ff6c3ef..fece87b 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
@@ -101,6 +101,7 @@
           .catch((err: any) => {})
       }
       const handleUploadBtn = () => {
+          debugger;
         info.fileValue = 'XMLType' + new Date().getTime()
         info.uploadAction = axiosBaseUrl +'uf?sid='+settingParam.sessionId+'&repositoryName='+info.repositoryName+'&groupValue='
           + info.groupValue+'&fileValue='+info.fileValue+'&appId='+ info.appId;
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
new file mode 100644
index 0000000..2b8fd19
--- /dev/null
+++ b/com.actionsoft.apps.coe.pal.datamigration/src/components/form-import.vue
@@ -0,0 +1,173 @@
+<template>
+  <div class="data-import">
+    <div class="top-box">
+      <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" />
+        </el-steps>
+      </div>
+    </div>
+    <div class="bottom-box">
+      <div class="empty-box" v-if="info.fileList.length === 0">
+        <el-empty></el-empty>
+        <div class="upload-box">
+          <el-upload
+              class="upload-demo"
+              :action="info.uploadAction"
+              :on-preview="handlePreview"
+              :on-remove="handleRemove"
+              :before-remove="beforeRemove"
+              :on-success="handleSuccess"
+              :limit="1"
+              :on-exceed="handleExceed"
+              :show-file-list="false"
+          >
+            <el-button type="primary" @click="handleUploadBtn">导入Word文件</el-button>
+            <template #tip>
+              <div class="el-upload__tip">
+                仅支持Word格式文本
+              </div>
+            </template>
+          </el-upload>
+        </div>
+      </div>
+      <div class="file-list-box" v-else>
+        <el-scrollbar height="400px">
+          <div v-for="item in info.fileList" :key="item" class="scrollbar-demo-item">
+            <div>{{ item.name }}</div>
+          </div>
+        </el-scrollbar>
+      </div>
+      <div class="action-box">
+        <el-button style="cursor: pointer" type="primary" @click="next">下一步</el-button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts">
+import { defineComponent,getCurrentInstance,reactive,ref } from 'vue';
+
+export default defineComponent({
+  name: "form-import",
+  setup() {
+    const { proxy: $this } = getCurrentInstance();
+    let info = reactive({
+      activeStep: 0,
+      steps: [{title:"上传"},{title:"校验"},{title:"结果"}],
+      fileList: [],
+      uploadAction: '',
+      repositoryName: 'migration',
+      groupValue: 'yili',
+      fileValue: '',
+      appId: 'com.actionsoft.apps.coe.pal.datamigration',
+      fileName: ''
+    });
+    const handlePreview = () => {}
+    const handleRemove = () => {}
+    const beforeRemove = () => {}
+    const handleExceed = () => {}
+    const handleSuccess = (res: any,uploadFile: any,uploadFiles: any) => {
+      console.log(res,'---',uploadFile,'----',uploadFiles)
+      info.fileName = res.files.name
+      let tempFileObj = {id: uploadFile.uid,name: res.files.name,downloadUrl: res.data.data.attrs.downloadUrl}
+      info.fileList.push(tempFileObj)
+      console.info('fileList',info.fileList)
+    }
+    const next = () => {
+      if (info.fileList.length === 0) {
+        $this.$message({type:'warning',message:'请上传文件'});
+        return;
+      }
+      let param = {
+        url: './jd',
+        data: {
+          cmd: 'com.actionsoft.apps.coe.pal.formImport_process_attribute_import',
+          sid: settingParam.sessionId,
+          wsId: settingParam.wsId ? settingParam.wsId : '6f4e292c-1b90-4dd2-8c20-7da159cb20a5',
+          groupValue: info.groupValue,
+          fileValue: info.fileValue,
+          fileName: info.fileName
+        }
+      }
+      $this.awsuiaxios.post(param)
+          .then((ro: any) => {
+            console.log(ro)
+            if (ro.result === 'ok') {
+              $this.$message({type:'warning',message:'流程数据导入成功'});
+            }
+          })
+          .catch((err: any) => {})
+    }
+    const handleUploadBtn = () => {
+      info.fileValue = 'FormType' + new Date().getTime()
+      info.uploadAction = axiosBaseUrl +'uf?sid='+settingParam.sessionId+'&repositoryName='+info.repositoryName+'&groupValue='
+          + info.groupValue+'&fileValue='+info.fileValue+'&appId='+ info.appId;
+    }
+    return {
+      info,
+      handlePreview,
+      handleRemove,
+      beforeRemove,
+      handleExceed,
+      handleUploadBtn,
+      handleSuccess,
+      next
+    }
+  }
+})
+</script>
+
+<style  lang="less" scoped>
+.data-import {
+  width: 100%;
+  height: 100%;
+  background-color: #F7F7FB;
+.top-box {
+  height: 75px;
+  margin: 0 35px 0 35px;
+  display: flex;
+  justify-content: space-between;
+.title-box {
+  line-height: 75px;
+  font-size: 18px;
+}
+.step-box {
+  width: 45%;
+  padding: 15px 0;
+}
+}
+.bottom-box {
+  height: 650px;
+  margin: 0 35px 0 35px;
+  background-color: rgb(255,255,255);
+  display: flex;
+  justify-content: space-around;
+  align-items: center;
+  flex-direction: column;
+.empty-box {
+  width: 500px;
+  height: 500px;
+.upload-box {
+  text-align: center;
+}
+}
+.file-list-box {
+  width: 100%;
+:deep(.el-scrollbar) {
+  padding: 0 25px;
+}
+.scrollbar-demo-item {
+  font-size: 16px;
+  height: 35px;
+  margin: 10px;
+  border-radius: 4px;
+  background: var(--el-color-primary-light-9);
+  color: var(--el-color-primary);
+  line-height: 35px;
+}
+}
+}
+}
+</style>
\ No newline at end of file
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
new file mode 100644
index 0000000..0baac46
--- /dev/null
+++ b/com.actionsoft.apps.coe.pal.datamigration/src/components/system-import.vue
@@ -0,0 +1,173 @@
+<template>
+  <div class="data-import">
+    <div class="top-box">
+      <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" />
+        </el-steps>
+      </div>
+    </div>
+    <div class="bottom-box">
+      <div class="empty-box" v-if="info.fileList.length === 0">
+        <el-empty></el-empty>
+        <div class="upload-box">
+          <el-upload
+              class="upload-demo"
+              :action="info.uploadAction"
+              :on-preview="handlePreview"
+              :on-remove="handleRemove"
+              :before-remove="beforeRemove"
+              :on-success="handleSuccess"
+              :limit="1"
+              :on-exceed="handleExceed"
+              :show-file-list="false"
+          >
+            <el-button type="primary" @click="handleUploadBtn">导入Word文件</el-button>
+            <template #tip>
+              <div class="el-upload__tip">
+                仅支持Word格式文本
+              </div>
+            </template>
+          </el-upload>
+        </div>
+      </div>
+      <div class="file-list-box" v-else>
+        <el-scrollbar height="400px">
+          <div v-for="item in info.fileList" :key="item" class="scrollbar-demo-item">
+            <div>{{ item.name }}</div>
+          </div>
+        </el-scrollbar>
+      </div>
+      <div class="action-box">
+        <el-button style="cursor: pointer" type="primary" @click="next">下一步</el-button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts">
+import { defineComponent,getCurrentInstance,reactive,ref } from 'vue';
+
+export default defineComponent({
+  name: "system-import",
+  setup() {
+    const { proxy: $this } = getCurrentInstance();
+    let info = reactive({
+      activeStep: 0,
+      steps: [{title:"上传"},{title:"校验"},{title:"结果"}],
+      fileList: [],
+      uploadAction: '',
+      repositoryName: 'migration',
+      groupValue: 'yili',
+      fileValue: '',
+      appId: 'com.actionsoft.apps.coe.pal.datamigration',
+      fileName: ''
+    });
+    const handlePreview = () => {}
+    const handleRemove = () => {}
+    const beforeRemove = () => {}
+    const handleExceed = () => {}
+    const handleSuccess = (res: any,uploadFile: any,uploadFiles: any) => {
+      console.log(res,'---',uploadFile,'----',uploadFiles)
+      info.fileName = res.files.name
+      let tempFileObj = {id: uploadFile.uid,name: res.files.name,downloadUrl: res.data.data.attrs.downloadUrl}
+      info.fileList.push(tempFileObj)
+      console.info('fileList',info.fileList)
+    }
+    const next = () => {
+      if (info.fileList.length === 0) {
+        $this.$message({type:'warning',message:'请上传文件'});
+        return;
+      }
+      let param = {
+        url: './jd',
+        data: {
+          cmd: 'com.actionsoft.apps.coe.pal.systemImport_process_attribute_import',
+          sid: settingParam.sessionId,
+          wsId: settingParam.wsId ? settingParam.wsId : '6f4e292c-1b90-4dd2-8c20-7da159cb20a5',
+          groupValue: info.groupValue,
+          fileValue: info.fileValue,
+          fileName: info.fileName
+        }
+      }
+      $this.awsuiaxios.post(param)
+          .then((ro: any) => {
+            console.log(ro)
+            if (ro.result === 'ok') {
+              $this.$message({type:'warning',message:'流程数据导入成功'});
+            }
+          })
+          .catch((err: any) => {})
+    }
+    const handleUploadBtn = () => {
+      info.fileValue = 'SystemType' + new Date().getTime()
+      info.uploadAction = axiosBaseUrl +'uf?sid='+settingParam.sessionId+'&repositoryName='+info.repositoryName+'&groupValue='
+          + info.groupValue+'&fileValue='+info.fileValue+'&appId='+ info.appId;
+    }
+    return {
+      info,
+      handlePreview,
+      handleRemove,
+      beforeRemove,
+      handleExceed,
+      handleUploadBtn,
+      handleSuccess,
+      next
+    }
+  }
+})
+</script>
+
+<style  lang="less" scoped>
+.data-import {
+  width: 100%;
+  height: 100%;
+  background-color: #F7F7FB;
+.top-box {
+  height: 75px;
+  margin: 0 35px 0 35px;
+  display: flex;
+  justify-content: space-between;
+.title-box {
+  line-height: 75px;
+  font-size: 18px;
+}
+.step-box {
+  width: 45%;
+  padding: 15px 0;
+}
+}
+.bottom-box {
+  height: 650px;
+  margin: 0 35px 0 35px;
+  background-color: rgb(255,255,255);
+  display: flex;
+  justify-content: space-around;
+  align-items: center;
+  flex-direction: column;
+.empty-box {
+  width: 500px;
+  height: 500px;
+.upload-box {
+  text-align: center;
+}
+}
+.file-list-box {
+  width: 100%;
+:deep(.el-scrollbar) {
+  padding: 0 25px;
+}
+.scrollbar-demo-item {
+  font-size: 16px;
+  height: 35px;
+  margin: 10px;
+  border-radius: 4px;
+  background: var(--el-color-primary-light-9);
+  color: var(--el-color-primary);
+  line-height: 35px;
+}
+}
+}
+}
+</style>
\ No newline at end of file
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 c1997d5..d9f827f 100644
--- a/com.actionsoft.apps.coe.pal.datamigration/src/views/Home.vue
+++ b/com.actionsoft.apps.coe.pal.datamigration/src/views/Home.vue
@@ -31,6 +31,10 @@
           <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>
       </div>
   </div>
 </template>
@@ -42,13 +46,22 @@ import DataImport from '@/components/data-import.vue';
 import DataItImport from '@/components/data-It-import.vue';
 import ModuleChange from '@/components/module-change.vue';
 
+import BatchDataImport from '@/components/batch-data-import.vue';
+import FormImport from '@/components/form-import.vue';
+import PerformanceImport from '@/components/Performance-import.vue';
+import SystemImport from '@/components/system-import.vue';
+
 export default defineComponent({
   name: 'Home',
   components: {
     DataMigration,
     DataImport,
     DataItImport,
-    ModuleChange
+    ModuleChange,
+    BatchDataImport,
+    FormImport,
+    PerformanceImport,
+    SystemImport
   },
   setup(){
     // const { proxy: $this } = getCurrentInstance();
@@ -56,7 +69,7 @@ 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;"}],
+      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;"}],
       flagBit: 1
     });
     const activeName = ref('dataMigration')