导入模块开发
This commit is contained in:
parent
5acf86a4cd
commit
c1b9b18907
@ -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>
|
||||||
@ -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>
|
||||||
@ -101,6 +101,7 @@
|
|||||||
.catch((err: any) => {})
|
.catch((err: any) => {})
|
||||||
}
|
}
|
||||||
const handleUploadBtn = () => {
|
const handleUploadBtn = () => {
|
||||||
|
debugger;
|
||||||
info.fileValue = 'XMLType' + new Date().getTime()
|
info.fileValue = 'XMLType' + new Date().getTime()
|
||||||
info.uploadAction = axiosBaseUrl +'uf?sid='+settingParam.sessionId+'&repositoryName='+info.repositoryName+'&groupValue='
|
info.uploadAction = axiosBaseUrl +'uf?sid='+settingParam.sessionId+'&repositoryName='+info.repositoryName+'&groupValue='
|
||||||
+ info.groupValue+'&fileValue='+info.fileValue+'&appId='+ info.appId;
|
+ info.groupValue+'&fileValue='+info.fileValue+'&appId='+ info.appId;
|
||||||
|
|||||||
@ -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>
|
||||||
@ -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>
|
||||||
@ -31,6 +31,10 @@
|
|||||||
<data-import v-if="activeName === 'dataImport'"></data-import>
|
<data-import v-if="activeName === 'dataImport'"></data-import>
|
||||||
<data-it-import v-if="activeName === 'dataItImport'"></data-it-import>
|
<data-it-import v-if="activeName === 'dataItImport'"></data-it-import>
|
||||||
<module-change v-if="activeName === 'moduleChange'"></module-change>
|
<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>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@ -42,13 +46,22 @@ import DataImport from '@/components/data-import.vue';
|
|||||||
import DataItImport from '@/components/data-It-import.vue';
|
import DataItImport from '@/components/data-It-import.vue';
|
||||||
import ModuleChange from '@/components/module-change.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({
|
export default defineComponent({
|
||||||
name: 'Home',
|
name: 'Home',
|
||||||
components: {
|
components: {
|
||||||
DataMigration,
|
DataMigration,
|
||||||
DataImport,
|
DataImport,
|
||||||
DataItImport,
|
DataItImport,
|
||||||
ModuleChange
|
ModuleChange,
|
||||||
|
BatchDataImport,
|
||||||
|
FormImport,
|
||||||
|
PerformanceImport,
|
||||||
|
SystemImport
|
||||||
},
|
},
|
||||||
setup(){
|
setup(){
|
||||||
// const { proxy: $this } = getCurrentInstance();
|
// const { proxy: $this } = getCurrentInstance();
|
||||||
@ -56,7 +69,7 @@ export default defineComponent({
|
|||||||
migrationTypes: [{value:"",label:"Aris"}],
|
migrationTypes: [{value:"",label:"Aris"}],
|
||||||
migrationType: "",
|
migrationType: "",
|
||||||
tabPosition: "left",
|
tabPosition: "left",
|
||||||
tabPanes: [{label:"数据迁移",name:"dataMigration",icon:""},{label:"流程属性数据导入",name:"dataImport",icon:""},{label:"IT系统数据导入",name:"dataItImport",icon:""},{label:"模型转换",name:"moduleChange",icon:""}],
|
tabPanes: [{label:"数据迁移",name:"dataMigration",icon:""},{label:"流程属性数据导入",name:"dataImport",icon:""},{label:"IT系统数据导入",name:"dataItImport",icon:""},{label:"模型转换",name:"moduleChange",icon:""},{label:"制度导入",name:"systemImport",icon:""},{label:"表单导入",name:"formImport",icon:""},{label:"批处理工具",name:"batchDataImport",icon:""},{label:"绩效导入",name:"performanceImport",icon:""}],
|
||||||
flagBit: 1
|
flagBit: 1
|
||||||
});
|
});
|
||||||
const activeName = ref('dataMigration')
|
const activeName = ref('dataMigration')
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user