43 lines
819 B
Vue
43 lines
819 B
Vue
<script>
|
|
module.exports = {
|
|
name: "snakerStart",
|
|
props: {
|
|
define_key:{
|
|
type: String,
|
|
required: true
|
|
},
|
|
label: {
|
|
type: String,
|
|
required: true
|
|
}
|
|
},
|
|
methods:{
|
|
openChart() {
|
|
this.$refs.snakerChartRef.onOpen(this.define_key)
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<div>
|
|
<el-row type="flex" justify="space-between" slot="header">
|
|
<h3 style="color: var(--color-primary)">{{ label }}</h3>
|
|
<div class="header-right">
|
|
<slot name="header-right-label"></slot>
|
|
<el-link type="primary" @click="openChart">流程图</el-link>
|
|
</div>
|
|
</el-row>
|
|
<snaker-chart ref="snakerChartRef"></snaker-chart>
|
|
</div>
|
|
|
|
</template>
|
|
|
|
<style scoped>
|
|
.header-right {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
</style>
|