[feat][ai生涯访谈][框架页面]

src/router/router_environment.js

@@ -151,12 +151,12 @@ const router = [
     //AI生涯访谈角色
     {
         path: '/xjc-integratedmachine/environment/ai_career_interview',
-        component: () => import('@/views/xjc-integratedmachine/environment/ai_career_interview.vue'),
+        component: () => import('@/views/xjc-integratedmachine/environment/ai_interview/ai_career_interview.vue'),
     },
     //AI生涯访谈聊天
     {
         path: '/xjc-integratedmachine/environment/ai_career_interview_chat',
-        component: () => import('@/views/xjc-integratedmachine/environment/ai_career_interview_chat.vue'),
+        component: () => import('@/views/xjc-integratedmachine/environment/ai_interview/ai_career_interview_chat.vue'),
     },
     //高校对比
     {

src/views/xjc-integratedmachine/environment/ai_career_interview.vue

@@ -1,11 +0,0 @@
-<template>
-    AI生涯访谈-角色
-</template>
-
-<script setup>
-
-</script>
-
-<style scoped>
-
-</style>

src/views/xjc-integratedmachine/environment/ai_interview/ai_career_interview.vue

@@ -0,0 +1,90 @@
+<template>
+    <div class="development_stage">
+        <head-component :headinfo=headinfo></head-component>
+        <div class="page-content">
+            <div class="page-box">
+
+                <drag_component></drag_component>
+            </div>
+        </div>
+    </div>
+
+</template>
+
+<script setup>
+    import {onMounted} 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({})
+
+    function setHeadinfo(){
+        headinfo.value = {
+            title: '生涯唤醒学习系统',
+            user: {
+                avatar: '头像路径',
+                nickName: '张三'
+            },
+            backUrl : '/xjc-integratedmachine/environment/index'
+        }
+    }
+
+    onMounted(() => {
+        setHeadinfo()
+    })
+
+</script>
+
+<style scoped lang="scss">
+    p{
+        margin: 0;
+        padding: 0;
+    }
+    .development_stage{
+        background: url('@/assets/images/login/login-home-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;
+            background: #FFFFFF;
+            border-radius: 35px 35px 35px 35px;
+            margin: 13px auto 0;
+            padding-top: 25px;
+            position: relative;
+            .text-info{
+                font-weight: bold;
+                font-size: 32px;
+                color: #333333;
+                line-height: 52px;
+                padding: 0 150px;
+            }
+            .title{
+                font-weight: bold;
+                font-size: 30px;
+                color: #333333;
+                line-height: 52px;
+                margin-top: 10px;
+                padding: 0 150px;
+            }
+
+            .answer{
+                font-size: 30px;
+                color: #333333;
+                line-height: 52px;
+                text-indent: 2em;
+                padding: 0 150px;
+            }
+        }
+
+    }
+
+</style>