New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

配置了显示缩放按钮貌似没有效果 #3

Open

741311791 opened this issue Dec 25, 2023 · 0 comments

741311791 commented Dec 25, 2023

代码如下：
`

转换

<script> export default { props: { inputDagList: { type: Array, default: () => [] } }, data () { return { data: [ { id: 'startEvent', type: 'start', title: '开始' }, { id: '随机id', type: 'normal', title: '申请人', content: '员工', configData: {}, nodeList: [] }, { id: 'aaa', type: 'normal', title: '条件分支' }, { id: 'endEvent', type: 'end', title: '结束' } ], demoInputDataList: [ { code: 'PG数据库初始化', predecessor: null, algParams: null, algCode: 'PgInit_prod', azkNodeType: 'ZERG_JOB', nodeDesc: '', owner: '连珹', top: false }, { code: '原始数据转换', predecessor: [ 'PG数据库初始化' ], algParams: null, algCode: 'hw_amap_sd_origin_odps2pg_5402_prod', azkNodeType: '', nodeDesc: '', owner: '连珹', top: false }, { code: '原始数据质检结果确认', predecessor: [ '原始数据转换' ], algParams: null, algCode: 'PipelineConfirm', azkNodeType: 'MANUAL_CONFIRM', nodeDesc: '', owner: '烛龙', top: false }, { code: '路网STG加工', predecessor: [ '原始数据质检结果确认' ], algParams: null, algCode: 'hw_sd_rdnet_stg_producer_5403_prod', azkNodeType: '', nodeDesc: '', owner: '烛龙', top: false }, { code: '路网ODS加工', predecessor: [ '路网STG加工' ], algParams: null, algCode: 'RidStg2ods', azkNodeType: 'DATAWORKS_MANUALDAG', nodeDesc: '', owner: '烛龙', top: false }, { code: '路网DWD加工', predecessor: [ '路网ODS加工' ], algParams: null, algCode: 'RidOds2DwdHw', azkNodeType: 'DATAWORKS_MANUALDAG', nodeDesc: '', owner: '烛龙', top: false }, { code: '成果数据同步PG', predecessor: [ '路网DWD加工' ], algParams: null, algCode: 'HwAmapSdDwd_Odps2pg_prod', azkNodeType: 'ZERG_JOB', nodeDesc: '', owner: '连珹', top: false }, { code: '成果数据质检', predecessor: [ '成果数据同步PG' ], algParams: null, algCode: 'HW_SD_DWD_DQ_CHECK_prod', azkNodeType: 'ZERG_JOB', nodeDesc: '', owner: '连珹', top: false }, { code: '成果数据质检结果确认', predecessor: [ '成果数据质检' ], algParams: null, algCode: 'PipelineConfirm', azkNodeType: 'MANUAL_CONFIRM', nodeDesc: '', owner: '烛龙', top: false } ] } }, methods: { // 输入数据标准化 transInputDataToNodes (inputDataList) { console.log('inputDataList') console.log(inputDataList) const nodes = [] let num = 0 for (const element of inputDataList) { const subNode = {} subNode.id = num.toString() subNode.type = 'normal' subNode.title = element.code subNode.content = element.owner nodes.push(subNode) num += 1 } const startNode = [{ id: 'startEvent', type: 'start', title: '开始' }] const endNode = [{ id: 'endEvent', type: 'end', title: '结束' }] this.data = startNode.concat(nodes).concat(endNode) } }, watch: { inputDagList (val) { this.transInputDataToNodes(val) } } } </script> <style lang="less" scoped> .flowChartContainer { width: 100%; height: 100%; } </style>

`

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment