| | |
| | | </el-col> |
| | | </el-row> |
| | | </template> |
| | | <template #menu-left> |
| | | <!-- <template #menu-left> |
| | | <el-button :size="size" type="primary" @click="showAdd()">新增根节点</el-button> |
| | | </template> |
| | | </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 icon="el-icon-delete" type="primary" @click="showDel(row)" placeholder="删除" title="删除"></el-button> |
| | | <el-button :size="size" text v-if="row.nodeType < 60" icon="el-icon-document-add" type="primary" @click="showAdd(row)" placeholder="新增子级" title="新增子级"></el-button> |
| | | <el-button :size="size" text v-if="row.nodeType == 60" icon="el-icon-upload" type="primary" @click="showUpload(row)" placeholder="文件上传" 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 && isSM" icon="el-icon-pie-chart" type="primary" @click="upgrade(row)" placeholder="升版" title="升版"></el-button> |
| | | <!-- 工控网才有 --> |
| | |
| | | <avue-form v-if="tabsType == 'tab1'" :option="tabsFormOption" v-model="tabsForm"></avue-form> |
| | | <span v-else-if="tabsType == 'tab2'">版本信息</span> |
| | | <template v-else-if="tabsType == 'tab3'"> |
| | | {{fileContent}} |
| | | <div v-html="convertToHtml(fileContent)"></div> |
| | | </template> |
| | | <template v-else-if="tabsType == 'tab4'"> |
| | | <avue-crud :addBtn="false" :option="tabsFormOption4" :data="tabsForm4" ref="crud4" @selection-change="selectionChange"> |
| | | <template #menu-left> |
| | | <el-button :size="size" type="primary" @click="comparison" :disabled="selectionList.length < 2">对比</el-button> |
| | | </template> |
| | | </avue-crud> |
| | | </template> |
| | | |
| | | <el-dialog title="升版" append-to-body v-model="upgradeModal" width="500"> |
| | | <avue-form :option="upgradeModalOption" v-model="upgradeModalForm" @submit="upgradeSubmit" @reset-change="upgradeCancel"></avue-form> |
| | | </el-dialog> |
| | |
| | | export default { |
| | | data() { |
| | | return { |
| | | selectionList: [], |
| | | targetRow: {}, |
| | | upgradeModal: false, |
| | | file: null, |
| | |
| | | icon: 'el-icon-warning', |
| | | label: '文件内容', |
| | | prop: 'tab3' |
| | | }, { |
| | | icon: 'el-icon-warning', |
| | | label: '历史记录', |
| | | prop: 'tab4' |
| | | }] |
| | | }, |
| | | tabsFormOption: { |
| | |
| | | menuPosition: "right", |
| | | column: [ |
| | | { |
| | | label: '节点类型', |
| | | label: '节点类型1', |
| | | prop: 'nodeType', |
| | | labelWidth: "120", |
| | | type: 'select', |
| | |
| | | current: 1, |
| | | total: 0, |
| | | }, |
| | | tabsFormOption4: { |
| | | rowKey: "id", |
| | | selection: true, |
| | | addBtn: false, |
| | | editBtn: false, |
| | | delBtn: false, |
| | | searchBtn: false, |
| | | emptyBtn: false, |
| | | menu: false, |
| | | column: [ |
| | | {label: '版本号',prop: 'versionNumber'}, |
| | | {label: '创建时间',prop: 'createTime'}, |
| | | {label: '创建人',prop: 'createUser'}, |
| | | ] |
| | | }, |
| | | tabsForm4: {}, |
| | | option: { |
| | | highlightCurrentRow: true, |
| | | rowKey: "id", |
| | |
| | | label: '设备', |
| | | prop: 'machineCode' |
| | | }, |
| | | /* |
| | | { |
| | | label: '固化状态', |
| | | prop: 'abc' |
| | | }, |
| | | */ |
| | | { |
| | | label: '锁定状态', |
| | | prop: 'abc' |
| | | prop: 'isLocked', |
| | | formatter: (val, value, label) => { |
| | | if(val.nodeType == '60' || val.nodeType == '70'){ |
| | | if(value==1){ |
| | | return '已锁定'; |
| | | }else{ |
| | | return '未锁定'; |
| | | } |
| | | } |
| | | } |
| | | |
| | | }, |
| | | { |
| | | label: '流程状态', |
| | | prop: 'flowStatus', |
| | | formatter: (val, value, label) => { |
| | | if(val.nodeType != '70'){ |
| | | if(val.nodeType != '60'){ |
| | | //非程序节点 |
| | | return ''; |
| | | }else{ |
| | |
| | | } |
| | | }, |
| | | methods: { |
| | | convertToHtml(text) { |
| | | return text.replace(/\r\n/g, '<br>'); |
| | | }, |
| | | removeHasChildren(treeData) { //查询时候使用,删掉hasChildren |
| | | return treeData.map(node => { |
| | | if (node.children && node.children.length > 0) { |
| | |
| | | this.tabsForm.nodeTypeName = item.dictValue; |
| | | } |
| | | }) |
| | | if(this.tabsForm.nodeType < 70) { |
| | | if(this.tabsForm.nodeType != 70) { |
| | | this.tabsOption = this.tabsOption1; |
| | | }else { |
| | | this.tabsOption = this.tabsOption2; |
| | | //获取文件list |
| | | this.getFile(row.id); |
| | | //获取历史记录 |
| | | this.getHistory(row.id); |
| | | } |
| | | this.$nextTick(()=> { |
| | | this.tabsType = 'tab1'; |
| | |
| | | tabsHandleChange(tabs) { |
| | | this.tabsType = tabs.prop; |
| | | }, |
| | | showUpload(row) {//获取文件内容 |
| | | showUpload(row) {//获取附件内容(暂时没用) |
| | | this.fileList = []; |
| | | this.uploadmodalForm = row; |
| | | this.loading = true; |
| | |
| | | this.fileContent = res.data.data; |
| | | } |
| | | ); |
| | | }, |
| | | getHistory(id) { //查看历史记录 |
| | | this.loading = true; |
| | | axios({ |
| | | url: '/blade-mdm/program/node/history-by-nodeid', |
| | | method: 'get', |
| | | params: {id}, |
| | | }).then( |
| | | res => { |
| | | this.loading = false; |
| | | this.tabsForm4 = res.data.data; |
| | | } |
| | | ); |
| | | }, |
| | | comparison() { //对比 |
| | | |
| | | }, |
| | | selectionChange(list) { |
| | | this.selectionList = list; |
| | | }, |
| | | showEdit(row,done) { |
| | | this.modalTitle = "修改"; |
| | |
| | | showAdd (row) { //新增子节点 |
| | | if(!row) { |
| | | this.modalTitle = "新增根节点"; |
| | | this.modalForm.nodeType = "10"; |
| | | this.modalForm.nodeType = this.nodeTypeList[0].dictKey; |
| | | this.modalForm.parentId = 0; |
| | | }else { |
| | | if(row.nodeType == 60) { |
| | | 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 = String(Number(row.nodeType) + 10); |
| | | this.selectedColumn.nodeType = defalutNodeType; |
| | | this.selectedColumn.parentId = row.id; |
| | | this.selectedColumn.name = ""; |
| | | this.selectedColumn.id = ""; |