添加头部返回按钮逻辑

src/layout/components/AppHeader.vue

@@ -1,15 +1,25 @@
 <template>
     <div class="app_header">
+        <el-icon v-if="showBack" class="left_back" @click="$router.go(-1)"><ArrowLeftBold /></el-icon>
         智能教学评价系统
     </div>
 </template>
 
+<script setup lang="ts">
 
-<script setup lang="ts"></script>
+const props = defineProps({
+    showBack:{
+        type:Boolean,
+        default:true
+    }
+})
+
+</script>
 
 
 <style lang="scss" scoped>
 .app_header{
+    position: relative;
     flex-shrink: 0;
     display: flex;
     justify-content: center;
@@ -21,5 +31,9 @@
     font-weight: 600;
     font-size: calc(16 * var(--app-rpx));
     color: #333;
+    .left_back{
+        position: absolute;
+        left: calc(20 * var(--app-rpx));
+    }
 }
 </style>

src/layout/index.vue

@@ -1,6 +1,9 @@
 <template>
   <div class="layout">
-    <component :is="finalHeader" :horizontalNavList="horizontalNavList" />
+    <component :is="finalHeader" 
+      :horizontalNavList="horizontalNavList" 
+      :showBack="showBack" 
+    />
     <AppMain :menuItems="menuList"/>
   </div>
 </template>
@@ -26,6 +29,15 @@ const horizontalNavList = computed(()=>{
   return []
 })
 
+const showBack = computed(()=>{
+  if(route.path.startsWith('/app') && route.path !== '/app' 
+      && route.path !== '/app/' && !route.path.startsWith('/app/questionnaireTaskListPage')){
+    return true
+  }else{
+    return false
+  }
+})
+
 const finalHeader = computed(()=>{
   if(route.path.startsWith('/main')){
     return Header