refactor:流程页整合

ui/src/assets/dcs/iconfont/iconfont.css

@@ -1,8 +1,8 @@
 @font-face {
   font-family: "iconfont"; /* Project id 4857906 */
-  src: url('iconfont.woff2?t=1744963830186') format('woff2'),
-       url('iconfont.woff?t=1744963830186') format('woff'),
-       url('iconfont.ttf?t=1744963830186') format('truetype');
+  src: url('iconfont.woff2?t=1745917200988') format('woff2'),
+       url('iconfont.woff?t=1745917200988') format('woff'),
+       url('iconfont.ttf?t=1745917200988') format('truetype');
 }
 
 .iconfont {
@@ -13,6 +13,14 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-leftArrow:before {
+  content: "\e62e";
+}
+
+.icon-rightArrow:before {
+  content: "\e601";
+}
+
 .icon-valve_pointer:before {
   content: "\e612";
 }

ui/src/assets/dcs/iconfont/iconfont.json

@@ -5,6 +5,20 @@
   "css_prefix_text": "icon-",
   "description": "",
   "glyphs": [
+    {
+      "icon_id": "44203903",
+      "name": "向左",
+      "font_class": "leftArrow",
+      "unicode": "e62e",
+      "unicode_decimal": 58926
+    },
+    {
+      "icon_id": "1203",
+      "name": "向右",
+      "font_class": "rightArrow",
+      "unicode": "e601",
+      "unicode_decimal": 58881
+    },
     {
       "icon_id": "38119555",
       "name": "长方体",

ui/src/components/DCS/HeaderComponent.vue

@@ -1,6 +1,24 @@
 <template>
     <div class="eqData_title">
         <div class="eqData_title_center">{{ title }}</div>
+        <div class="backHome"  v-if="backTo" @click="$router.push(backTo)">
+            <i class="icon iconfont icon-leftArrow back_icon"></i>
+            <div>返回流程选择页 </div>
+        </div>
+
+        <!-- 左右箭头 -->
+        <div class="arrow">
+            <div class="arrow_left" @click="$router.push('/flowSelect/m1')" v-if="title === 'M2流程'">
+                <i class="icon iconfont icon-leftArrow arrow_icon"> </i>
+                <div class="arrow_text">M1流程</div>
+            </div>
+
+            <div class="arrow_right" @click="$router.push('/flowSelect/m2')" v-if="title === 'M1流程'">
+                <i class="icon iconfont icon-rightArrow arrow_icon"> </i>
+                <div class="arrow_text">M2流程</div>
+            </div>
+
+        </div>
     </div>
 </template>
 
@@ -9,6 +27,10 @@ defineProps({
     title: {
         type: String,
         required: true
+    },
+    backTo: {
+        type: String,
+        default: ''
     }
 })
 </script>
@@ -18,11 +40,28 @@ defineProps({
     background-image: url('@/assets/dcs/header.svg');
     background-size: 100% 100%;
     background-repeat: no-repeat;
-    width: 1919.5px;
+    // width: 1919.5px;
+    width: 100%;
     height: 74.5px;
     flex-shrink: 0;
     position: relative;
 
+    .backHome {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        position: absolute;
+        top: 6px;
+        left: 40px;
+        color: chartreuse;
+        .back_icon {
+            font-size: 50px;
+            color: chartreuse;
+
+        }
+
+    }
+
     .eqData_title_center {
         font-family: PangMenZhengDao;
         font-size: 36px;
@@ -38,5 +77,33 @@ defineProps({
         // margin-top: 10px;
     }
 
+    .arrow {
+
+        .arrow_left,
+        .arrow_right {
+            .arrow_text {
+                font-size: 20px;
+                color: #FFF;
+            }
+
+            .arrow_icon {
+                font-size: 70px;
+                color: #00ABFF;
+            }
+        }
+
+        .arrow_left {
+            position: absolute;
+            top: 450px;
+            left: 30px;
+        }
+
+        .arrow_right {
+            position: absolute;
+            top: 450px;
+            right: 30px;
+        }
+    }
+
 }
 </style>