386 lines
13 KiB
Vue
386 lines
13 KiB
Vue
<template>
|
||
<el-container>
|
||
<div id="repositoryInfoVersion" style="height: 500px;width: 100%;">
|
||
<el-table
|
||
v-if="tableData.length > 0"
|
||
id="table"
|
||
:data="tableData"
|
||
header-cell-class-name="header-cell-row"
|
||
height="500px"
|
||
style="width: 100%">
|
||
<el-table-column
|
||
prop="versionNo"
|
||
label="版本号"
|
||
align="center"
|
||
width="70">
|
||
</el-table-column>
|
||
<el-table-column
|
||
prop="name"
|
||
label="文件名称"
|
||
min-width="180">
|
||
</el-table-column>
|
||
<el-table-column
|
||
prop="address"
|
||
align="center"
|
||
label="创建信息"
|
||
min-width="160">
|
||
<template slot-scope="scope">
|
||
{{scope.row.createUser}}/{{scope.row.createDate}}
|
||
</template>
|
||
</el-table-column>
|
||
<template v-if="!isCorrelatebpms">
|
||
<el-table-column
|
||
prop="state"
|
||
label="状态"
|
||
align="center"
|
||
width="80">
|
||
<span slot-scope="scope" :style="{'color': scope.row.stateColor}">
|
||
{{scope.row.state}}
|
||
</span>
|
||
</el-table-column>
|
||
</template>
|
||
<template v-else>
|
||
<el-table-column
|
||
prop="state"
|
||
label="PAL状态"
|
||
align="center"
|
||
width="80">
|
||
<span slot-scope="scope" :style="{'color': scope.row.stateColor}">
|
||
{{scope.row.state}}
|
||
</span>
|
||
</el-table-column>
|
||
<template v-if="isPalManage">
|
||
<el-table-column
|
||
prop="state"
|
||
label="在BPM运行"
|
||
align="center"
|
||
width="100">
|
||
<span slot-scope="scope">
|
||
{{(scope.row.isCorrelate ? "是" : "否")}}
|
||
</span>
|
||
</el-table-column>
|
||
</template>
|
||
<template v-else>
|
||
<el-table-column
|
||
prop="state"
|
||
label="BPM状态"
|
||
align="center"
|
||
width="80">
|
||
<span slot-scope="scope" :style="{'color': scope.row.bpmStateColor}">
|
||
{{scope.row.bpmState}}
|
||
</span>
|
||
</el-table-column>
|
||
</template>
|
||
</template>
|
||
<el-table-column
|
||
v-if="havingVersionManagePerm && tableData.length > 1"
|
||
prop="name"
|
||
label="使用"
|
||
align="center"
|
||
width="80">
|
||
<template slot-scope="scope">
|
||
<el-switch
|
||
style="display: block"
|
||
v-model="scope.row.isUse"
|
||
active-color="#4E7FF9"
|
||
inactive-color="#E2E2E2"
|
||
@change="changeRepositoryUseStatus(scope.row.id, scope.row.isUse)">
|
||
</el-switch>
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column
|
||
prop="address"
|
||
align="center"
|
||
label="操作">
|
||
<template slot-scope="scope">
|
||
<!-- <el-tooltip content="以当前版本为模版创建新版本文件" placement="bottom" hide-after="3000">-->
|
||
<i v-if="havingWritePerm" class="iconfont icon-fuzhi operate-icon-display" style="cursor: pointer;" @click="createNewVersion(scope.row.id, scope.row.versionNo)"></i>
|
||
<!-- </el-tooltip>-->
|
||
<i v-if="havingRemovePerm && !isCorrelatebpms && !scope.row.isUse && !scope.row.isPublish && !scope.row.isApproval" class="iconfont icon-lajitong1 operate-icon-display" style="cursor: pointer;padding-left: 5px;" @click="deleteRepository(scope.row.id, scope.row.versionNo)"></i>
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
</div>
|
||
<el-dialog
|
||
id="addNewVersionDialog"
|
||
title="提示"
|
||
width="500px"
|
||
:visible.sync="addNewVersionVisible"
|
||
top="45vh"
|
||
:modal-append-to-body=true
|
||
:close-on-click-modal=false
|
||
:append-to-body=true
|
||
destroy-on-close
|
||
>
|
||
<span>请选择以{{ currentVersion }}版本为模板创建的新文件版本号:</span></br>
|
||
<el-radio-group style="margin-top: 10px" v-model="isLargeIteration">
|
||
<el-radio :label=true>大版本</el-radio></br>
|
||
<el-radio style="margin-top: 5px" :label=false>小版本</el-radio>
|
||
</el-radio-group>
|
||
<span slot="footer">
|
||
<awsui-button class="button-general-color" type="primary" @click="confirmAddVersion">确定</awsui-button>
|
||
<awsui-button @click="cancelAddVersion">取消</awsui-button>
|
||
</span>
|
||
</el-dialog>
|
||
</el-container>
|
||
</template>
|
||
|
||
<script>
|
||
import awsuiAxios from "../../awsuiAxios";
|
||
|
||
export default {
|
||
name: "RepositoryInfoVersion",
|
||
props: {
|
||
id: {
|
||
type: String,
|
||
default: ''
|
||
},
|
||
versionId: {
|
||
type: String,
|
||
default: ''
|
||
},
|
||
repositoryRefresh: {
|
||
type: Function,
|
||
default: null
|
||
}
|
||
},
|
||
data() {
|
||
return {
|
||
userId: '',// 使用版本的id
|
||
tableData: [],
|
||
isCorrelatebpms: false,
|
||
processDefId: '',
|
||
isPalManage: false, // 以PAL为管理中心管控BPM流程，
|
||
havingWritePerm: false,
|
||
havingRemovePerm: false,
|
||
havingVersionManagePerm: false,
|
||
addNewVersionVisible: false,
|
||
currentVersion: '',
|
||
currentId: '',
|
||
isLargeIteration: true
|
||
}
|
||
},
|
||
created() {
|
||
this.userId = this.id;
|
||
this.initData();
|
||
},
|
||
methods: {
|
||
initData() {
|
||
const that = this;
|
||
const data = {
|
||
url:'jd',
|
||
data:{
|
||
cmd: 'com.actionsoft.apps.coe.pal_pl_repository_designer_version_manager_data',
|
||
id: that.userId,
|
||
wsId: that.$store.getters.getWsIdFn,
|
||
teamId: that.$store.getters.getTeamIdFn
|
||
}
|
||
};
|
||
// 查询数据
|
||
awsuiAxios.post(data).then(function (ro) {
|
||
if(ro.result == 'ok') {
|
||
that.isCorrelatebpms = ro.data.isCorrelatebpms;
|
||
that.processDefId = ro.data.processDefId;
|
||
that.isPalManage = ro.data.isPalManage;
|
||
that.havingWritePerm = ro.data.havingWritePerm;
|
||
that.havingRemovePerm = ro.data.havingRemovePerm;
|
||
that.havingVersionManagePerm = ro.data.havingVersionManagePerm;
|
||
for (let i = 0; i < ro.data.tableData.length; i++) {
|
||
if (ro.data.tableData[i].isApproval) {
|
||
ro.data.tableData[i].stateColor = '#1AA477';
|
||
ro.data.tableData[i].state = '审批中';
|
||
ro.data.tableData[i].stateCode = 'approval';
|
||
} else if (ro.data.tableData[i].isStop) {
|
||
ro.data.tableData[i].stateColor = '#D9001B';
|
||
ro.data.tableData[i].state = '已停用';
|
||
ro.data.tableData[i].stateCode = 'stop';
|
||
} else if (ro.data.tableData[i].isPublish) {
|
||
ro.data.tableData[i].stateColor = '#1AA477';
|
||
ro.data.tableData[i].state = '已发布';
|
||
ro.data.tableData[i].stateCode = 'publish';
|
||
} else if (ro.data.tableData[i].isUse) {
|
||
ro.data.tableData[i].stateColor = '#4E7FF9';
|
||
ro.data.tableData[i].state = '设计中';
|
||
ro.data.tableData[i].stateCode = 'use';
|
||
} else {
|
||
ro.data.tableData[i].stateColor = '';
|
||
ro.data.tableData[i].state = '设计';
|
||
ro.data.tableData[i].stateCode = 'designer';
|
||
}
|
||
}
|
||
that.tableData = ro.data.tableData;
|
||
} else {
|
||
that.$message.error(ro.msg);
|
||
}
|
||
}).catch(error=>{
|
||
console.log(error);
|
||
})
|
||
},
|
||
changeRepositoryUseStatus(id, isUse) {// 使用中状态变更
|
||
const that = this;
|
||
if (isUse) {// 由未使用变更为使用中，重新刷新数据即可
|
||
// 变更使用状态axiox请求，成功后刷新父页面树和右侧
|
||
let oldId;
|
||
for (var currRowData in that.tableData) {
|
||
if (that.tableData[currRowData].isUse && that.tableData[currRowData].id != id) {
|
||
oldId = that.tableData[currRowData].id;
|
||
break;
|
||
}
|
||
}
|
||
// 全局遮罩
|
||
const loading = that.$loading({
|
||
lock: true,
|
||
text: '正在切换更新版本...',
|
||
spinner: 'el-icon-loading',
|
||
background: 'hsla(0,0%,100%,.9)'
|
||
});
|
||
const data = {
|
||
url:'jd',
|
||
data:{
|
||
cmd: 'com.actionsoft.apps.coe.pal_pl_repository_designer_version_manager_use',
|
||
id: id,
|
||
wsId: that.$store.getters.getWsIdFn,
|
||
teamId: that.$store.getters.getTeamIdFn
|
||
}
|
||
};
|
||
// 查询数据
|
||
awsuiAxios.post(data).then(function (ro) {
|
||
if(ro.result == 'ok') {
|
||
that.$message({
|
||
message: '切换成功',
|
||
type: 'success'
|
||
});
|
||
that.userId = ro.data.id;
|
||
that.initData();
|
||
loading.close();
|
||
// 更新父页面的当前使用模型文件
|
||
if (that.repositoryRefresh && oldId) {
|
||
that.repositoryRefresh(oldId);
|
||
}
|
||
} else {
|
||
loading.close();
|
||
that.$message(ro.msg);
|
||
}
|
||
}).catch(error=>{
|
||
console.log(error);
|
||
})
|
||
} else {// 由使用中变更为非使用中，必须有一个为使用中
|
||
for (var currRowData in that.tableData) {
|
||
if (that.tableData[currRowData].id == id) {
|
||
that.tableData[currRowData].isUse = true;
|
||
}
|
||
}
|
||
}
|
||
},
|
||
createNewVersion(id, versionNo) {// 复制/创建新版本
|
||
this.addNewVersionVisible = true
|
||
this.currentVersion = versionNo
|
||
this.currentId = id
|
||
},
|
||
confirmAddVersion() {
|
||
// 全局遮罩
|
||
const loading = this.$loading({
|
||
lock: true,
|
||
text: '正在创建新版本...',
|
||
spinner: 'el-icon-loading',
|
||
background: 'hsla(0,0%,100%,.9)'
|
||
});
|
||
const data = {
|
||
url:'jd',
|
||
data:{
|
||
cmd: 'com.actionsoft.apps.coe.pal_pl_repository_designer_version_manager_create',
|
||
id: this.currentId,
|
||
wsId: this.$store.getters.getWsIdFn,
|
||
teamId: this.$store.getters.getTeamIdFn,
|
||
isLargeIteration: this.isLargeIteration
|
||
}
|
||
};
|
||
// 查询数据
|
||
awsuiAxios.post(data).then(ro => {
|
||
if(ro.result == 'ok') {
|
||
this.$message({
|
||
message: '创建成功',
|
||
type: 'success'
|
||
});
|
||
this.initData();
|
||
loading.close();
|
||
this.isLargeIteration = true
|
||
this.addNewVersionVisible = false
|
||
} else {
|
||
loading.close();
|
||
this.$message(ro.msg);
|
||
}
|
||
}).catch(error=>{
|
||
console.log(error);
|
||
})
|
||
},
|
||
cancelAddVersion() {
|
||
this.isLargeIteration = true
|
||
this.addNewVersionVisible = false
|
||
},
|
||
deleteRepository(id, versionNo) {// 删除
|
||
const that = this;
|
||
that.$confirm('确定要删除吗？', '提示', {
|
||
confirmButtonText: '确定',
|
||
confirmButtonClass: 'button-general-color',
|
||
cancelButtonText: '取消',
|
||
type: 'warning'
|
||
}).then(() => {
|
||
// 全局遮罩
|
||
const loading = that.$loading({
|
||
lock: true,
|
||
text: '正在放入回收站...',
|
||
spinner: 'el-icon-loading',
|
||
background: 'hsla(0,0%,100%,.9)'
|
||
});
|
||
const data = {
|
||
url:'jd',
|
||
data:{
|
||
cmd: 'com.actionsoft.apps.coe.pal_pl_repository_designer_version_manager_delete',
|
||
id: id,
|
||
wsId: that.$store.getters.getWsIdFn,
|
||
teamId: that.$store.getters.getTeamIdFn
|
||
}
|
||
};
|
||
// 查询数据
|
||
awsuiAxios.post(data).then(function (ro) {
|
||
if(ro.result == 'ok') {
|
||
that.$message({
|
||
message: '已放入回收站',
|
||
type: 'success'
|
||
});
|
||
that.initData();
|
||
loading.close();
|
||
} else {
|
||
loading.close();
|
||
that.$message(ro.msg);
|
||
}
|
||
}).catch(error=>{
|
||
console.log(error);
|
||
})
|
||
}).catch(() => {
|
||
});
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style scoped>
|
||
#table >>> .header-cell-row {
|
||
background-color: #F2F2F2 !important;
|
||
}
|
||
#table >>> .el-table__row .operate-icon-display{
|
||
display: none;
|
||
}
|
||
#table >>> .el-table__row:hover .operate-icon-display{
|
||
display: inline-block;
|
||
}
|
||
#addNewVersionDialog >>> .el-dialog__body {
|
||
padding: 10px 20px;
|
||
color: #606266;
|
||
font-size: 14px;
|
||
word-break: break-all;
|
||
cursor: pointer;
|
||
}
|
||
</style>
|