Source/plt-web/plt-web-ui/src/components/flow-cycle/flowchartEditor.vue

@@ -7,8 +7,8 @@
      </div>
      <div class="vfe-chart-container">
        <!-- 左侧项目栏 -->
        <div v-if="type !== 'detail'" class="vfe-chart-sidebar">
          <editor-item-panel :node-items="chartDataNodeItems"/>
        <div v-if="disabledBtn" class="vfe-chart-sidebar">
          <editor-item-panel  :node-items="chartDataNodeItems"/>
        </div>
        <!-- 主图表 -->
        <div class="vfe-chart-main">
@@ -108,6 +108,11 @@
      currentSelectedLine: {}
    };
  },
  computed: {
    disabledBtn() {
      return this.$store.state.flow.methodBtn;
    }
  },

  mounted() {
    // 组件挂载完成后，自动缩放画布（仅在添加模式下）
@@ -124,7 +129,15 @@
    },
    // 处理图表数据更改的事件
    onAfterChange(e) {
      console.log(e)
      try {
        if('edit' === this.$store.state.flow.type){
          this.$refs.flowChart.propsAPI.remove(e.item);
          if(e.action === 'remove'){
            this.$message.error('编辑状态下不能切换选中项！');
          }
          return;
        }
        // 如果添加了节点且节点没有被更改过
        if (e.action === "add" && e.model.type === "node") {
          if (!e.model.change) {
@@ -135,6 +148,7 @@
          }
        }
      } catch (err) {
        console.log(err)
        // 处理节点 ID 冲突错误
        if (
          err.message ===
@@ -229,7 +243,8 @@
    .vfe-chart-main {
      position: relative;
      flex: 1;
      max-height: calc(100% - 5px); // fix scroll show
      height: 80vh; // fix scroll show
      width: 65%;

      .tooltip {
        position: absolute;
@@ -257,14 +272,14 @@
      position: relative;
      display: flex;
      justify-content: center;
      width: 16%;
      width: 210px;
      background-color: #fafafa;
      border-right: 1px solid #e6e9ed;
    }

    .vfe-chart-panel {
      position: relative;
      width: 300px;
      width: 260px;
      background-color: #fafafa;
      border-left: 1px solid #e6e9ed;
      overflow-y: scroll;