Предыдущая версия справа и слева Предыдущая версия Следующая версия | Предыдущая версия |
ru:rule:visual_style [2024-02-07 12:09] – удалено - внешнее изменение (Дата неизвестна) 127.0.0.1 | ru:rule:visual_style [2024-08-21 11:11] (текущий) – [Смотри также] Anatoly Belaychuk |
---|
| ====== Соблюдайте единый визуальный стиль ====== |
| |
| {{tag>визуальный_стиль}} |
| |
| Выдерживайте во всех диаграммах единый стиль в размерах элементов, используемых шрифтах и цветах. |
| ===== ✔ Как надо ===== |
| |
| <bpmnio type="bpmn"> |
| <?xml version="1.0" encoding="UTF-8"?> |
| <bpmn:definitions xmlns:bpmn="http://www.omg.org/spec/BPMN/20100524/MODEL" xmlns:bpmndi="http://www.omg.org/spec/BPMN/20100524/DI" xmlns:dc="http://www.omg.org/spec/DD/20100524/DC" xmlns:camunda="http://camunda.org/schema/1.0/bpmn" xmlns:bioc="http://bpmn.io/schema/bpmn/biocolor/1.0" xmlns:color="http://www.omg.org/spec/BPMN/non-normative/color/1.0" xmlns:di="http://www.omg.org/spec/DD/20100524/DI" xmlns:modeler="http://camunda.org/schema/modeler/1.0" id="Definitions_0ar3yan" targetNamespace="http://bpmn.io/schema/bpmn" exporter="Camunda Modeler" exporterVersion="5.14.0" modeler:executionPlatform="Camunda Platform" modeler:executionPlatformVersion="7.19.0"> |
| <bpmn:process id="Process_02mwgtw" isExecutable="true" camunda:historyTimeToLive="180"> |
| <bpmn:startEvent id="Event_0azb5bt"> |
| <bpmn:outgoing>Flow_1kdf0ru</bpmn:outgoing> |
| </bpmn:startEvent> |
| <bpmn:task id="Activity_0abdko8" name="Направить запрос на командировку"> |
| <bpmn:incoming>Flow_1kdf0ru</bpmn:incoming> |
| <bpmn:incoming>Flow_0iyl5h3</bpmn:incoming> |
| <bpmn:outgoing>Flow_0zmpgx0</bpmn:outgoing> |
| </bpmn:task> |
| <bpmn:sequenceFlow id="Flow_1kdf0ru" sourceRef="Event_0azb5bt" targetRef="Activity_0abdko8" /> |
| <bpmn:task id="Activity_15z31ij" name="Одобрить запрос"> |
| <bpmn:incoming>Flow_0zmpgx0</bpmn:incoming> |
| <bpmn:outgoing>Flow_0pwvj85</bpmn:outgoing> |
| </bpmn:task> |
| <bpmn:sequenceFlow id="Flow_0zmpgx0" sourceRef="Activity_0abdko8" targetRef="Activity_15z31ij" /> |
| <bpmn:exclusiveGateway id="Gateway_0op1fyh" name="Статус согласования?"> |
| <bpmn:incoming>Flow_0pwvj85</bpmn:incoming> |
| <bpmn:outgoing>Flow_1lbx58j</bpmn:outgoing> |
| <bpmn:outgoing>Flow_1efvlpq</bpmn:outgoing> |
| <bpmn:outgoing>Flow_0iyl5h3</bpmn:outgoing> |
| </bpmn:exclusiveGateway> |
| <bpmn:sequenceFlow id="Flow_0pwvj85" sourceRef="Activity_15z31ij" targetRef="Gateway_0op1fyh" /> |
| <bpmn:sequenceFlow id="Flow_0iyl5h3" name="Требуется внести правки" sourceRef="Gateway_0op1fyh" targetRef="Activity_0abdko8" /> |
| <bpmn:task id="Activity_1glwub5" name="Забронировать отель"> |
| <bpmn:incoming>Flow_1lbx58j</bpmn:incoming> |
| <bpmn:outgoing>Flow_0rqn8eg</bpmn:outgoing> |
| </bpmn:task> |
| <bpmn:sequenceFlow id="Flow_1lbx58j" name="согласовано" sourceRef="Gateway_0op1fyh" targetRef="Activity_1glwub5" /> |
| <bpmn:endEvent id="Event_0qjkwyw" name="Отель забронирован"> |
| <bpmn:incoming>Flow_0rqn8eg</bpmn:incoming> |
| </bpmn:endEvent> |
| <bpmn:sequenceFlow id="Flow_0rqn8eg" sourceRef="Activity_1glwub5" targetRef="Event_0qjkwyw" /> |
| <bpmn:task id="Activity_0ia783x" name="Оповещение об отказе"> |
| <bpmn:incoming>Flow_1efvlpq</bpmn:incoming> |
| <bpmn:outgoing>Flow_1ebhjfq</bpmn:outgoing> |
| </bpmn:task> |
| <bpmn:sequenceFlow id="Flow_1efvlpq" name="не согласовано" sourceRef="Gateway_0op1fyh" targetRef="Activity_0ia783x" /> |
| <bpmn:endEvent id="Event_16rsz65" name="В заявке отказано"> |
| <bpmn:incoming>Flow_1ebhjfq</bpmn:incoming> |
| </bpmn:endEvent> |
| <bpmn:sequenceFlow id="Flow_1ebhjfq" sourceRef="Activity_0ia783x" targetRef="Event_16rsz65" /> |
| </bpmn:process> |
| <bpmndi:BPMNDiagram id="BPMNDiagram_1"> |
| <bpmndi:BPMNPlane id="BPMNPlane_1" bpmnElement="Process_02mwgtw"> |
| <bpmndi:BPMNShape id="Event_0azb5bt_di" bpmnElement="Event_0azb5bt" bioc:stroke="#205022" bioc:fill="#c8e6c9" color:background-color="#c8e6c9" color:border-color="#205022"> |
| <dc:Bounds x="162" y="182" width="36" height="36" /> |
| </bpmndi:BPMNShape> |
| <bpmndi:BPMNShape id="Activity_0abdko8_di" bpmnElement="Activity_0abdko8"> |
| <dc:Bounds x="270" y="160" width="100" height="80" /> |
| <bpmndi:BPMNLabel /> |
| </bpmndi:BPMNShape> |
| <bpmndi:BPMNShape id="Activity_15z31ij_di" bpmnElement="Activity_15z31ij"> |
| <dc:Bounds x="430" y="160" width="100" height="80" /> |
| <bpmndi:BPMNLabel /> |
| </bpmndi:BPMNShape> |
| <bpmndi:BPMNShape id="Gateway_0op1fyh_di" bpmnElement="Gateway_0op1fyh" isMarkerVisible="true"> |
| <dc:Bounds x="585" y="175" width="50" height="50" /> |
| <bpmndi:BPMNLabel> |
| <dc:Bounds x="622" y="145.5" width="76" height="27" /> |
| </bpmndi:BPMNLabel> |
| </bpmndi:BPMNShape> |
| <bpmndi:BPMNShape id="Activity_0ia783x_di" bpmnElement="Activity_0ia783x"> |
| <dc:Bounds x="560" y="320" width="100" height="80" /> |
| <bpmndi:BPMNLabel /> |
| </bpmndi:BPMNShape> |
| <bpmndi:BPMNShape id="Activity_1glwub5_di" bpmnElement="Activity_1glwub5"> |
| <dc:Bounds x="760" y="160" width="100" height="80" /> |
| <bpmndi:BPMNLabel /> |
| </bpmndi:BPMNShape> |
| <bpmndi:BPMNShape id="Event_16rsz65_di" bpmnElement="Event_16rsz65" bioc:stroke="#831311" bioc:fill="#ffcdd2" color:background-color="#ffcdd2" color:border-color="#831311"> |
| <dc:Bounds x="712" y="342" width="36" height="36" /> |
| <bpmndi:BPMNLabel> |
| <dc:Bounds x="707" y="385" width="46" height="27" /> |
| </bpmndi:BPMNLabel> |
| </bpmndi:BPMNShape> |
| <bpmndi:BPMNShape id="Event_0qjkwyw_di" bpmnElement="Event_0qjkwyw" bioc:stroke="#831311" bioc:fill="#ffcdd2" color:background-color="#ffcdd2" color:border-color="#831311"> |
| <dc:Bounds x="912" y="182" width="36" height="36" /> |
| <bpmndi:BPMNLabel> |
| <dc:Bounds x="894" y="225" width="73" height="27" /> |
| </bpmndi:BPMNLabel> |
| </bpmndi:BPMNShape> |
| <bpmndi:BPMNEdge id="Flow_1kdf0ru_di" bpmnElement="Flow_1kdf0ru"> |
| <di:waypoint x="198" y="200" /> |
| <di:waypoint x="270" y="200" /> |
| </bpmndi:BPMNEdge> |
| <bpmndi:BPMNEdge id="Flow_0zmpgx0_di" bpmnElement="Flow_0zmpgx0"> |
| <di:waypoint x="370" y="200" /> |
| <di:waypoint x="430" y="200" /> |
| </bpmndi:BPMNEdge> |
| <bpmndi:BPMNEdge id="Flow_0pwvj85_di" bpmnElement="Flow_0pwvj85"> |
| <di:waypoint x="530" y="200" /> |
| <di:waypoint x="585" y="200" /> |
| </bpmndi:BPMNEdge> |
| <bpmndi:BPMNEdge id="Flow_0iyl5h3_di" bpmnElement="Flow_0iyl5h3"> |
| <di:waypoint x="610" y="175" /> |
| <di:waypoint x="610" y="120" /> |
| <di:waypoint x="320" y="120" /> |
| <di:waypoint x="320" y="160" /> |
| <bpmndi:BPMNLabel> |
| <dc:Bounds x="425" y="86" width="89" height="27" /> |
| </bpmndi:BPMNLabel> |
| </bpmndi:BPMNEdge> |
| <bpmndi:BPMNEdge id="Flow_1lbx58j_di" bpmnElement="Flow_1lbx58j"> |
| <di:waypoint x="635" y="200" /> |
| <di:waypoint x="760" y="200" /> |
| <bpmndi:BPMNLabel> |
| <dc:Bounds x="659" y="208" width="64" height="14" /> |
| </bpmndi:BPMNLabel> |
| </bpmndi:BPMNEdge> |
| <bpmndi:BPMNEdge id="Flow_0rqn8eg_di" bpmnElement="Flow_0rqn8eg"> |
| <di:waypoint x="860" y="200" /> |
| <di:waypoint x="912" y="200" /> |
| </bpmndi:BPMNEdge> |
| <bpmndi:BPMNEdge id="Flow_1efvlpq_di" bpmnElement="Flow_1efvlpq"> |
| <di:waypoint x="610" y="225" /> |
| <di:waypoint x="610" y="320" /> |
| <bpmndi:BPMNLabel> |
| <dc:Bounds x="620" y="270" width="80" height="14" /> |
| </bpmndi:BPMNLabel> |
| </bpmndi:BPMNEdge> |
| <bpmndi:BPMNEdge id="Flow_1ebhjfq_di" bpmnElement="Flow_1ebhjfq"> |
| <di:waypoint x="660" y="360" /> |
| <di:waypoint x="712" y="360" /> |
| </bpmndi:BPMNEdge> |
| </bpmndi:BPMNPlane> |
| </bpmndi:BPMNDiagram> |
| </bpmn:definitions> |
| |
| </bpmnio> |
| |
| |
| ===== ✘ Как НЕ надо ===== |
| |
| <diagram><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="824px" height="294px" viewBox="-0.5 -0.5 824 294" content="<mxfile host="embed.diagrams.net" modified="2024-02-07T09:31:31.119Z" agent="Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/121.0.0.0 Safari/537.36" version="22.1.21" etag="JEkelfJYw4azvxlYsU0K" type="embed"><diagram id="M8FCwE61rCyxCW_1Toi7" name="Страница — 1">7Vpfc6M2EP80fs0ggQA/Ho7TPtzNZCadae9RBhnTYMSAHNv99F2BZMQ/O+eQNEmTydjsarVC0u5vdyXP7MX28FtB880PHrF0hq3oMLNvZxgjjCz4kpxjzfEtUjPiIomUUMN4SP5hiqn6xbskYmVLUHCeiiRvM0OeZSwULR4tCr5vi6152h41pzHrMR5Cmva5fyaR2KhZYK/h/86SeKNHRu68btlSLaxmUm5oxPcGy17O7EXBuaiftocFS+Xi6XWp+92NtJ5erGCZeE4Hte6lOOq5sQimqkheiA2PeUbTZcMNCr7LIiYVWEA1Mt85z4GJgPk3E+Ko9o3uBAfWRmxT1coyvacI1+Q3uSlAr1IePtasuyTV8vU7yhcbnaVilXxXhErKVoZBi5gpKee0wmCajG+ZKI4gUrCUiuSprZ0qG4lPcs0ywoNayeFVVUM/0XSnlPaWOedJJqohSAD/1g1yYC8Wp+8ZAalF1VLTbZ5PhqVRxe1q0NLqu6MbdXj6TXrSbd3wbwdgv7mc0fYQS1e/WeXb7IY9VftibvkTK0QCDvSdrlh6z8tEJDyTG86F4FsQSGVDQMPHuDKvBU95Ua2Uva7+DB3f0iSWfYU0t4AqKoQxGXQJclYksGPy+Ra2BTCB3TesgO9EmmRscYIGacS0zGtinRykZWsp4JSCZhEtJLM8bldczihmGSsoPAVrsFLjXSPC/MiRoqLgj8xo8fHKdt2TMcu5sMN5c+4bqu5gKfRQ8ImIovcNGNmKtTFwSPNeYtpO37RhBee38hMsRH7ezWDLfcvgVDKBX/Fx9Qnj1E3eSMdl9Yy0mNavyG9aBj4XhoZazDGGswxJrPsC377skXjI8YZ4Xp9Z+yG+7Jw1z+v6pTfkmEM8PMAcVDkEDJ2XHPdoQUsJy/tNIthDTiuI3UOzjAbgODpenCJDUCp8t9owAAFZUPCrQkeCQw7epZww5GlK8zJZVbokRw77gxaPlTxdgVNR6aXBGtQ8GCNM4VPzjk/p0Gj4FMIDTuVP4FTui6IwepsoDAtZHP+SOwNmpMifaqMq4vbQoo4mZSBwzTwkwtAF1E+jpdEkiaNBdPWEu+LplIpclyfMp88TVNd7iSiNiTmEtEysC8f1S6lOZs7W0UPQeT31THp6YHfp0RBTeDf6usRrD+NaZ98KE+uMODzU4zf+cFrYZ7mINxx3lgbg18/IgP3rIs5XXPiocWGCOGB344CNb/qRYD4QCFzy8kDgf95yzOnDrPcqMGt3gAi5zo0G+V+FWgdd1jUCt1dg3PyKsrH20i6inMOj56DPSbYHQKNYcwlZxkEkpoLt6RG/i4qx2PDtalderBibAjHj8qspDhUd7/84VnNlhzDdlZU9d8tFhqBg9IbKxbnr2XSicpF0HcLpl4tkANDIBJmt9p/PiGheH9Hmr5M4+n0U6gSbZ+eOzkVV0+EZQueStrteZU6qDGyun0/1vK842GrledjM27BxLmDmef0Dzq987sPkc1Wdr8ZEnbrfmQgcO8WUrlvepO5HeNhBzBIF9Y6xbo3apn+8ZQ3VPKaP1J4VaIEv7/iw3vHLZ8+mP+EJnMf1/sNDM9Q/wv00qcXAmVSNFZPnFmS63MJ909zC+X/t/ogjvnT3OzdJNrKu23viXlA04c6T4aCJewd8EODu2hc/nTTyTN5o3ictL0fJr9vb93l7y7LWxS0o2SYZFQz34+faD1kYDsXPlU8cMtE9k9s5X8T+0PmiTfox0ybj3v3smPmym6Z3jZq62mzBJnkV2HQ7sInn86uDpntR1YTQOX6LMlYe9DHxioKkkvnC0M+PoW/z+xe/m2i+5YHmJ76i0ccRLQR9nUsarwN7yLsy8fTxBUVXoyeQze8wa/Hm16z28l8=</diagram></mxfile>"><defs/><g><path d="M 30 118 L 75.88 118" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 88.88 118 L 75.88 124.5 L 75.88 111.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><ellipse cx="15" cy="118" rx="15" ry="15" fill="#d5e8d4" stroke="#82b366" pointer-events="all"/><path d="M 90 88 C 90 82.48 94.48 78 100 78 L 200 78 C 205.52 78 210 82.48 210 88 L 210 148 C 210 153.52 205.52 158 200 158 L 100 158 C 94.48 158 90 153.52 90 148 L 90 88 Z" fill="rgb(255, 255, 255)" stroke="none" pointer-events="all"/><path d="M 92 89 L 92 147 C 92 151.97 96.03 156 101 156 L 199 156 C 203.97 156 208 151.97 208 147 L 208 89 C 208 84.03 203.97 80 199 80 L 101 80 C 96.03 80 92 84.03 92 89" fill="none" stroke="none" pointer-events="all"/><path d="M 90 88 C 90 82.48 94.48 78 100 78 L 200 78 C 205.52 78 210 82.48 210 88 L 210 148 C 210 153.52 205.52 158 200 158 L 100 158 C 94.48 158 90 153.52 90 148 L 90 88 Z" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 118px; margin-left: 91px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 10px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Направить запрос на командировку</div></div></div></foreignObject><text x="150" y="121" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="10px" text-anchor="middle">Направить запрос на командировку</text></switch></g><path d="M 475 93 L 475 23 Q 475 13 465 13 L 160 13 Q 150 13 150 23 L 150 63.88" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 150 76.88 L 143.5 63.88 L 156.5 63.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><path d="M 290 95.5 C 290 89.98 294.48 85.5 300 85.5 L 370 85.5 C 375.52 85.5 380 89.98 380 95.5 L 380 140.5 C 380 146.02 375.52 150.5 370 150.5 L 300 150.5 C 294.48 150.5 290 146.02 290 140.5 L 290 95.5 Z" fill="rgb(255, 255, 255)" stroke="none" pointer-events="all"/><path d="M 292 96.5 L 292 139.5 C 292 144.47 296.03 148.5 301 148.5 L 369 148.5 C 373.97 148.5 378 144.47 378 139.5 L 378 96.5 C 378 91.53 373.97 87.5 369 87.5 L 301 87.5 C 296.03 87.5 292 91.53 292 96.5" fill="none" stroke="none" pointer-events="all"/><path d="M 290 95.5 C 290 89.98 294.48 85.5 300 85.5 L 370 85.5 C 375.52 85.5 380 89.98 380 95.5 L 380 140.5 C 380 146.02 375.52 150.5 370 150.5 L 300 150.5 C 294.48 150.5 290 146.02 290 140.5 L 290 95.5 Z" fill="none" |