右侧收缩展开/IT系统图禁用删除

This commit is contained in:
zhal 2022-08-11 19:17:36 +08:00
parent 30087a6d3b
commit 3787bace15
3 changed files with 225 additions and 198 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 KiB

View File

@ -14,8 +14,8 @@
<label v-if="i == repositoryPathData.length-1" style="font-size: 14px;color: #384148">
<span class="cur-title">
<span @click="initData">{{item.name}}</span>
<!--面包屑 中文件文件夹的操作-->
<!--面包屑 中文件文件夹的操作-->
<div v-if="undefined != mainRepository" style="width: 16px; margin-left: 10px;" class="cur-title-operate">
<div class="operate-icon-display">
<el-dropdown
@ -32,16 +32,16 @@
<el-dropdown-item v-if="!mainRepository.folder" class="el-dropdown-row" @click.native="openDesigner(mainRepository.id)">
<div style="height: 100%;width: 100%;font-size: 14px;"><span style="display: inline-block;width: 20px;"></span><span style="font-size: 12px;">打开模型</span></div>
</el-dropdown-item>
<el-dropdown-item v-if="(mainRepository.methodId =='default' && (isOlderVersion ? havingWritePerm : mainRepository.havingWritePerm)) || mainRepository.methodId !='default'" divided/>
<el-dropdown-item v-if="mainRepository.isFavorite" class="el-dropdown-row" @click.native="setFavorite('0', mainRepository.versionId, mainRepository.id)">
<div style="height: 100%;width: 100%;font-size: 14px;"><span style="display: inline-block;width: 20px;"><i class="iconfont" style="font-size: 12px;color: #FFB800;">&#xe618;</i></span><span style="font-size: 12px;">取消收藏</span></div>
</el-dropdown-item>
<el-dropdown-item v-else class="el-dropdown-row" @click.native="setFavorite('1', mainRepository.versionId, mainRepository.id)">
<div style="height: 100%;width: 100%;font-size: 14px;"><span style="display: inline-block;width: 20px;"><i class="iconfont" style="font-size: 12px;">&#xe630;</i></span><span style="font-size: 12px;">收藏</span></div>
</el-dropdown-item>
<el-dropdown-item v-if="(isOlderVersion ? havingWritePerm : mainRepository.havingWritePerm)" class="el-dropdown-row" @click.native="moveFile(mainRepository.id)">
<div style="height: 100%;width: 100%;font-size: 14px;"><span style="display: inline-block;width: 20px;"></span><span style="font-size: 12px;">移动至</span></div>
</el-dropdown-item>
@ -54,7 +54,7 @@
<el-dropdown-item v-if="(isOlderVersion ? havingWritePerm : mainRepository.havingWritePerm)" divided style="height: 30px;line-height: 30px;" @click.native="removeFiles(mainRepository.id)">
<div class="text-important-color" style="height: 100%;width: 100%;font-size: 14px;"><span style="display: inline-block;width: 20px;"><i class="iconfont icon-lajitong1" style="font-size: 12px;"></i></span><span style="font-size: 12px;">删除模型</span></div>
</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
@ -74,31 +74,31 @@
<div>
<div ref="repositorysDiv" style="margin-left: 10px;margin-right: 10px;">
<el-table
ref="table"
:row-style="{height:'46px'}"
:cell-style="{padding:'0px'}"
v-loading="tableLoading"
element-loading-text="拼命加载中"
:data="tableData"
style="width: 100%;"
:show-header=false
highlight-current-row
@cell-mouse-enter="showCheckbox"
@cell-mouse-leave="hideCheckbox"
:cell-class-name="hideCheckBoxCell"
@row-click="clickTableRow"
@selection-change="handlecheckedRepositorysChange">
ref="table"
:row-style="{height:'46px'}"
:cell-style="{padding:'0px'}"
v-loading="tableLoading"
element-loading-text="拼命加载中"
:data="tableData"
style="width: 100%;"
:show-header=false
highlight-current-row
@cell-mouse-enter="showCheckbox"
@cell-mouse-leave="hideCheckbox"
:cell-class-name="hideCheckBoxCell"
@row-click="clickTableRow"
@selection-change="handlecheckedRepositorysChange">
<el-table-column
class-name="rowDropFilter el-table-column--selection"
type="selection"
width="40"
align="left">
class-name="rowDropFilter el-table-column--selection"
type="selection"
width="40"
align="left">
</el-table-column>
<el-table-column
prop="main"
label="名称"
class-name="row-repository-title"
min-width="250px">
prop="main"
label="名称"
class-name="row-repository-title"
min-width="250px">
<template slot-scope="scope">
<div v-if="!scope.row.folder" :style="{'background-color': scope.row.icon.color}" class="icon-div-repository rowDropFilter">
<i class="awsui-iconfont icon-dynamic-repository" v-html="scope.row.icon.code"></i>
@ -115,11 +115,11 @@
</template>
</el-table-column>
<el-table-column
prop="second"
label="修改日期"
width="300">
prop="second"
label="修改日期"
width="300">
<template slot-scope="scope">
<div class="div-update-date">
<div class="div-update-date" >
<p>
{{scope.row.updateUser}} {{scope.row.updateDate}}修改
<span :style="{'color': scope.row.versionStatus.stateColor}" style="margin-left: 12px;font-size: 13px;">( {{ scope.row.versionStatus.state }} )</span>
@ -128,11 +128,11 @@
</template>
</el-table-column>
<el-table-column
class-name="rowDropFilter"
prop="operate"
label="操作"
align="right"
width="135">
class-name="rowDropFilter"
prop="operate"
label="操作"
align="right"
width="135">
<template slot-scope="scope">
<div style="width: 16px;display: inline-block;">
<div class="operate-icon-display">
@ -204,11 +204,15 @@
</div>
</div>
</el-main>
<el-aside v-if="isShow" width="280px" :style="{'height': (parseInt(mainHeight) - 5) + 'px', 'background-color': '#FAFAFB','position': 'relative','top': '5px'}">
<div style="border-left: 1px solid #f2f2f2;width: 270px;height: 100%;">
<el-aside v-if="isShow" width="280px" :style="{'width':newwidth, 'height': (parseInt(mainHeight) - 5) + 'px', 'background-color': '#FAFAFB','position': 'relative','top': '5px'}">
<div @click="newwidthbind()">
<img :src="imgPath" style="border-radius: 4px;border:1px solid #F2F2F2;width:20px;">
<!--{{newtitle}}-->
</div>
<div style="border-left: 1px solid #f2f2f2;height: 100%;" v-if="newwidthtrue==false">
<!-- 名称和缩略图 -->
<div>
<div style="width:240px;min-height: 47px;margin-left:15px; margin-right:15px;">
<div style="min-height: 47px;margin-left:15px; margin-right:15px;">
<div style="position:relative;padding-top: 12px;">
<div v-if="!currRepositoryDetail.folder" class="icon-div-repository-detail" :style="{'background-color': currRepositoryDetail.iconColor}">
<i class="awsui-iconfont icon-repository-detail" v-html="currRepositoryDetail.iconCode"></i>
@ -272,12 +276,13 @@
</el-container>
<el-footer id="operateFooter" v-show="showFooter" style="height: 45px;padding: 0;" key="operateFooter">
<div style="border-top: 1px solid #F2F2F2;height: 44px;">
<div style="padding: 8px 8px 8px 34px;">
<!-- 如果分类为IT系统图 /角色模型/岗位模型则隐藏操作字段-->
<div style="padding: 8px 8px 8px 34px;" >
<el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllChange"></el-checkbox>
<awsui-button v-if="isOlderVersion ? havingWritePerm : true " style="width: 100px;margin-left: 15px;" class="button-general-color" type="primary" @click="moveFiles">移动至</awsui-button>
<awsui-button v-if="isOlderVersion ? havingWritePerm : true" style="width: 100px;" class="button-general-color-reverse" plain @click="copyFiles()">创建副本</awsui-button>
<awsui-button style="width: 100px;" class="button-general-color-reverse" plain @click="exportFiles()">导出</awsui-button>
<awsui-button v-if="isOlderVersion ? havingRemovePerm : true" style="width: 100px;" class="button-general-color-reverse2" plain @click="removeFiles()">删除</awsui-button>
<awsui-button v-if="isOlderVersion ? havingRemovePerm : true && category != 'itsystem'" style="width: 100px;" class="button-general-color-reverse2" plain @click="removeFiles()">删除</awsui-button>
<awsui-button style="width: 100px;" class="button-general-color-reverse3" plain @click="closeFooter">取消</awsui-button>
</div>
</div>
@ -287,13 +292,13 @@
</el-container>
<el-container id="repositoryListFolderDlg">
<el-dialog
title="修改文件夹"
:visible.sync="folderDialog.dialogVisible"
:modal-append-to-body=false
:close-on-click-modal=false
:close-on-press-escape=true
:before-close="handleCloseFolder"
width="600px">
title="修改文件夹"
:visible.sync="folderDialog.dialogVisible"
:modal-append-to-body=false
:close-on-click-modal=false
:close-on-press-escape=true
:before-close="handleCloseFolder"
width="600px">
<div style="border: 1px solid #F2F2F2;padding: 0px 10px 10px 10px;">
<awsui-form :model="folderDialog.folderForm" :rules="folderDialog.rules" ref="folderForm" label-position="top">
<awsui-form-item label="名称" prop="name">
@ -385,6 +390,9 @@
data(){
return {
loading: false,
newwidth:'280px',
newwidthtrue:false,
newtitle:'收起',
mainHeight: (parseInt(this.$store.getters.getTopMainHeightFn) - (this.showFooter ? 45 : 0)) + 'px',
tableLoading: false,
showFooter: false,
@ -475,7 +483,8 @@
},
created() {
},
mounted() {
mounted(){
this.initData();
this.rowDrop();
// initData 便
@ -493,6 +502,19 @@
});
},
methods: {
newwidthbind(){
if(this.newwidthtrue==false){
this.newwidthtrue = true;
this.newwidth ='28px';
//this.newtitle = '';
this.imgPath=require('@/assets/double-arrow-left.png');
}else{
this.newwidthtrue = false;
this.newwidth ='280px';
//this.newtitle = '';
this.imgPath=require('@/assets/double-arro-right.png');
}
},
handleCloseFolder(done) {
this.folderDialog.dialogVisible = false;
done();
@ -561,9 +583,11 @@
},
initData() {
const that = this;
that.tableLoading = true;
const wsId = that.$store.getters.getWsIdFn;
const teamId = that.$store.getters.getTeamIdFn;
const data = {
url:'jd',
data:{
@ -580,22 +604,22 @@
awsuiAxios.post(data).then(function (ro) {
if(ro.result == 'ok') {
//isClickTreeRoot
// if(ro.data.mainRepository=="undefined"){
// if(ro.data.mainRepository.folder==false){
// bus.$emit("getisDisabled",true);
// }else{
// bus.$emit("getisDisabled",false);
// }
// }
if(ro.data.mainRepository!=undefined){
if(ro.data.mainRepository.folder==false){
bus.$emit("getisDisabled",true);
}else{
bus.$emit("getisDisabled",false);
}
}else{
bus.$emit("getisDisabled",false);
}
// if(ro.data.mainRepository=="undefined"){
// if(ro.data.mainRepository.folder==false){
// bus.$emit("getisDisabled",true);
// }else{
// bus.$emit("getisDisabled",false);
// }
// }
if(ro.data.mainRepository!=undefined){
if(ro.data.mainRepository.folder==false){
bus.$emit("getisDisabled",true);
}else{
bus.$emit("getisDisabled",false);
}
}else{
bus.$emit("getisDisabled",false);
}
const repositoryPathData = ro.data.repositoryPathData;
@ -657,6 +681,9 @@
that.setCurrentRow(that.tableData[0]);
}
}
that.imgPath=require("@/assets/double-arro-right.png");
}
}).catch(error=>{
console.log(error);
@ -738,7 +765,7 @@
};
awsuiAxios.post(data).then(function (ro) {
if(ro.result == 'ok') {
openDesigner(that.$store.getters.getTeamIdFn, id, that.$store.state.sessionId);
openDesigner(that.$store.getters.getTeamIdFn, id, that.$store.state.sessionId);
}else{
that.$message.error(ro.msg);
}
@ -922,40 +949,40 @@
//
awsuiAxios.post(param).then(function (ro) {
if(ro.result == 'ok') {
let checkArr = ro.data.checkArr;
if(checkArr.length<=0){
that.$message.error("无密级访问权限");
}else{
let tempArr = [];
for(let i=0; i<checkArr.length;i++){
for(let j=0; j<that.checkedRepositorys.length; j++){
if(checkArr[i] === that.checkedRepositorys[j].id){
tempArr.push(that.checkedRepositorys[j]);
}
let checkArr = ro.data.checkArr;
if(checkArr.length<=0){
that.$message.error("无密级访问权限");
}else{
let tempArr = [];
for(let i=0; i<checkArr.length;i++){
for(let j=0; j<that.checkedRepositorys.length; j++){
if(checkArr[i] === that.checkedRepositorys[j].id){
tempArr.push(that.checkedRepositorys[j]);
}
}
params.data.sourceData = JSON.stringify(tempArr);
//
awsuiAxios.post(params).then(function (ro) {
if(ro.result == 'ok') {
that.$message({
message: '移动成功',
type: 'success'
});
if (that.refreshTreeNode) {
that.refreshTreeNode(data[0].pid);
}
if (that.refreshTreeParentNode) {
that.refreshTreeParentNode(that.uuid);
}
that.initData();
} else {
that.$message({message: ro.msg,type: 'warning'});
}
}).catch(error=>{
console.log(error);
})
}
params.data.sourceData = JSON.stringify(tempArr);
//
awsuiAxios.post(params).then(function (ro) {
if(ro.result == 'ok') {
that.$message({
message: '移动成功',
type: 'success'
});
if (that.refreshTreeNode) {
that.refreshTreeNode(data[0].pid);
}
if (that.refreshTreeParentNode) {
that.refreshTreeParentNode(that.uuid);
}
that.initData();
} else {
that.$message({message: ro.msg,type: 'warning'});
}
}).catch(error=>{
console.log(error);
})
}
}else{
that.$message(ro.msg);
}
@ -1120,49 +1147,49 @@
};
awsuiAxios.post(data).then(function (ro) {
if(ro.result == 'ok') {
let checkArr = ro.data.checkArr;
if(checkArr.length<=0){
let checkArr = ro.data.checkArr;
if(checkArr.length<=0){
that.loading = false;
that.$message.error("无密级访问权限");
}else{
params.data.repositoryIds = JSON.stringify(checkArr);
//
awsuiAxios.post(params).then(function (ro) {
that.loading = false;
that.$message.error("无密级访问权限");
}else{
params.data.repositoryIds = JSON.stringify(checkArr);
//
awsuiAxios.post(params).then(function (ro) {
that.loading = false;
if(ro.result == 'ok') {
that.$message({
message: '导出完成,正在下载...',
type: 'success'
});
const exportTitle = ro.data.exportTitle;
const exportCount = ro.data.exportCount;
const dcId = ro.data.dcId;
const params2 = {
url:'jd',
data:{
cmd: 'com.actionsoft.apps.coe.pal_pl_export',
exportTitle: exportTitle,
exportCount: exportCount,
dcId: dcId
}
};
//
awsuiAxios.post(params2).then(function (r) {
if(r.result == 'ok') {
window.open(r.data.downLoadUrl);
} else {
that.$message(r.msg);
}
}).catch(error=>{
console.log(error);
})
} else {
that.$message(ro.msg);
}
}).catch(error=>{
console.log(error);
})
}
if(ro.result == 'ok') {
that.$message({
message: '导出完成,正在下载...',
type: 'success'
});
const exportTitle = ro.data.exportTitle;
const exportCount = ro.data.exportCount;
const dcId = ro.data.dcId;
const params2 = {
url:'jd',
data:{
cmd: 'com.actionsoft.apps.coe.pal_pl_export',
exportTitle: exportTitle,
exportCount: exportCount,
dcId: dcId
}
};
//
awsuiAxios.post(params2).then(function (r) {
if(r.result == 'ok') {
window.open(r.data.downLoadUrl);
} else {
that.$message(r.msg);
}
}).catch(error=>{
console.log(error);
})
} else {
that.$message(ro.msg);
}
}).catch(error=>{
console.log(error);
})
}
}else{
that.tableLoading = false;
that.$message(ro.msg);
@ -1249,40 +1276,40 @@
};
awsuiAxios.post(param).then(function (ro) {
if(ro.result == 'ok') {
let checkArr = ro.data.checkArr;
if(checkArr.length<=0){
that.$message.error("无密级访问权限");
}else{
params.data.repositoryIds = JSON.stringify(checkArr);
//
awsuiAxios.post(params).then(function (ro) {
if(ro.result == 'ok') {
that.$message({
message: '已放入回收站',
type: 'success'
});
if (that.uuid.length < 36) {
let checkArr = ro.data.checkArr;
if(checkArr.length<=0){
that.$message.error("无密级访问权限");
}else{
params.data.repositoryIds = JSON.stringify(checkArr);
//
awsuiAxios.post(params).then(function (ro) {
if(ro.result == 'ok') {
that.$message({
message: '已放入回收站',
type: 'success'
});
if (that.uuid.length < 36) {
if (that.refreshTreeNode) {
that.refreshTreeNode(that.uuid);
}
that.initData();
} else {
if(delId == that.mainRepository.id){
that.refreshTreeParentNode(that.uuid);
}else{
if (that.refreshTreeNode) {
that.refreshTreeNode(that.uuid);
}
that.initData();
} else {
if(delId == that.mainRepository.id){
that.refreshTreeParentNode(that.uuid);
}else{
if (that.refreshTreeNode) {
that.refreshTreeNode(that.uuid);
}
that.initData();
}
}
} else {
that.$message(ro.msg);
}
}).catch(error=>{
console.log(error);
})
}
} else {
that.$message(ro.msg);
}
}).catch(error=>{
console.log(error);
})
}
}else{
that.tableLoading = false;
that.$message(ro.msg);
@ -1413,7 +1440,7 @@
};
awsuiAxios.post(data).then(function (ro) {
if(ro.result == 'ok') {
newPageWin('cascadeAnalysis', that.$store.state.sessionId, 'com.actionsoft.apps.coe.pal.processlink_ete_analysis_home', {wsId: wsId, teamId: teamId, appId: appId, uuid: id});
newPageWin('cascadeAnalysis', that.$store.state.sessionId, 'com.actionsoft.apps.coe.pal.processlink_ete_analysis_home', {wsId: wsId, teamId: teamId, appId: appId, uuid: id});
}else{
that.$message.error(ro.msg);
}
@ -1447,30 +1474,30 @@
};
awsuiAxios.post(data).then(function (ro) {
if(ro.result == 'ok') {
//
awsuiAxios.post(params).then(function (ro) {
if(ro.result == 'ok') {
const taskId = ro.data.taskId;
setTimeout(function(){
const params2 = {
url:'jd',
data:{
taskId: taskId,
cmd: 'com.actionsoft.apps.coe.pal_outputreport_output_process_preview'
}
};
awsuiAxios.post(params2).then(function (r) {
if(r.result == 'ok') {
window.open(r.data.url);
}
}).catch(error=>{
console.log(error);
})
},2000);
}
}).catch(error=>{
console.log(error);
})
//
awsuiAxios.post(params).then(function (ro) {
if(ro.result == 'ok') {
const taskId = ro.data.taskId;
setTimeout(function(){
const params2 = {
url:'jd',
data:{
taskId: taskId,
cmd: 'com.actionsoft.apps.coe.pal_outputreport_output_process_preview'
}
};
awsuiAxios.post(params2).then(function (r) {
if(r.result == 'ok') {
window.open(r.data.url);
}
}).catch(error=>{
console.log(error);
})
},2000);
}
}).catch(error=>{
console.log(error);
})
}else{
that.$message.error(ro.msg);
}
@ -1518,7 +1545,7 @@
};
awsuiAxios.post(data).then(function (ro) {
if(ro.result == 'ok') {
that.$refs.repositoryInfo.openRepositoryInfoDlg(that, that.currRepositoryDetail.id, that.currRepositoryDetail.version, type, that.currRepositoryDetail.isUse, that.currRepositoryDetail.isPublish, that.currRepositoryDetail.isStop, that.currRepositoryDetail.isApproval, that.currRepositoryDetail.methodId);
that.$refs.repositoryInfo.openRepositoryInfoDlg(that, that.currRepositoryDetail.id, that.currRepositoryDetail.version, type, that.currRepositoryDetail.isUse, that.currRepositoryDetail.isPublish, that.currRepositoryDetail.isStop, that.currRepositoryDetail.isApproval, that.currRepositoryDetail.methodId);
}else{
that.$message.error(ro.msg);
}
@ -1618,9 +1645,9 @@
}
}).catch(error =>{
that.$message({
showClose: false,
message: "服务调用失败",
type: 'error'
showClose: false,
message: "服务调用失败",
type: 'error'
});o
});
}
@ -1749,7 +1776,7 @@
#repositoryList >>> .row-repository-title .cell {/*IE错位问题*/
position: relative;
}
/**当前title 样式 */
/**当前title 样式 */
.cur-title:hover {
color: #4E7FF9;
cursor: pointer;