451 lines
17 KiB
Vue
451 lines
17 KiB
Vue
<template>
|
||
<el-container>
|
||
<div id="repositoryInfoUpfile" style="height: 500px;width: 100%;">
|
||
<div v-if="havingWritePerm && !isPublish && !isStop && !isApproval" style="height: 40px;">
|
||
<el-tooltip class="item" placement="bottom-start" :hide-after=5000>
|
||
<div slot="content">附件格式支持:<br/>jpg, jpeg, gif, png, bmp, pdf, doc, docx, ppt, pptx, xls, xlsx, txt, mp3, mp4, avi, mpeg, flv, swf, wmv</div>
|
||
<awsui-button style="width: 130px;" class="button-general-color" type="primary" @click="openFileSelect()" :disabled="isPublish || isStop || isApproval">上传附件</awsui-button>
|
||
</el-tooltip>
|
||
<PALUpload ref="orgUpload" style="width: 100%;"
|
||
class="upload-demo"
|
||
appId="com.actionsoft.apps.coe.pal"
|
||
:repositoryName=repositoryName
|
||
:multiple=true
|
||
:groupValue=groupValue
|
||
:fileValue=id
|
||
:show-file-list=false
|
||
:on-success="uploadSuccess"
|
||
:before-upload="beforeUpload"
|
||
accept=".jpg,.jpeg,.gif,.png,.bmp,.pdf,.doc,.docx,.ppt,.pptx,.xls,.xlsx,.txt,.mp3,.mp4,.avi,.mpeg,.flv,.swf,.wmv"
|
||
:file-list="fileList">
|
||
<div style="display: none;">
|
||
<awsui-button id="selectFileButton" style="width: 130px;" class="button-general-color" type="primary">Excel文件上传</awsui-button>
|
||
</div>
|
||
</PALUpload>
|
||
</div>
|
||
<div style="height: 460px;width: 100%;overflow: auto;">
|
||
<div>
|
||
<el-table
|
||
:show-header=false
|
||
:data="fileTable"
|
||
style="width: 100%">
|
||
<el-table-column
|
||
prop="name"
|
||
label="名称"
|
||
min-width="300">
|
||
</el-table-column>
|
||
<el-table-column v-if="isHighSecurity"
|
||
prop="securityLevel"
|
||
label="文件密级"
|
||
min-width="50">
|
||
</el-table-column>
|
||
<el-table-column
|
||
prop="operate"
|
||
label="操作"
|
||
align="center"
|
||
width="150">
|
||
<template slot-scope="scope">
|
||
<el-tooltip v-if="onlineDoc" content="预览" placement="bottom" :hide-after=2000>
|
||
<i class="iconfont operate-icon-display" style="cursor: pointer;" @click="readFile(scope.row.id)"></i>
|
||
</el-tooltip>
|
||
<el-tooltip content="下载" placement="bottom" :hide-after=2000>
|
||
<i class="iconfont operate-icon-display" style="cursor: pointer;padding-left: 15px;" @click="downloadFile(scope.row.url)"></i>
|
||
</el-tooltip>
|
||
<el-tooltip v-if="havingRemovePerm && !isPublish && !isStop && !isApproval" content="删除" placement="bottom" :hide-after=2000>
|
||
<i class="iconfont icon-lajitong1 operate-icon-display" style="cursor: pointer;padding-left: 15px;" @click="deleteFile(scope.row.name, scope.row.id)"></i>
|
||
</el-tooltip>
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
</div>
|
||
<div style="height: 25px;line-height: 25px;vertical-align: center;margin: 30px 30px 15px 0px;border-left: 3px solid #4E7FF9;"><p style="padding-left: 5px;"><b>关联附件</b></p></div>
|
||
<div>
|
||
<el-table
|
||
:show-header=false
|
||
:data="relationFileTable"
|
||
style="width: 100%">
|
||
<el-table-column
|
||
prop="name"
|
||
label="名称"
|
||
min-width="300">
|
||
</el-table-column>
|
||
<el-table-column v-if="isHighSecurity"
|
||
prop="securityLevel"
|
||
label="文件密级"
|
||
min-width="50">
|
||
</el-table-column>
|
||
<el-table-column
|
||
prop="operate"
|
||
label="操作"
|
||
align="center"
|
||
width="150">
|
||
<template slot-scope="scope">
|
||
<el-tooltip content="预览" placement="bottom" :hide-after=2000>
|
||
<i class="iconfont operate-icon-display" style="cursor: pointer;" @click="readFile(scope.row.id)"></i>
|
||
</el-tooltip>
|
||
<el-tooltip content="下载" placement="bottom" :hide-after=2000>
|
||
<i class="iconfont operate-icon-display" style="cursor: pointer;padding-left: 15px;" @click="downloadFile(scope.row.url)"></i>
|
||
</el-tooltip>
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div >
|
||
<awsui-dialog
|
||
title="密级标定"
|
||
:visible.sync="securityVisible"
|
||
:border="false"
|
||
append-to-body
|
||
width="500px">
|
||
<div style="max-height:500px;overflow-y: auto">
|
||
<awsui-form :ref="file.uid" label-width="200px" id="securityDialog" :rules="securityRules" v-for="file in securityFileList" :key="file.uid" :model="file">
|
||
<awsui-form-item :label="file.name" prop="securityLevel">
|
||
<awsui-select v-model="file.securityLevel" :options="securityOptions" style="width:70%"></awsui-select>
|
||
</awsui-form-item>
|
||
</awsui-form>
|
||
</div>
|
||
<div slot="footer" class="dialog-footer">
|
||
<awsui-button type="primary" @click="uploadServer">确定</awsui-button>
|
||
<awsui-button @click="securityVisible = false">取 消</awsui-button>
|
||
</div>
|
||
</awsui-dialog>
|
||
</div>
|
||
</el-container>
|
||
|
||
</template>
|
||
|
||
<script>
|
||
import PALUpload from "@/components/common/upload/index.vue";
|
||
import awsuiAxios from "../../awsuiAxios";
|
||
export default {
|
||
name: "RepositoryInfoUpfile",
|
||
components: {PALUpload},
|
||
props: ['id', 'versionId', 'isUse', 'isPublish', 'isStop', 'isApproval'],
|
||
data() {
|
||
var securityValidate = (rule, value, callback) => {
|
||
if (value === undefined ) {
|
||
callback(new Error('请选择文件密级'));
|
||
} else {
|
||
callback();
|
||
}
|
||
};
|
||
return {
|
||
fileTable: [],
|
||
relationFileTable: [],
|
||
fileList: [],
|
||
groupValue: 'file',
|
||
onlineDoc: true,
|
||
havingWritePerm: false,
|
||
havingRemovePerm: false,
|
||
havingVersionManagePerm: false,
|
||
isHighSecurity: false,
|
||
isFileSecurity: false,
|
||
securityList: {},
|
||
repositoryName: 'COE_Upfile',
|
||
securityVisible: false,
|
||
securityFileList: [],
|
||
securityOptions:[],
|
||
securityRules: {
|
||
securityLevel: [{ required: true, trigger: "change", validator: securityValidate ,type: "number"}],
|
||
},
|
||
validateFlag: true,
|
||
}
|
||
},
|
||
created() {
|
||
this.initData();
|
||
this.initRelationData();
|
||
},
|
||
watch: {
|
||
//密级选择dialogVisible 变为false，清空securityFileList
|
||
securityVisible(newval, oldval){
|
||
if(!newval){
|
||
this.securityFileList.splice(0,this.securityFileList.length);
|
||
}
|
||
},
|
||
},
|
||
methods: {
|
||
initData() {
|
||
const that = this;
|
||
const data = {
|
||
url:'jd',
|
||
data:{
|
||
cmd: 'com.actionsoft.apps.coe.pal_processlevel_upfile_load',
|
||
pl_uuid: that.id,
|
||
type: 'file',
|
||
wsId: that.$store.getters.getWsIdFn,
|
||
teamId: that.$store.getters.getTeamIdFn
|
||
}
|
||
};
|
||
// 查询数据
|
||
awsuiAxios.post(data).then(function (ro) {
|
||
if(ro.result == 'ok') {
|
||
that.havingWritePerm = ro.data.havingWritePerm;
|
||
that.havingRemovePerm = ro.data.havingRemovePerm;
|
||
that.havingVersionManagePerm = ro.data.havingVersionManagePerm;
|
||
//三员管理
|
||
that.isHighSecurity = ro.data.isHighSecurity;
|
||
that.isFileSecurity = ro.data.isFileSecurity;
|
||
that.securityList = ro.data.securityList;
|
||
if(ro.data.isHighSecurity){
|
||
that.repositoryName = 'tmp';
|
||
}
|
||
const list = ro.data.list;
|
||
let fileTable = [];
|
||
for (let i = 0; i < list.length; i++) {
|
||
const curr = list[i];
|
||
const tableRow = {
|
||
id: curr.uuid,
|
||
name: curr.fileName,
|
||
url: curr.url,
|
||
securityLevel: that.isHighSecurity ? ro.data.securityList[curr.securityLevel]: "",
|
||
};
|
||
fileTable.push(tableRow);
|
||
}
|
||
that.fileTable = fileTable;
|
||
}
|
||
}).catch(error=>{
|
||
console.log(error);
|
||
})
|
||
},
|
||
initRelationData() {
|
||
const that = this;
|
||
const data = {
|
||
url:'jd',
|
||
data:{
|
||
cmd: 'com.actionsoft.apps.coe.pal_processlevel_relation_upfile_load',
|
||
pl_uuid: that.id,
|
||
type: 'file'
|
||
}
|
||
};
|
||
// 查询数据
|
||
awsuiAxios.post(data).then(function (ro) {
|
||
if(ro.result == 'ok') {
|
||
//三员管理
|
||
that.isHighSecurity = ro.data.isHighSecurity;
|
||
that.securityList = ro.data.securityList;
|
||
if(ro.data.isHighSecurity){
|
||
that.repositoryName = 'tmp';
|
||
}
|
||
const list = ro.data.list;
|
||
let relationFileTable = [];
|
||
for (let i = 0; i < list.length; i++) {
|
||
const curr = list[i];
|
||
const tableRow = {
|
||
id: curr.uuid,
|
||
name: curr.fileName,
|
||
url: curr.url,
|
||
securityLevel: that.isHighSecurity ? that.securityList[curr.securityLevel] : "",
|
||
};
|
||
relationFileTable.push(tableRow);
|
||
}
|
||
that.relationFileTable = relationFileTable;
|
||
}
|
||
}).catch(error=>{
|
||
console.log(error);
|
||
})
|
||
},
|
||
openFileSelect() {
|
||
let that = this;
|
||
// 文件访问权限控制
|
||
if(that.isHighSecurity && that.isFileSecurity){
|
||
const data = {
|
||
url:'jd',
|
||
data:{
|
||
cmd: 'com.actionsoft.apps.coe.pal_pl_file_permission_query',
|
||
uuid: that.id,
|
||
}
|
||
};
|
||
awsuiAxios.post(data).then(function (ro) {
|
||
if(ro.result == 'ok') {
|
||
document.getElementById("selectFileButton").click();
|
||
}else{
|
||
that.$message.error(ro.msg);
|
||
}
|
||
}).catch(error=>{
|
||
console.log(error);
|
||
that.$message.error(error.msg);
|
||
})
|
||
}else{
|
||
document.getElementById("selectFileButton").click();
|
||
}
|
||
},
|
||
uploadSuccess(response, file, fileList) {// 上传完成后保存
|
||
//开启三员管理
|
||
if(this.isHighSecurity){
|
||
//开启密级标定dialog
|
||
if(!this.securityVisible){
|
||
this.securityVisible = true;
|
||
}
|
||
//设置密级options
|
||
if(this.securityOptions.length == 0){
|
||
Object.keys(this.securityList).map(key =>{
|
||
let option= {
|
||
value: key,
|
||
label: this.securityList[key]
|
||
}
|
||
this.securityOptions.push(option);
|
||
})
|
||
}
|
||
this.securityFileList.push(file);
|
||
}else{
|
||
const that = this;
|
||
const data = {
|
||
url:'jd',
|
||
data:{
|
||
cmd: 'com.actionsoft.apps.coe.pal_processlevel_upfile_add',
|
||
pl_uuid: that.id,
|
||
shape_uuid: "",
|
||
type: 'file',
|
||
fileName: file.name,
|
||
download: 1 // 全部可下载
|
||
}
|
||
};
|
||
// 查询数据
|
||
awsuiAxios.post(data).then(function (ro) {
|
||
if(ro.result == 'ok') {
|
||
that.$message({
|
||
message: '['+ file.name +']上传成功',
|
||
type: 'success'
|
||
});
|
||
that.initData();
|
||
} else {
|
||
that.$message.error('['+ file.name +']上传失败');
|
||
}
|
||
}).catch(error=>{
|
||
console.log(error);
|
||
})
|
||
}
|
||
},
|
||
uploadServer(){ //三员管理下附件上传
|
||
this.validateFlag = true;
|
||
//规则校验
|
||
for(let i=0;i<this.securityFileList.length;i++){
|
||
let file = this.securityFileList[i];
|
||
this.$refs[file.uid][0].validate(valid =>{
|
||
if(!valid){
|
||
this.validateFlag = false;
|
||
return false;
|
||
}
|
||
});
|
||
}
|
||
//文件上传
|
||
if(this.validateFlag){
|
||
for(let i=0;i<this.securityFileList.length;i++){
|
||
let file = this.securityFileList[i];
|
||
const that = this;
|
||
const data = {
|
||
url:'jd',
|
||
data:{
|
||
cmd: 'com.actionsoft.apps.coe.pal_processlevel_upfile_add',
|
||
pl_uuid: that.id,
|
||
shape_uuid: "",
|
||
type: 'file',
|
||
fileName: file.name,
|
||
download: 1 ,// 全部可下载，
|
||
securityLevel: file.securityLevel == undefined ? "" : file.securityLevel,
|
||
}
|
||
};
|
||
|
||
// 查询数据
|
||
awsuiAxios.post(data).then(function (ro) {
|
||
if(ro.result == 'ok') {
|
||
that.$message({
|
||
message: '['+ file.name +']上传成功',
|
||
type: 'success'
|
||
});
|
||
that.initData();
|
||
} else {
|
||
that.$message.error('['+ file.name +']上传失败');
|
||
}
|
||
}).catch(error=>{
|
||
console.log(error);
|
||
})
|
||
}
|
||
this.securityVisible = false;
|
||
}
|
||
|
||
},
|
||
beforeUpload(file) {// 单个文件校验，返回false不影响其他文件上传
|
||
if (file.size > 256 * 1024 * 1024) {
|
||
this.$message({message: '文件[' + file.name + ']不允许大于256M，上传失败',type: 'warning'});
|
||
return false;
|
||
}
|
||
// 校验上传名称是否存在相同，相同则提示上传失败
|
||
for (let i = 0; i < this.fileTable.length; i++) {
|
||
const currFile = this.fileTable[i];
|
||
if (currFile.name == file.name) {
|
||
this.$message({message: '文件[' + file.name + ']已存在，不允许重复上传',type: 'warning'});
|
||
return false;
|
||
}
|
||
}
|
||
},
|
||
readFile(id) {// 在线预览
|
||
const that = this;
|
||
const data = {
|
||
url:'jd',
|
||
data:{
|
||
cmd: 'com.actionsoft.apps.coe.pal_processlevel_upfile_read',
|
||
uuid: id
|
||
}
|
||
};
|
||
// 查询数据
|
||
awsuiAxios.post(data).then(function (ro) {
|
||
if(ro.result == 'ok') {
|
||
window.open(ro.data.url);
|
||
} else {
|
||
that.$message.error(ro.msg);
|
||
}
|
||
}).catch(error=>{
|
||
console.log(error);
|
||
})
|
||
},
|
||
downloadFile(url) {
|
||
window.open(url);
|
||
},
|
||
deleteFile(name, id) {
|
||
this.$confirm('确定要删除吗？', '提示', {
|
||
confirmButtonText: '确定',
|
||
confirmButtonClass: 'button-general-color',
|
||
cancelButtonText: '取消',
|
||
type: 'warning'
|
||
}).then(() => {
|
||
const that = this;
|
||
const data = {
|
||
url:'jd',
|
||
data:{
|
||
cmd: 'com.actionsoft.apps.coe.pal_processlevel_upfile_del',
|
||
uuid: id,
|
||
}
|
||
};
|
||
// 查询数据
|
||
awsuiAxios.post(data).then(function (ro) {
|
||
if(ro.result == 'ok') {
|
||
that.$message({
|
||
message: '删除成功',
|
||
type: 'success'
|
||
});
|
||
that.initData();
|
||
} else {
|
||
that.$message.error('删除失败');
|
||
}
|
||
}).catch(error=>{
|
||
console.log(error);
|
||
})
|
||
}).catch(() => {
|
||
});
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style scoped>
|
||
#repositoryInfoUpfile >>> .el-table__row .operate-icon-display{
|
||
display: none;
|
||
}
|
||
#repositoryInfoUpfile >>> .el-table__row:hover .operate-icon-display{
|
||
display: inline-block;
|
||
}
|
||
</style>
|