src/router/router_decision.js

@@ -68,7 +68,7 @@ const router = [
     //根据科目选专业首页
     {
         path: '/xjc-integratedmachine/decision/choose_major_by_subject/choose_major_by_subject_index',
-        component: () => import('@/views/xjc-integratedmachine/decision/choose_major_by_subject_index.vue'),
+        component: () => import('@/views/xjc-integratedmachine/decision/choose_major_by_subject/choose_major_by_subject_index.vue'),
     },
     //学科专业相关性首页
     {

src/views/xjc-integratedmachine/decision/process_diagram/process_diagram_selecting_subjects.vue

@@ -1,14 +1,73 @@
 <template>
-    高中选科流程图<br>
-
-美工大哥：给我一张图片
+    <div class="process_diagram_selecting_subject">
+        <head-component :headinfo=headinfo></head-component>
+        <div class="page-content">
+            <div class="page-box">
+                <img class="diagram-img" src="@/assets/images/decision/process_diagram_subject.png">
+            </div>
+            <drag_component></drag_component>
+        </div>
+    </div>
 
 </template>
 
 <script setup>
+    import {onMounted, ref} from "vue";
+    import headComponent from '@/views/xjc-integratedmachine/components/head_component.vue'
+    import Drag_component from "@/views/xjc-integratedmachine/components/drag_component.vue";
+    const headinfo = ref({})
+
+    const router = useRouter()
+
+    function setHeadinfo(){
+        headinfo.value = {
+            title: '高中选科流程图',
+            user: {
+                avatar: '头像路径',
+                nickName: '张三'
+            },
+            backUrl : '/xjc-integratedmachine/environment/index'
+        }
+    }
+
+    onMounted(() => {
+        setHeadinfo();
+    })
 
 </script>
 
-<style scoped>
+<style scoped lang="scss">
+    p{
+        margin: 0;
+        padding: 0;
+    }
+    .process_diagram_selecting_subject{
+        background: url('@/assets/images/decision/background.png') no-repeat;
+        background-size: 1920px 1080px;
+        z-index:10;
+        width: 100%;
+        height: 1080px;
+        .page-content {
+            width: 100%;
+            height: 980px;
+            position: absolute;
+            top: 100px;
+            bottom: 0;
+        }
+        .page-box{
+            width: 1832px;
+            height: 910px;
+            overflow: auto;
+            margin: 13px auto 0;
+            padding-top: 25px;
+            position: relative;
+            .diagram-img{
+                width: 1832px;
+                height: 1448px;
+
+            }
+        }
+
+    }
 
 </style>