From e48a56c2171f023f1978b0b6aec9befd43e7a9dc Mon Sep 17 00:00:00 2001 From: xyc <jc_xiong@hotmail.com> Date: 星期一, 04 十一月 2024 08:45:22 +0800 Subject: [PATCH] Merge remote-tracking branch 'origin/master' --- web/src/views/modules/taskReliability/RBD-edit-img.vue | 80 +++++++++++++++++++++++---------------- 1 files changed, 47 insertions(+), 33 deletions(-) diff --git a/web/src/views/modules/taskReliability/RBD-edit-img.vue b/web/src/views/modules/taskReliability/RBD-edit-img.vue index 74bf82b..93c984d 100644 --- a/web/src/views/modules/taskReliability/RBD-edit-img.vue +++ b/web/src/views/modules/taskReliability/RBD-edit-img.vue @@ -18,7 +18,10 @@ <el-button type="primary" @click="saveDiagram()">鏆傚瓨</el-button> <el-button type="primary" @click="analyzeDiagram()">鎻愪氦</el-button> <el-button type="primary" @click="clearDiagram()">娓呯┖鍥惧舰</el-button> - <el-button type="primary" @click="layoutDiagram()">涓�閿帓鐗�</el-button> + <el-checkbox style="margin: 0 10px 0 10px" v-model="dataForm.autoLayout" :true-label="1" :false-label="0"> + 鏄惁寮�鍚竴閿帓鐗� + </el-checkbox> + <el-button type="primary" @click="layoutDiagram()" :disabled="!dataForm.autoLayout">涓�閿帓鐗�</el-button> <el-button @click="leftAlign()"> <i style="font-size: 1rem;" class="wt-iconfont icon-zuoduiqi"></i> </el-button> @@ -576,7 +579,8 @@ publishContent: null, hasPublish: 0, urlPref: '', - nodeArr: [] + nodeArr: [], + autoLayout: 1, }, type: '', id: '', @@ -754,6 +758,7 @@ } let res = await this.$http.get(`/taskReliability/ModelLine/getDiagram`, {params: params}) this.dataForm = res.data + this.dataForm.autoLayout = parseInt(this.dataForm.autoLayout) if (res.data.content != null) { console.log(this.dataForm, 'getDiagram datafrom') console.log(res.data, 'getDiagram res.data') @@ -930,7 +935,7 @@ for (let i = 1; i <= node.getData().basicUnitNum; i++) { if (deviceNoArr.findIndex(item => item === i) === -1) { no = i - if (node.getData().basicUnitNum>1){ + if (node.getData().basicUnitNum > 1) { node.getData().deviceNo = i node.attr('text/text', node.attr('text/text') + '-' + i) } @@ -1061,12 +1066,12 @@ //'xlink:href': urlObject.createObjectURL(new Blob([item.svgContent])), }, title: { - text: item.basicUnitNum>1?item.basicUnitNum:'', + text: item.basicUnitNum > 1 ? item.basicUnitNum : '', refX: 15, refY: 10, fill: '#748be7', fontSize: 14, - fontWeight:'bold', + fontWeight: 'bold', 'text-anchor': 'start', }, text: { @@ -1219,7 +1224,7 @@ // 鐩戝惉鑺傜偣娣诲姞浜嬩欢 this.graph.on('node:added', ({node}) => { node.setAttrs({ - title: { text: '' }, + title: {text: ''}, }) if (this.isFirstLoad) { return @@ -1580,26 +1585,28 @@ }) }, async layoutDiagram() { - console.log(JSON.stringify(this.graph.toJSON()), 'graph.toJSON()') - this.dataForm.content = JSON.stringify(this.graph.toJSON()) - this.dataForm.urlPref = window.SITE_CONFIG['apiURL'] - await this.$http['post'](`/taskReliability/ModelLine/layout`, this.dataForm).then(async res => { - if (res.msg === 'success') { - // this.$emit('refreshDataList') - // this.$alert('瑙f瀽鎴愬姛', '鎻愮ず', { - // confirmButtonText: '纭畾' - // }) - console.log(res.data, 'layoutDiagram res.data') - this.dataForm.content = res.data.content - console.log(this.dataForm.content, 'layoutDiagram dataForm.content') - this.diagramJson = JSON.parse(this.dataForm.content) - this.graph.fromJSON(this.diagramJson) - this.isFirstLoad = false; - // console.log(this.diagramJson.cells.length, 'this.diagramJson.cells.length') + if (this.dataForm.autoLayout == 1) { + console.log(JSON.stringify(this.graph.toJSON()), 'graph.toJSON()') + this.dataForm.content = JSON.stringify(this.graph.toJSON()) + this.dataForm.urlPref = window.SITE_CONFIG['apiURL'] + await this.$http['post'](`/taskReliability/ModelLine/layout`, this.dataForm).then(async res => { + if (res.msg === 'success') { + // this.$emit('refreshDataList') + // this.$alert('瑙f瀽鎴愬姛', '鎻愮ず', { + // confirmButtonText: '纭畾' + // }) + console.log(res.data, 'layoutDiagram res.data') + this.dataForm.content = res.data.content + console.log(this.dataForm.content, 'layoutDiagram dataForm.content') + this.diagramJson = JSON.parse(this.dataForm.content) + this.graph.fromJSON(this.diagramJson) + this.isFirstLoad = false; + // console.log(this.diagramJson.cells.length, 'this.diagramJson.cells.length') - this.graph.positionContent('left') - } - }) + this.graph.positionContent('left') + } + }) + } }, leftAlign() { const NODE = this.graph.getSelectedCells() @@ -1776,9 +1783,11 @@ inEdges[0].target = {cell: result.newStartNode.id} outEdges[0].source = {cell: result.newEndNode.id} graphNode.remove() - if (!result.canPlace) { -//璋冪敤鑷姩鎺掔増 - this.layoutDiagram() + if (this.dataForm.autoLayout == 1) { + if (!result.canPlace) { + //璋冪敤鑷姩鎺掔増 + this.layoutDiagram() + } } } } else { //骞惰缁撴瀯 @@ -1831,9 +1840,11 @@ connector: {name: 'rounded'}, zIndex: -1 }) - if (!result.canPlace) { -//璋冪敤鑷姩鎺掔増 - this.layoutDiagram() + if (this.dataForm.autoLayout == 1) { + if (!result.canPlace) { + //璋冪敤鑷姩鎺掔増 + this.layoutDiagram() + } } } }, @@ -1963,8 +1974,11 @@ }) graphEdge.source = {cell: result.newEndNode.id} } - if (!result.canPlace) { - this.layoutDiagram() + if (this.dataForm.autoLayout == 1) { + if (!result.canPlace) { + //璋冪敤鑷姩鎺掔増 + this.layoutDiagram() + } } // graphEdge.remove() } -- Gitblit v1.9.1