| | |
|---|
| | | <template> |
|---|
| | | <div class="containers"> |
|---|
| | | <div class="app-containers"> |
|---|
| | | <div v-loading="loading" class="app-containers"> |
|---|
| | | <el-container class="h-full"> |
|---|
| | | <el-container style="align-items: stretch"> |
|---|
| | | <el-header> |
|---|
| | |
|---|
| | | const perviewSVGShow = ref(false); |
|---|
| | | const xmlStr = ref(''); |
|---|
| | | const svgData = ref(''); |
|---|
| | | const loading = ref(false); |
|---|
| | | |
|---|
| | | const panelBarClick = () => { |
|---|
| | | // 延迟执行，否则会导致面板收起时，属性面板不显示 |
|---|
| | |
|---|
| | | xml: xml, |
|---|
| | | svg: svg, |
|---|
| | | key: process.id, |
|---|
| | | name: process.name |
|---|
| | | name: process.name, |
|---|
| | | loading: loading |
|---|
| | | }; |
|---|
| | | emit('saveCallBack', data); |
|---|
| | | }; |
|---|
| | |
|---|
| | | border-left: 1px solid #eeeeee; |
|---|
| | | box-shadow: #cccccc 0 0 8px; |
|---|
| | | max-height: 100%; |
|---|
| | | width: 480px; |
|---|
| | | width: 25%; |
|---|
| | | height: calc(100vh - 80px); |
|---|
| | | :deep(.el-collapse) { |
|---|
| | | height: calc(100vh - 162px); |
|---|
