| | |
| | | </el-col> |
| | | </el-row> |
| | | </template> |
| | | <!-- <template #menu-left> |
| | | <el-button :size="size" type="primary" @click="showAdd()">新增根节点</el-button> |
| | | </template> --> |
| | | |
| | | <template #name="{ row }"> |
| | | <span>{{ row.name }}</span> |
| | | <!-- <el-button :size="size" text v-if="row.nodeType != 70" icon="el-icon-setting" type="primary" placeholder="修改" @click="showEdit(row)" title="修改"></el-button> |
| | | <el-button :size="size" text v-if="row.nodeType != 10" icon="el-icon-delete" type="primary" @click="showDel(row)" placeholder="删除" title="删除"></el-button> |
| | | <el-button :size="size" text v-if="row.nodeType != 60 && row.nodeType != 70" icon="el-icon-document-add" type="primary" @click="showAdd(row)" placeholder="新增子级" title="新增子级"></el-button> |
| | | <el-button :size="size" text v-if="row.nodeType == 60 || row.nodeType == 50" icon="el-icon-upload" type="primary" @click="showUpload(row)" placeholder="文件上传" title="文件上传"></el-button> --> |
| | | <!-- 涉密网才有 --> |
| | | <!-- <el-button :size="size" text v-if="row.nodeType == 70" icon="el-icon-pie-chart" type="primary" @click="upgrade(row)" placeholder="升版" title="升版"></el-button> --> |
| | | <!-- 工控网才有 --> |
| | | <!-- <el-button :size="size" text v-if="row.nodeType == 70" icon="el-icon-position" type="primary" @click="downsend(row)" placeholder="下发" title="下发"></el-button> --> |
| | | |
| | | |
| | | <!-- 替换 v-if="permission.auto_dispatch"--> |
| | | <el-button :size="size" text v-if="row.nodeType == 60 && row.parentIds.indexOf('0,1,') > -1" |
| | | icon="el-icon-switch" type="primary" @click="replacement(row)" placeholder="替换" title="替换"></el-button> |
| | |
| | | icon="el-icon-lock" type="primary" @click="showLockDlg(row)" placeholder="锁定" title="锁定"></el-button> |
| | | <el-button :size="size" text |
| | | v-if="permission.lock_button && row.nodeType == 60 && row.parentIds.indexOf('0,2') > -1 && row.isLocked == 1" |
| | | icon="el-icon-unlock" type="primary" @click="startUnlock(row)" placeholder="解锁" title="解锁"></el-button> |
| | | icon="el-icon-unlock" type="primary" @click="showUnLockDlg(row)" placeholder="解锁" title="解锁"></el-button> |
| | | </template> |
| | | </avue-crud> |
| | | </div> |
| | |
| | | icon="el-icon-lock" type="primary" @click="showLockDlg(row)" placeholder="锁定" title="锁定"></el-button> |
| | | <el-button :size="size" text |
| | | v-if="permission.lock_button && row.nodeType == 60 && row.parentIds.indexOf('0,2') > -1 && row.isLocked == 1" |
| | | icon="el-icon-unlock" type="primary" @click="startUnlock(row)" placeholder="解锁" title="解锁"></el-button> |
| | | icon="el-icon-unlock" type="primary" @click="showUnLockDlg(row)" placeholder="解锁" title="解锁"></el-button> |
| | | </template> |
| | | </avue-crud> |
| | | </div> |
| | |
| | | <el-dialog title="程序锁定" append-to-body v-model="lockBox"> |
| | | <avue-form :option="lockOption" v-model="lockForm" @submit="lockSubmit" @reset-change="lockCancel" /> |
| | | </el-dialog> |
| | | |
| | | <el-dialog title="程序解锁" append-to-body v-model="unlockBox"> |
| | | <avue-form :option="unlockOption" v-model="unlockForm" @submit="unlockSubmit" @reset-change="unlockCancel" /> |
| | | </el-dialog> |
| | | <avue-tabs :option="tabsOption" @change="tabsHandleChange" style="margin-top: 30px;" v-if="isShowTabs"></avue-tabs> |
| | | <avue-form v-if="tabsType == 'tab1'" :option="tabsFormOption" v-model="tabsForm"></avue-form> |
| | | <!--<span v-else-if="tabsType == 'tab2'">版本信息</span>--> |
| | |
| | | import { ElMessage } from 'element-plus'; |
| | | import TodolistLeft from './components/TodolistLeft.vue'; |
| | | import TodolistRightTop from './components/TodolistRightTop.vue'; |
| | | import qs from 'qs'; |
| | | export default { |
| | | components: { |
| | | TodolistLeft, |
| | |
| | | icon: 'el-icon-info', |
| | | label: '节点信息', |
| | | prop: 'tab1', |
| | | }/*, { |
| | | icon: 'el-icon-warning', |
| | | label: '版本信息', |
| | | prop: 'tab2', |
| | | }*/] |
| | | } |
| | | ] |
| | | }, |
| | | tabsOption2: { |
| | | column: [{ |
| | | icon: 'el-icon-info', |
| | | label: '节点信息', |
| | | prop: 'tab1', |
| | | },/* { |
| | | icon: 'el-icon-warning', |
| | | label: '版本信息', |
| | | prop: 'tab2', |
| | | }, */{ |
| | | }, |
| | | { |
| | | icon: 'el-icon-warning', |
| | | label: '文件内容', |
| | | prop: 'tab3' |
| | |
| | | lockForm: {}, |
| | | lockBox: false, |
| | | |
| | | unlockOption: { |
| | | submitText: "启动解锁流程", |
| | | emptyText: "取消", |
| | | menuPosition: "right", |
| | | column: [ |
| | | { |
| | | label: '程序包名', |
| | | prop: 'name', |
| | | disabled:true, |
| | | labelWidth: "120", |
| | | }, |
| | | { |
| | | label: '锁定原因', |
| | | prop: 'remark', |
| | | type: "textarea", |
| | | disabled:true, |
| | | labelWidth: "120", |
| | | span: 24, |
| | | }, |
| | | { |
| | | label: '解锁原因', |
| | | prop: 'unlockReason', |
| | | type: "textarea", |
| | | labelWidth: "120", |
| | | span: 24, |
| | | } |
| | | ] |
| | | }, |
| | | unlockForm: {}, |
| | | unlockBox: false, |
| | | |
| | | id: "", |
| | | parentId: 1, |
| | | loading: true, |
| | |
| | | width: '360' |
| | | }, |
| | | { |
| | | label: '版本', |
| | | label: '程序版本', |
| | | prop: 'versionNumber', |
| | | formatter: (val, value, label) => { |
| | | if (val.nodeType == '60') { |
| | |
| | | return time.getTime() > today.getTime() || time.getTime() < threeMonthsAgo.getTime();// |
| | | }, |
| | | createTimeChange(value) { |
| | | console.log('createTimeChange', value) |
| | | this.searchTreeData.createTimeBegin = value[0]; |
| | | this.searchTreeData.createTimeEnd = value[1]; |
| | | }, |
| | |
| | | }); |
| | | }, |
| | | showLockDlg(row){ |
| | | this.lockForm = row; |
| | | //this.lockForm.name = row.name; |
| | | // this.lockForm.id = row.id; |
| | | //this.lockForm = row; |
| | | this.lockForm.id = row.id; |
| | | this.lockForm.name = row.name |
| | | this.lockForm.parentId = row.parentId; |
| | | this.lockForm.remark = ''; |
| | | this.lockBox = true; |
| | | }, |
| | |
| | | this.lockBox = false; |
| | | this.lockForm = {}; |
| | | }, |
| | | lockSubmit() { |
| | | showUnLockDlg(row){ |
| | | this.unlockForm.id = row.id; |
| | | this.unlockForm.name = row.name |
| | | this.unlockForm.remark = row.remark; |
| | | this.unlockForm.unlockReason=''; |
| | | this.unlockForm.parentId = row.parentId; |
| | | this.unlockBox = true; |
| | | }, |
| | | lockSubmit(row,done) { |
| | | //锁定提交 |
| | | this.$confirm('是否锁定', { |
| | | confirmButtonText: '确定', |
| | | cancelButtonText: '取消', |
| | | type: 'warning', |
| | | }).then(() => { |
| | | axios({ |
| | | url: '/blade-mdm/program/node/lock', |
| | | method: 'post', |
| | | params: this.lockForm |
| | | }).then(res => { |
| | | axios.post('/blade-mdm/program/node/lock',qs.stringify(this.lockForm)).then(res=>{ |
| | | if (res.data.code == 200) { |
| | | this.$message({ type: 'success', message: '操作成功!' }); |
| | | this.addLocalTreeNode(this.lockForm.parentId); |
| | | this.lockBox = false; |
| | | this.unlockBox = false; |
| | | } else { |
| | | this.$message({ type: 'success', message: res.data.msg }); |
| | | this.$message({ type: 'error', message: res.data.msg }); |
| | | } |
| | | this.lockBox = false; |
| | | }).catch(error => { |
| | | this.$message({ type: 'error', message: res.data.msg }); |
| | | }); |
| | | done(); |
| | | }).catch(action => { |
| | | console.log('cancel') |
| | | }); |
| | | }, |
| | | startUnlock(row) { |
| | | unlockSubmit(row,done) { |
| | | //启动解锁流程 |
| | | this.$confirm(`是否解锁`, { |
| | | this.$confirm(`确认解锁`, { |
| | | confirmButtonText: '确定', |
| | | cancelButtonText: '取消', |
| | | type: 'warning', |
| | |
| | | axios({ |
| | | url: '/blade-mdm/flow/lock/start-unlock', |
| | | method: 'post', |
| | | params: {nodeId: row.id } |
| | | params: {nodeId: row.id,unlockReason:row.unlockReason } |
| | | }).then(res => { |
| | | if (res.data.code == 200) { |
| | | this.$message({ type: 'success', message: '解锁流程已启动!' }); |
| | | this.addLocalTreeNode(row.parentId); |
| | | } else { |
| | | this.$message({ type: 'success', message: res.data.msg }); |
| | | this.$message({ type: 'error', message: res.data.msg }); |
| | | } |
| | | }); |
| | | done(); |
| | | }).catch(action => { |
| | | console.log('cancel') |
| | | }); |
| | | }, |
| | | unlockCancel() { |
| | | this.unlockBox = false; |
| | | }, |
| | | handleSubmit(form, done) { |
| | | //发起程序替换流程 |
| | |
| | | done(); |
| | | this.todolistModel = false; |
| | | }).catch(error => { |
| | | window.console.log('haha', error); |
| | | done(); |
| | | }); |
| | | // if(this.row.taskDefinitionKey === 'programmingTask') { |
| | | // // if(this.applist.length !== 1) { |
| | | // // done(); |
| | | // // return this.$message.success('请选择1个程序'); |
| | | // // } |
| | | // } |
| | | // approve({ |
| | | // ...this.formApprove, |
| | | // taskId: this.row.taskId, |
| | | // processInstanceId: this.row.processInstanceId, |
| | | // // programIds: this.row.taskDefinitionKey === 'programmingTask' ? this.applist.map(v => v.id).join(',') : '', |
| | | // }).then(res => { |
| | | // if(res.data.code !== 200) { |
| | | // this.$message.error(res.data.msg); |
| | | // done(); |
| | | // return; |
| | | // } |
| | | // this.$message.success('审批成功'); |
| | | // this.approveBox = false; |
| | | // this.onLoad(this.page, this.query); |
| | | // done(); |
| | | // }).catch(err => { |
| | | // done(); |
| | | // console.error(err); |
| | | // }); |
| | | |
| | | }, |
| | | todoSelectionChange(applist) { |
| | | this.applist = applist; |
| | |
| | | return treeData.map(node => { |
| | | if (node.children && node.children.length > 0) { |
| | | this.defaultExpandedKeys.push(node.id); |
| | | console.log('>>>>>>>>', this.defaultExpandedKeys) |
| | | node.children = this.removeHasChildren(node.children); |
| | | } |
| | | if (node.children.length > 0) { |
| | |
| | | }; |
| | | // this.option.defaultExpandAll = true; |
| | | let treeData = this.removeHasChildren(res.data.data); |
| | | console.log('treeData', treeData) |
| | | this.option = Object.assign({},this.option,{defaultExpandedKeys: this.defaultExpandedKeys,lazy: true,defaultExpandAll: true}); |
| | | setTimeout(() => { |
| | | this.treeSearchLoad = false; |
| | |
| | | this.modalBox = true; |
| | | this.modalForm = row; |
| | | }, |
| | | showDel(row) { |
| | | this.$confirm('将会删除该节点及其子节点,是否确认删除?', { |
| | | confirmButtonText: '是', |
| | | cancelButtonText: '否', |
| | | type: 'warning', |
| | | }).then(() => { |
| | | //调用接口 |
| | | this.loading = true; |
| | | axios({ |
| | | url: '/blade-mdm/program/node/remove', |
| | | method: 'post', |
| | | params: { id: row.id }, |
| | | }).then( |
| | | res => { |
| | | this.loading = false; |
| | | this.addLocalTreeNode(row.parentId); |
| | | } |
| | | ); |
| | | }) |
| | | }, |
| | | showAdd(row) { //新增子节点 |
| | | if (!row) { |
| | | this.modalTitle = "新增根节点"; |
| | | this.modalForm.nodeType = this.nodeTypeList[0].dictKey; |
| | | this.modalForm.parentId = 0; |
| | | } else { |
| | | if (row.nodeType == 60) { //程序包 |
| | | return; |
| | | } |
| | | var defalutNodeType = ""; //下一级节点类型 |
| | | for (var i = 0; i < this.nodeTypeList.length; i++) { |
| | | if (row.nodeType == this.nodeTypeList[i].dictKey) { |
| | | defalutNodeType = this.nodeTypeList[i + 1].dictKey; |
| | | } |
| | | } |
| | | this.modalTitle = "新增子节点"; |
| | | this.selectedColumn.nodeType = defalutNodeType; |
| | | this.selectedColumn.parentId = row.id; |
| | | this.selectedColumn.name = ""; |
| | | this.selectedColumn.id = ""; |
| | | this.modalForm = this.selectedColumn; |
| | | } |
| | | this.modalBox = true; |
| | | }, |
| | | |
| | | modalSubmit(row, done) { //新增子节点保存/修改 |
| | | if (this.modalTitle == "修改") { |
| | | var url = "/blade-mdm/program/node/update"; |
| | |
| | | this.uploadmodalBox = false; |
| | | }, |
| | | treeLoad(tree, treeNode, resolve) { |
| | | console.log('tree', tree, treeNode, this.option) |
| | | this.loading = true; |
| | | var obj = { parentId: tree.id } |
| | | |