dtm_java/tools/supply_flow_diagram.svg

<svg xmlns="http://www.w3.org/2000/svg" width="3600" height="1850" viewBox="0 0 3600 1850">
  <defs>
    <marker id="arrow" viewBox="0 0 12 12" refX="10" refY="6" markerWidth="10" markerHeight="10" orient="auto-start-reverse">
      <path d="M 1 1 L 11 6 L 1 11 z" fill="#485c78"/>
    </marker>
    <filter id="shadow" x="-10%" y="-20%" width="130%" height="150%">
      <feDropShadow dx="0" dy="5" stdDeviation="5" flood-color="#152033" flood-opacity="0.12"/>
    </filter>
    <style>
      .bg { fill: #ffffff; }
      .title { font-family: "Microsoft YaHei", "PingFang SC", sans-serif; font-size: 44px; font-weight: 700; fill: #232323; }
      .node-text { font-family: "Microsoft YaHei", "PingFang SC", sans-serif; font-size: 28px; fill: #232323; text-anchor: middle; dominant-baseline: middle; }
      .decision-text { font-family: "Microsoft YaHei", "PingFang SC", sans-serif; font-size: 30px; font-weight: 700; fill: #232323; text-anchor: middle; dominant-baseline: middle; }
      .edge-label { font-family: "Microsoft YaHei", "PingFang SC", sans-serif; font-size: 24px; font-weight: 700; fill: #374b64; text-anchor: middle; dominant-baseline: middle; }
      .edge { fill: none; stroke: #485c78; stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; marker-end: url(#arrow); }
      .node { rx: 22; ry: 22; filter: url(#shadow); stroke-width: 4; }
      .blue { fill: #ebf4ff; stroke: #457dc5; }
      .green { fill: #ebfaf1; stroke: #2e8c58; }
      .yellow { fill: #fff9e1; stroke: #c48e23; }
      .red { fill: #ffeeee; stroke: #c44c4c; }
      .gray { fill: #f7f9fc; stroke: #8291a5; }
      .label-bg { fill: #ffffff; stroke: #d8e0ea; stroke-width: 2; rx: 16; ry: 16; }
    </style>
  </defs>

  <rect class="bg" width="3600" height="1850"/>
  <text class="title" x="1800" y="80">&#x4F9B;&#x5E94;&#x76D1;&#x6D4B;&#x8865;&#x8D27;&#x51B3;&#x7B56;&#x6D41;&#x7A0B;</text>

  <rect class="node blue" x="80" y="735" width="500" height="180"/>
  <text class="node-text" x="330" y="797">
    <tspan x="330" dy="0">&#x66F4;&#x65B0;&#x6570;&#x636E;</tspan>
    <tspan x="330" dy="42">&#x9884;&#x6D4B;&#x9700;&#x6C42; / &#x73B0;&#x6709;&#x5E93;&#x5B58; / &#x5728;&#x9014;&#x5E93;&#x5B58;</tspan>
    <tspan x="330" dy="42">&#x534A;&#x6210;&#x54C1;&#x5E93;&#x5B58; / &#x5DF2;&#x4E0B;&#x5355;&#x672A;&#x8981;&#x6C42;&#x6765;&#x8D27;</tspan>
  </text>

  <rect class="node blue" x="700" y="735" width="430" height="180"/>
  <text class="node-text" x="915" y="805">
    <tspan x="915" dy="0">&#x6838;&#x7B97;&#x73B0;&#x6709;&#x53EF;&#x7528;&#x91CF;</tspan>
    <tspan x="915" dy="46">&#x73B0;&#x6709;&#x5E93;&#x5B58; + &#x534A;&#x6210;&#x54C1;&#x53EF;&#x7EC4;&#x88C5;&#x91CF;</tspan>
  </text>

  <polygon class="yellow" points="1430,680 1620,825 1430,970 1240,825" filter="url(#shadow)" stroke-width="4"/>
  <text class="decision-text" x="1430" y="806">
    <tspan x="1430" dy="0">&#x73B0;&#x6709;&#x53EF;&#x7528;&#x91CF;</tspan>
    <tspan x="1430" dy="48">&#x662F;&#x5426;&#x8986;&#x76D6;&#x9700;&#x6C42;?</tspan>
  </text>

  <rect class="node green" x="1780" y="330" width="360" height="140"/>
  <text class="node-text" x="1960" y="400">&#x73B0;&#x6709;&#x5E93;&#x5B58;&#x53EF;&#x8986;&#x76D6;</text>

  <polygon class="yellow" points="2480,285 2660,400 2480,515 2300,400" filter="url(#shadow)" stroke-width="4"/>
  <text class="decision-text" x="2480" y="382">
    <tspan x="2480" dy="0">&#x662F;&#x5426;&#x9700;&#x8981;</tspan>
    <tspan x="2480" dy="48">&#x7EC4;&#x88C5;&#x534A;&#x6210;&#x54C1;?</tspan>
  </text>

  <rect class="node green" x="2830" y="190" width="340" height="130"/>
  <text class="node-text" x="3000" y="255">&#x65E0;&#x9700;&#x6765;&#x8D27; / &#x4E0B;&#x5355;</text>

  <rect class="node green" x="2830" y="420" width="340" height="150"/>
  <text class="node-text" x="3000" y="474">
    <tspan x="3000" dy="0">&#x5B89;&#x6392;&#x534A;&#x6210;&#x54C1;&#x7EC4;&#x88C5;</tspan>
    <tspan x="3000" dy="44">&#x8F6C;&#x4E3A;&#x6210;&#x54C1;&#x5E93;&#x5B58;</tspan>
  </text>

  <rect class="node red" x="1780" y="830" width="360" height="150"/>
  <text class="node-text" x="1960" y="884">
    <tspan x="1960" dy="0">&#x73B0;&#x6709;&#x53EF;&#x7528;&#x91CF;&#x4E0D;&#x8DB3;</tspan>
    <tspan x="1960" dy="44">&#x8BA1;&#x7B97;&#x7F3A;&#x53E3;</tspan>
  </text>

  <polygon class="yellow" points="2480,795 2660,910 2480,1025 2300,910" filter="url(#shadow)" stroke-width="4"/>
  <text class="decision-text" x="2480" y="892">
    <tspan x="2480" dy="0">&#x5728;&#x9014;&#x5E93;&#x5B58;</tspan>
    <tspan x="2480" dy="48">&#x662F;&#x5426;&#x8986;&#x76D6;&#x7F3A;&#x53E3;?</tspan>
  </text>

  <rect class="node green" x="2830" y="710" width="340" height="150"/>
  <text class="node-text" x="3000" y="764">
    <tspan x="3000" dy="0">&#x8DDF;&#x8FDB;&#x5728;&#x9014;&#x5230;&#x8D27;</tspan>
    <tspan x="3000" dy="44">&#x66F4;&#x65B0;&#x5230;&#x8D27;&#x8BA1;&#x5212;</tspan>
  </text>

  <rect class="node red" x="2830" y="960" width="340" height="130"/>
  <text class="node-text" x="3000" y="1025">&#x5728;&#x9014;&#x540E;&#x4ECD;&#x6709;&#x7F3A;&#x53E3;</text>

  <polygon class="yellow" points="2480,1210 2660,1335 2480,1460 2300,1335" filter="url(#shadow)" stroke-width="4"/>
  <text class="decision-text" x="2480" y="1310">
    <tspan x="2480" dy="0">&#x5DF2;&#x4E0B;&#x5355;&#x672A;&#x8981;&#x6C42;&#x6765;&#x8D27;</tspan>
    <tspan x="2480" dy="48">&#x662F;&#x5426;&#x8986;&#x76D6;&#x7F3A;&#x53E3;?</tspan>
  </text>

  <rect class="node green" x="2830" y="1180" width="340" height="160"/>
  <text class="node-text" x="3000" y="1238">
    <tspan x="3000" dy="0">&#x5B89;&#x6392;&#x6765;&#x8D27;</tspan>
    <tspan x="3000" dy="44">&#x901A;&#x77E5;&#x4F9B;&#x5E94;&#x5546;&#x53D1;&#x8D27; / &#x5230;&#x8D27;</tspan>
  </text>

  <rect class="node red" x="1780" y="1275" width="360" height="160"/>
  <text class="node-text" x="1960" y="1333">
    <tspan x="1960" dy="0">&#x5DF2;&#x4E0B;&#x5355;&#x91CF;&#x4ECD;&#x4E0D;&#x8DB3;</tspan>
    <tspan x="1960" dy="44">&#x8BA1;&#x7B97;&#x65B0;&#x589E;&#x4E0B;&#x5355;&#x91CF;</tspan>
  </text>

  <polygon class="yellow" points="1430,1225 1620,1340 1430,1455 1240,1340" filter="url(#shadow)" stroke-width="4"/>
  <text class="decision-text" x="1430" y="1340">&#x662F;&#x5426;&#x6025;&#x9700;?</text>

  <rect class="node red" x="700" y="1125" width="430" height="150"/>
  <text class="node-text" x="915" y="1179">
    <tspan x="915" dy="0">&#x65B0;&#x589E;&#x52A0;&#x6025;&#x4E0B;&#x5355;</tspan>
    <tspan x="915" dy="44">&#x4F18;&#x5148;&#x6392;&#x4EA7;</tspan>
  </text>

  <rect class="node gray" x="700" y="1390" width="430" height="130"/>
  <text class="node-text" x="915" y="1455">&#x65B0;&#x589E;&#x5E38;&#x89C4;&#x4E0B;&#x5355;</text>

  <rect class="node blue" x="2830" y="610" width="340" height="130"/>
  <text class="node-text" x="3000" y="655">
    <tspan x="3000" dy="0">&#x66F4;&#x65B0;&#x7EC4;&#x88C5;&#x8BA1;&#x5212;</tspan>
    <tspan x="3000" dy="42">&#x56DE;&#x5199;&#x5E93;&#x5B58;&#x8DDF;&#x8E2A;</tspan>
  </text>

  <rect class="node blue" x="2830" y="890" width="340" height="130"/>
  <text class="node-text" x="3000" y="935">
    <tspan x="3000" dy="0">&#x66F4;&#x65B0;&#x5728;&#x9014;&#x5230;&#x8D27;&#x8BA1;&#x5212;</tspan>
    <tspan x="3000" dy="42">&#x56DE;&#x5199;&#x5E93;&#x5B58;&#x8DDF;&#x8E2A;</tspan>
  </text>

  <rect class="node blue" x="2830" y="1385" width="340" height="130"/>
  <text class="node-text" x="3000" y="1430">
    <tspan x="3000" dy="0">&#x66F4;&#x65B0;&#x6765;&#x8D27;&#x8BA1;&#x5212;</tspan>
    <tspan x="3000" dy="42">&#x56DE;&#x5199;&#x5E93;&#x5B58;&#x8DDF;&#x8E2A;</tspan>
  </text>

  <rect class="node blue" x="700" y="1610" width="430" height="130"/>
  <text class="node-text" x="915" y="1655">
    <tspan x="915" dy="0">&#x66F4;&#x65B0;&#x4E0B;&#x5355;&#x8BA1;&#x5212;</tspan>
    <tspan x="915" dy="42">&#x56DE;&#x5199;&#x5E93;&#x5B58;&#x8DDF;&#x8E2A;</tspan>
  </text>

  <rect class="node green" x="1780" y="1610" width="420" height="130"/>
  <text class="node-text" x="1990" y="1675">&#x6301;&#x7EED;&#x8DDF;&#x8E2A;&#x9500;&#x552E;&#x4E0E;&#x5E93;&#x5B58;</text>

  <path class="edge" d="M580,825 L700,825"/>
  <path class="edge" d="M1130,825 L1240,825"/>
  <path class="edge" d="M1620,825 L1780,400"/>
  <rect class="label-bg" x="1668" y="580" width="70" height="42"/><text class="edge-label" x="1703" y="602">&#x662F;</text>
  <path class="edge" d="M1620,825 L1780,905"/>
  <rect class="label-bg" x="1668" y="860" width="70" height="42"/><text class="edge-label" x="1703" y="882">&#x5426;</text>
  <path class="edge" d="M2140,400 L2300,400"/>
  <path class="edge" d="M2660,400 L2830,255"/>
  <rect class="label-bg" x="2730" y="303" width="70" height="42"/><text class="edge-label" x="2765" y="325">&#x5426;</text>
  <path class="edge" d="M2660,400 L2830,495"/>
  <rect class="label-bg" x="2730" y="428" width="70" height="42"/><text class="edge-label" x="2765" y="450">&#x662F;</text>
  <path class="edge" d="M2140,905 L2300,910"/>
  <path class="edge" d="M2660,910 L2830,785"/>
  <rect class="label-bg" x="2730" y="820" width="70" height="42"/><text class="edge-label" x="2765" y="842">&#x662F;</text>
  <path class="edge" d="M2660,910 L2830,1025"/>
  <rect class="label-bg" x="2730" y="942" width="70" height="42"/><text class="edge-label" x="2765" y="964">&#x5426;</text>
  <path class="edge" d="M3000,1090 L3000,1130 L2480,1130 L2480,1210"/>
  <path class="edge" d="M2660,1335 L2830,1260"/>
  <rect class="label-bg" x="2730" y="1270" width="70" height="42"/><text class="edge-label" x="2765" y="1292">&#x662F;</text>
  <path class="edge" d="M2300,1335 L2140,1355"/>
  <rect class="label-bg" x="2165" y="1314" width="70" height="42"/><text class="edge-label" x="2200" y="1336">&#x5426;</text>
  <path class="edge" d="M1780,1355 L1620,1340"/>
  <path class="edge" d="M1240,1340 L1130,1200"/>
  <rect class="label-bg" x="1160" y="1245" width="70" height="42"/><text class="edge-label" x="1195" y="1267">&#x662F;</text>
  <path class="edge" d="M1430,1455 L1430,1490 L1130,1455"/>
  <rect class="label-bg" x="1265" y="1435" width="70" height="42"/><text class="edge-label" x="1300" y="1457">&#x5426;</text>
  <path class="edge" d="M3000,570 L3000,610"/>
  <path class="edge" d="M3000,860 L3000,890"/>
  <path class="edge" d="M3000,1340 L3000,1385"/>
  <path class="edge" d="M915,1275 L915,1610"/>
  <path class="edge" d="M915,1520 L915,1610"/>
  <path class="edge" d="M3000,320 L3000,1645 L2200,1675"/>
  <path class="edge" d="M3000,740 L3000,1665 L2200,1675"/>
  <path class="edge" d="M3000,1020 L3000,1680 L2200,1675"/>
  <path class="edge" d="M3000,1515 L3000,1700 L2200,1675"/>
  <path class="edge" d="M1130,1675 L1780,1675"/>
</svg>