| | |
| | | <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-checkbox style="margin: 0 10px 0 10px" v-model="dataForm.autoLayout" true-label="1" false-label="0"> |
| | | <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> |
| | |
| | | } |
| | | let res = await this.$http.get(`/taskReliability/ModelLine/getDiagram`, {params: params}) |
| | | this.dataForm = res.data |
| | | this.dataForm.autoLayout = parseInt(this.dataForm.autoLayout) == 1 |
| | | 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') |
| | |
| | | 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) |
| | | if(node.getData().deviceNo > 1){ |
| | | node.attr('text/text', node.attr('text/text') + '-' + i) |
| | | } |
| | | } |
| | | break |
| | | } |
| | |
| | | type: 'imageNodes2', |
| | | dataId: item.dataId, |
| | | basicUnitNum: item.basicUnitNum, |
| | | deviceNo: 0, |
| | | deviceNo: 1, |
| | | nodeType: item.nodeType, |
| | | nodeTypeExt: item.nodeTypeExt, |
| | | productType: item.productType, |
| | |
| | | <style> |
| | | #containerImg { |
| | | display: flex; |
| | | border: 1px solid #dfe3e8; |
| | | /*border: 1px solid #dfe3e8;*/ |
| | | height: 400px; |
| | | width: 100% !important; |
| | | } |
| | |
| | | top: 0 |
| | | } |
| | | |
| | | #containerImg .x6-graph-pagebreak>.x6-graph-pagebreak-horizontal { |
| | | position: absolute; |
| | | right: 0; |
| | | left: 0; |
| | | box-sizing: border-box; |
| | | height: 0; |
| | | border-top: none; |
| | | } |
| | | #containerImg .x6-graph-pagebreak>.x6-graph-pagebreak-vertical { |
| | | position: absolute; |
| | | top: 0; |
| | | bottom: 0; |
| | | box-sizing: border-box; |
| | | width: 0; |
| | | border-left: none; |
| | | } |
| | | </style> |