437 lines
18 KiB
Vue
437 lines
18 KiB
Vue
|
<template>
|
|||
|
|
<el-container>
|
|||
|
|
<div v-if="category!='org'" key="dialog2" class="repository-import">
|
|||
|
|
<el-dialog
|
|||
|
|
title="导入模型"
|
|||
|
|
:visible.sync="dialogVisible"
|
|||
|
|
width="500px"
|
|||
|
|
:close-on-click-modal=false
|
|||
|
|
:before-close="handleClose">
|
|||
|
|
<div style="height: 250px;" v-loading="loading" element-loading-text="请稍等">
|
|||
|
|
<div style="text-align: center;padding-top: 10px;">
|
|||
|
|
<awsui-button style="width: 130px;" class="button-general-color" type="primary" @click="openFileSelect('file')">本地文件上传</awsui-button>
|
|||
|
|
</div>
|
|||
|
|
<div class="text-second-color" style="font-size: 12px;margin-top: 10px;margin-left: 15px;">请上传export文件，支持多个文件同时导入</div>
|
|||
|
|
<div style="height: 180px;margin: 10px 10px;overflow:auto;">
|
|||
|
|
<PALUpload ref="palUpload" style="width: 100%;"
|
|||
|
|
class="upload-demo"
|
|||
|
|
appId="com.actionsoft.apps.coe.pal"
|
|||
|
|
repositoryName="tmp"
|
|||
|
|
groupValue="_import"
|
|||
|
|
fileValue="Normal"
|
|||
|
|
:multiple=true
|
|||
|
|
:on-preview="handlePreview"
|
|||
|
|
:on-success="handleSuccess"
|
|||
|
|
:on-remove="handleRemove"
|
|||
|
|
:on-error="handleError"
|
|||
|
|
:before-remove="beforeRemove"
|
|||
|
|
:before-upload="beforeUpload"
|
|||
|
|
:on-exceed="handleExceed"
|
|||
|
|
:on-progress="handleProgress"
|
|||
|
|
accept=".export"
|
|||
|
|
:file-list="fileList">
|
|||
|
|
<div style="display: none;">
|
|||
|
|
<awsui-button name="selectFileButton" style="width: 130px;" class="button-general-color" type="primary">本地文件上传</awsui-button>
|
|||
|
|
</div>
|
|||
|
|
</PALUpload>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<span slot="footer" class="dialog-footer">
|
|||
|
|
<awsui-button class="button-general-color" :disabled="buttonDisabled" type="primary" @click="importSave">确定</awsui-button>
|
|||
|
|
<awsui-button @click="cancel">取消</awsui-button>
|
|||
|
|
</span>
|
|||
|
|
</el-dialog>
|
|||
|
|
</div>
|
|||
|
|
<div v-else="category=='org'" key="dialog1" class="repository-import">
|
|||
|
|
<el-dialog
|
|||
|
|
title="导入组织模型"
|
|||
|
|
:visible.sync="dialogVisible"
|
|||
|
|
:close-on-click-modal=false
|
|||
|
|
width="500px"
|
|||
|
|
:before-close="handleClose">
|
|||
|
|
<div v-show="step1" id="step1" style="height: 250px;text-align: center;" v-loading="loading" element-loading-text="请稍等">
|
|||
|
|
<div style="position: relative;top:35%;">
|
|||
|
|
<div style="margin-bottom: 25px;">
|
|||
|
|
<awsui-button style="width: 130px;" class="button-general-color" type="primary" @click="openFileSelect('file')">直接导入</awsui-button>
|
|||
|
|
</div>
|
|||
|
|
<div>
|
|||
|
|
<awsui-button style="width: 130px;" class="button-general-color-reverse" @click="openFileSelect('excel')">模板导入</awsui-button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div v-show="step2" id="step2" style="height: 250px;" v-loading="loading" element-loading-text="请稍等">
|
|||
|
|
<div style="text-align: center;padding-top: 10px;">
|
|||
|
|
<awsui-button style="width: 130px;" :class="{'button-general-color': type == 'file', 'button-general-color-reverse': type == 'excel'}" :type="type == 'file' ? 'primary' : ''" @click="openFileSelect('file')">直接导入</awsui-button>
|
|||
|
|
<awsui-button style="width: 130px;" :class="{'button-general-color': type == 'excel', 'button-general-color-reverse': type == 'file'}" :type="type == 'excel' ? 'primary' : ''" @click="openFileSelect('excel')">模板导入</awsui-button>
|
|||
|
|
</div>
|
|||
|
|
<div v-if="type == 'file'">
|
|||
|
|
<div class="text-second-color" style="font-size: 12px;margin-top: 10px;margin-left: 15px;">请点击"直接导入"按钮上传export文件，支持多个文件同时导入</div>
|
|||
|
|
<div style="height: 180px;margin: 10px 10px;overflow:auto;">
|
|||
|
|
<PALUpload ref="palUpload" style="width: 100%;"
|
|||
|
|
class="upload-demo"
|
|||
|
|
appId="com.actionsoft.apps.coe.pal"
|
|||
|
|
repositoryName="tmp"
|
|||
|
|
groupValue="_import"
|
|||
|
|
fileValue="Normal"
|
|||
|
|
:multiple=true
|
|||
|
|
:on-preview="handlePreview"
|
|||
|
|
:on-success="handleSuccess"
|
|||
|
|
:on-remove="handleRemove"
|
|||
|
|
:on-error="handleError"
|
|||
|
|
:before-remove="beforeRemove"
|
|||
|
|
:before-upload="beforeUpload"
|
|||
|
|
:on-exceed="handleExceed"
|
|||
|
|
:on-progress="handleProgress"
|
|||
|
|
accept=".export"
|
|||
|
|
:file-list="fileList">
|
|||
|
|
<div style="display: none;">
|
|||
|
|
<awsui-button name="selectFileButton" style="width: 130px;" class="button-general-color" type="primary">本地文件上传</awsui-button>
|
|||
|
|
</div>
|
|||
|
|
</PALUpload>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div v-if="type == 'excel'">
|
|||
|
|
<div style="height: 200px;margin: 25px 10px 10px;overflow:auto;">
|
|||
|
|
<div style="width: 438px;height: 80px;border: 1px solid #F2F2F2;">
|
|||
|
|
<div style="float: left;height: 100%;width: 80px;display: inline-block;background-color: #F5F7FA;text-align: center;line-height: 85px;vertical-align: middle;">
|
|||
|
|
<i style="font-size: 40px;" class="iconfont text-second-color"></i>
|
|||
|
|
</div>
|
|||
|
|
<div style="float: left;height: 100%;">
|
|||
|
|
<div style="display: inline-block;height: 100%;margin-left: 15px;margin-top: 9px;">
|
|||
|
|
<p class="text-general-color">填写导入组织信息</p>
|
|||
|
|
<p class="text-second-color" style="font-size: 12px;padding-top: 4px;padding-bottom: 4px;">请按照说明格式正确填写Excel文件</p>
|
|||
|
|
<p style="font-size: 12px;cursor: pointer;" class="text-linker-color" @click="downloadOrgTemplate()">下载模板</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div style="height: 20px;"></div>
|
|||
|
|
<div style="width: 438px;height: 80px;border: 1px solid #F2F2F2;">
|
|||
|
|
<div style="float: left;height: 100%;width: 80px;display: inline-block;background-color: #F5F7FA;text-align: center;line-height: 85px;vertical-align: middle;">
|
|||
|
|
<i style="font-size: 40px;" class="iconfont text-second-color"></i>
|
|||
|
|
</div>
|
|||
|
|
<div style="float: left;height: 100%;">
|
|||
|
|
<div style="display: inline-block;height: 100%;margin-left: 15px;margin-top: 9px;">
|
|||
|
|
<p class="text-general-color">上传填好的组织信息文件</p>
|
|||
|
|
<p class="text-second-color" style="font-size: 12px;padding-top: 4px;padding-bottom: 4px;">文件后缀必须为xls或xlsx（即Excel格式）</p>
|
|||
|
|
<p v-if="!isOrgUploaded" style="font-size: 12px;cursor: pointer;" class="text-linker-color" @click="uploadOrgExcel">上传文件</p>
|
|||
|
|
<p v-else style="font-size: 12px;cursor: pointer;" class="text-linker-color"><label style="display: inline-block;max-width: 300px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">{{orgUploadFileName}}</label> <i class="iconfont text-important-color" style="font-size: 12px;position: relative;top: -3px;" @click="removeOrgUpload"></i></p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<PALUpload ref="orgUpload" style="width: 100%;"
|
|||
|
|
class="upload-demo"
|
|||
|
|
appId="com.actionsoft.apps.coe.pal"
|
|||
|
|
repositoryName="tmp"
|
|||
|
|
groupValue="_import"
|
|||
|
|
fileValue="Normal"
|
|||
|
|
:limit="1"
|
|||
|
|
:show-file-list=false
|
|||
|
|
:on-success="handleOrgUploadSuccess"
|
|||
|
|
accept=".xls,.xlsx"
|
|||
|
|
:file-list="orgFileList">
|
|||
|
|
<div style="display: none;">
|
|||
|
|
<awsui-button name="selectOrgFileButton" style="width: 130px;" class="button-general-color" type="primary">Excel文件上传</awsui-button>
|
|||
|
|
</div>
|
|||
|
|
</PALUpload>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<span slot="footer" class="dialog-footer">
|
|||
|
|
<awsui-button class="button-general-color" :disabled="buttonDisabled" type="primary" @click="importSave">确定</awsui-button>
|
|||
|
|
<awsui-button @click="cancel">取消</awsui-button>
|
|||
|
|
</span>
|
|||
|
|
</el-dialog>
|
|||
|
|
</div>
|
|||
|
|
</el-container>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
import PALUpload from "@/components/common/upload/index.vue";
|
|||
|
|
import awsuiAxios from "../../awsuiAxios";
|
|||
|
|
export default {
|
|||
|
|
name: "RepositoryImport",
|
|||
|
|
components: {PALUpload},
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
dialogVisible: false,
|
|||
|
|
buttonDisabled: false,
|
|||
|
|
category: '',
|
|||
|
|
obj: null,
|
|||
|
|
fileList: [],
|
|||
|
|
step1: true,
|
|||
|
|
step2: false,
|
|||
|
|
type: 'file',
|
|||
|
|
orgFileList: [],
|
|||
|
|
isOrgUploaded: false,
|
|||
|
|
orgUploadFileName: '',
|
|||
|
|
parentId: '',
|
|||
|
|
loading: false
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
inject: ['getIsHighSecurity','setSecurityVisible','securityFileList','setSecurityType'],
|
|||
|
|
computed:{
|
|||
|
|
isHighSecurity(){
|
|||
|
|
return this.getIsHighSecurity();
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
clearParam() {
|
|||
|
|
this.category = '';
|
|||
|
|
this.obj = null;
|
|||
|
|
this.fileList = [];
|
|||
|
|
this.orgFileList = [];
|
|||
|
|
this.buttonDisabled = false;
|
|||
|
|
this.dialogVisible = false;
|
|||
|
|
this.step1 = true;
|
|||
|
|
this.step2 = false;
|
|||
|
|
this.type = '';
|
|||
|
|
this.isOrgUploaded = false;
|
|||
|
|
this.orgUploadFileName = '';
|
|||
|
|
this.parentId = '';
|
|||
|
|
this.loading = false;
|
|||
|
|
if (this.$refs.palUpload) {
|
|||
|
|
this.$refs.palUpload.clearFiles();
|
|||
|
|
}
|
|||
|
|
if (this.$refs.orgUpload) {
|
|||
|
|
this.$refs.orgUpload.clearFiles();
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
openImportRepositoryDlg(obj, category, parentId) {
|
|||
|
|
const that = this;
|
|||
|
|
that.category = category;
|
|||
|
|
that.obj = obj;
|
|||
|
|
that.parentId = parentId;
|
|||
|
|
setTimeout(() => {
|
|||
|
|
that.dialogVisible = true;
|
|||
|
|
that.$nextTick(() => {
|
|||
|
|
if (that.category != 'org') {
|
|||
|
|
that.openFileSelect('file');
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}, 300);
|
|||
|
|
},
|
|||
|
|
cancel() {
|
|||
|
|
this.clearParam();
|
|||
|
|
},
|
|||
|
|
importSave() {
|
|||
|
|
const that = this;
|
|||
|
|
const wsId = that.$store.getters.getWsIdFn;
|
|||
|
|
const teamId = that.$store.getters.getTeamIdFn;
|
|||
|
|
let fileName = '';
|
|||
|
|
if (that.type == 'file') {
|
|||
|
|
if (that.fileList.length == 0) {
|
|||
|
|
that.$message({message: '请上传需要导入的文件',type: 'warning'});
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
const fileList = [];
|
|||
|
|
for (let i = 0; i < that.fileList.length; i++) {
|
|||
|
|
fileList.push(that.fileList[i].name);
|
|||
|
|
}
|
|||
|
|
that.buttonDisabled = true;
|
|||
|
|
that.loading = true;
|
|||
|
|
const data = {
|
|||
|
|
url:'jd',
|
|||
|
|
data:{
|
|||
|
|
cmd: 'com.actionsoft.apps.coe.pal_pl_import',
|
|||
|
|
fileList: JSON.stringify(fileList),
|
|||
|
|
wsId: wsId,
|
|||
|
|
teamId: teamId,
|
|||
|
|
plCategory: that.category,
|
|||
|
|
parentId: that.parentId
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
// 查询数据
|
|||
|
|
awsuiAxios.post(data).then(function (ro) {
|
|||
|
|
if(ro.result == 'ok') {
|
|||
|
|
//三员管理，密级标定
|
|||
|
|
if(that.isHighSecurity){
|
|||
|
|
let securityBindList = ro.data.data.securityBindList;
|
|||
|
|
if(undefined !=securityBindList && securityBindList.length>0){
|
|||
|
|
for(let i=0;i<securityBindList.length;i++){
|
|||
|
|
let securityBind = securityBindList[i];
|
|||
|
|
that.securityFileList.push(securityBind);
|
|||
|
|
}
|
|||
|
|
that.setSecurityType("import")
|
|||
|
|
that.setSecurityVisible(true);
|
|||
|
|
}
|
|||
|
|
}else{
|
|||
|
|
that.$message({
|
|||
|
|
message: '导入成功',
|
|||
|
|
type: 'success'
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
// 刷新节点，重新打开
|
|||
|
|
that.obj.refreshNode();
|
|||
|
|
that.obj.openRepositoryList(that.parentId);
|
|||
|
|
that.cancel();
|
|||
|
|
} else {
|
|||
|
|
that.$message.error(ro.msg);
|
|||
|
|
that.buttonDisabled = false;
|
|||
|
|
that.loading = false;
|
|||
|
|
}
|
|||
|
|
}).catch(error=>{
|
|||
|
|
console.log(error);
|
|||
|
|
})
|
|||
|
|
} else if (that.category == 'org' && that.type == 'excel') {// 组织Excel导入
|
|||
|
|
if (that.orgFileList.length == 0) {
|
|||
|
|
that.$message({message: '请上传需要导入的组织文件',type: 'warning'});
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
fileName = that.orgFileList[0].name;// 组织文件
|
|||
|
|
that.loading = true;
|
|||
|
|
|
|||
|
|
const data = {
|
|||
|
|
url:'jd',
|
|||
|
|
data:{
|
|||
|
|
cmd: 'com.actionsoft.apps.coe.pal_repository_import_org',
|
|||
|
|
fileName: fileName,
|
|||
|
|
wsId: wsId,
|
|||
|
|
teamId: teamId,
|
|||
|
|
parentId: that.parentId
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
// 查询数据
|
|||
|
|
awsuiAxios.post(data).then(function (ro) {
|
|||
|
|
if(ro.result == 'ok') {
|
|||
|
|
//三员管理，密级标定
|
|||
|
|
if(that.isHighSecurity){
|
|||
|
|
let securityBindList = ro.data.securityBindList;
|
|||
|
|
if(undefined !=securityBindList && securityBindList.length>0){
|
|||
|
|
for(let i=0;i<securityBindList.length;i++){
|
|||
|
|
let securityBind = securityBindList[i];
|
|||
|
|
that.securityFileList.push(securityBind);
|
|||
|
|
}
|
|||
|
|
that.setSecurityType("import")
|
|||
|
|
that.setSecurityVisible(true);
|
|||
|
|
}
|
|||
|
|
}else{
|
|||
|
|
that.$message({
|
|||
|
|
message: '导入成功',
|
|||
|
|
type: 'success'
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
// 刷新节点，重新打开
|
|||
|
|
that.obj.refreshNode();
|
|||
|
|
that.obj.openRepositoryList(that.parentId);
|
|||
|
|
that.cancel();
|
|||
|
|
} else {
|
|||
|
|
that.$message.error(ro.msg);
|
|||
|
|
that.buttonDisabled = false;
|
|||
|
|
that.loading = false;
|
|||
|
|
}
|
|||
|
|
}).catch(error=>{
|
|||
|
|
console.log(error);
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
handleClose(done) {
|
|||
|
|
this.clearParam();
|
|||
|
|
done();
|
|||
|
|
},
|
|||
|
|
handleRemove(file, fileList) {
|
|||
|
|
this.fileList = fileList;
|
|||
|
|
},
|
|||
|
|
handlePreview(file) {
|
|||
|
|
console.log(file);
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
handleExceed(files, fileList) {
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
handleError(err, file, fileList) {
|
|||
|
|
},
|
|||
|
|
beforeUpload(file) {
|
|||
|
|
},
|
|||
|
|
handleProgress(event, file, fileList) {
|
|||
|
|
},
|
|||
|
|
handleSuccess(response, file, fileList) {
|
|||
|
|
const that = this;
|
|||
|
|
that.fileList = [];
|
|||
|
|
let hash = {};
|
|||
|
|
for (let i = fileList.length-1; i >= 0; i--) {
|
|||
|
|
let currFile = fileList[i];
|
|||
|
|
if (!hash[currFile.name]) {
|
|||
|
|
that.fileList.unshift(currFile);
|
|||
|
|
hash[currFile.name] = true;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
beforeRemove(file, fileList) {
|
|||
|
|
if (file.status == 'success') {
|
|||
|
|
// 删除之前，进行服务器文件删除
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
openFileSelect(type) {
|
|||
|
|
this.type = type;
|
|||
|
|
if (this.category != 'org') {
|
|||
|
|
this.$nextTick(()=>{
|
|||
|
|
document.getElementsByName("selectFileButton")[0].click();
|
|||
|
|
});
|
|||
|
|
} else {
|
|||
|
|
if (type == 'file') {
|
|||
|
|
this.step1 = false;
|
|||
|
|
this.step2 = true;
|
|||
|
|
this.$nextTick(()=>{
|
|||
|
|
document.getElementsByName("selectFileButton")[0].click();
|
|||
|
|
});
|
|||
|
|
} else {
|
|||
|
|
this.type = type;
|
|||
|
|
this.step1 = false;
|
|||
|
|
this.step2 = true;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
downloadOrgTemplate() {// 下载组织模板
|
|||
|
|
const that = this;
|
|||
|
|
const data = {
|
|||
|
|
url:'jd',
|
|||
|
|
data:{
|
|||
|
|
cmd: 'com.actionsoft.apps.coe.pal_repository_import_org_template',
|
|||
|
|
category: that.category
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
// 查询数据
|
|||
|
|
awsuiAxios.post(data).then(function (ro) {
|
|||
|
|
window.open(ro.url);
|
|||
|
|
}).catch(error=>{
|
|||
|
|
console.log(error);
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
uploadOrgExcel() {// 上传组织文件
|
|||
|
|
if (this.$refs.orgUpload) {
|
|||
|
|
this.$refs.orgUpload.clearFiles();
|
|||
|
|
}
|
|||
|
|
document.getElementsByName("selectOrgFileButton")[0].click();
|
|||
|
|
},
|
|||
|
|
handleOrgUploadSuccess(response, file, fileList) {
|
|||
|
|
this.orgFileList = [];
|
|||
|
|
this.orgFileList.push(file);
|
|||
|
|
// 赋值
|
|||
|
|
this.orgUploadFileName = file.name;
|
|||
|
|
this.isOrgUploaded = true;
|
|||
|
|
},
|
|||
|
|
removeOrgUpload() {
|
|||
|
|
this.isOrgUploaded = false;
|
|||
|
|
this.orgFileList = [];
|
|||
|
|
this.orgUploadFileName = '';
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style scoped>
|
|||
|
|
.repository-import >>> .el-dialog__body {
|
|||
|
|
padding: 10px 20px;
|
|||
|
|
color: #606266;
|
|||
|
|
font-size: 14px;
|
|||
|
|
word-break: break-all;
|
|||
|
|
}
|
|||
|
|
.repository-import >>> .el-upload-list__item:first-child {
|
|||
|
|
margin-top: 0px;
|
|||
|
|
}
|
|||
|
|
.repository-import >>> .el-upload {
|
|||
|
|
display: none;
|
|||
|
|
}
|
|||
|
|
</style>
|