添加线上匿名和线下答卷的侧边栏切换

src/components/ReviewManagementDetailSideBar.vue

@@ -11,25 +11,28 @@
 
       <ul class="nav_list">
         <!-- 激活状态的步骤 -->
-        <li v-for="stepItm in stepMsgs" :key="stepItm.setpNum" 
-          :class="['nav_item', {'active_item':currentActiveStep == stepItm.stepName}]"
-          @click="HandleChangeStep(stepItm)"
-        >
-          <div class="step_header_title">
-            <i  v-if="stepItm.isFinish" class="hjx-dui iconfont"></i>
-            <span v-else class="step_num">{{ stepItm.stepName }}</span>
-            <span class="step_title">{{stepItm.title}}</span>
-          </div>
-
-          <div class="step_bottom" >
-            <div class="step_guide_line">
-              <div class="dashed_line"></div>
+        <template  v-for="stepItm in stepMsgs" :key="stepItm.stepName">
+          <li v-if="stepItm.show"
+            :class="['nav_item', {'active_item':currentActiveStep == stepItm.stepName}]"
+            @click="HandleChangeStep(stepItm)"
+          >
+            <div class="step_header_title">
+              <i  v-if="stepItm.isFinish" class="hjx-dui iconfont"></i>
+              <span v-else class="step_num">{{ stepItm.stepNum }}</span>
+              <span class="step_title">{{stepItm.title}}</span>
             </div>
-            <div class="step_content">
-                {{ stepItm.desc }}
+
+            <div class="step_bottom" >
+              <div class="step_guide_line">
+                <div class="dashed_line"></div>
+              </div>
+              <div class="step_content">
+                  {{ stepItm.desc }}
+              </div>
             </div>
-          </div>
-        </li>
+          </li>
+
+        </template>
       </ul>
     </div>
 </template>
@@ -42,63 +45,124 @@ import backIcon from '@/assets/icon/left_back_arrow_.png'
 import router from '@/router';
 
 const evaluationManageData = inject('commonStepData')
-
+// evaluationManageData.evaluationType   // 评价方式  0-线上匿名，1-线下答卷，2-线上导入，3-线上实名
 
 const route = useRoute()
 
 const currentActiveStep = ref(1)
 const stepMsgs = computed(()=>[
   {
+    stepNum:1,
     stepName:'evaluationData',
     title:'评价数据',
     desc:'评价覆盖的年级、班级、对应科目基础信息',
     route:'evaluationData',
+    show:true,
     isFinish:evaluationManageData.isFinishEvaluationData,
   },
   {
+    stepNum:2,
     stepName:'teachingRelationship',
     title:'授课关系',
     desc:'年级、班级、科目匹配对应的任课教师',
     route:'teachingRelationship',
+    show:true,
     isFinish:evaluationManageData.isFinishTeachingRelationship,
   },
+
+// ==================================
+  // 线下答卷的内容 >>>>>  evaluationType === 1
+  {
+    stepNum:3,
+    stepName: 'numberMapping', 
+    title: '编号对应',
+    desc: '绑定年级、班级与专属编号',
+    route: 'numberMapping',
+    show:evaluationManageData.evaluationType === 1 ? true : false,
+    isFinish:null,
+  },
+  {
+    stepNum:4,
+    stepName: 'templateSetting',  
+    title: '模板设置',
+    desc: '框选问卷各答题区域完成线上模板配置',
+    route: 'templateSetting',
+    show:evaluationManageData.evaluationType === 1 ? true : false,
+    isFinish:null,
+  },
+  {
+      stepNum:5,
+      stepName: 'scoreSetting',
+      title: '分数设置',
+      desc: '设置每道题及各个选项对应得分',
+      route: 'scoreSetting',
+      show:evaluationManageData.evaluationType === 1 ? true : false,
+      isFinish:null,
+  },
   {
+      stepNum:6,
+      stepName: 'scanQuestionnaire',  // 对应“扫描问卷”
+      title: '扫描问卷',
+      desc: '批量扫描学生纸质问卷，处理异常',
+      route: 'scanQuestionnaire',
+      show:evaluationManageData.evaluationType === 1 ? true : false,
+      isFinish:null,
+  },
+  // =================================
+  
+  // ============================
+  // 线上匿名 的内容 >>>  evaluationType === 0
+  {
+    stepNum:3,
     stepName:'questionnaireTemplate',
     title:'问卷模版',
     desc:'为不同科目选定适配的评价问卷模板',
     route:'questionnaireTemplate',
+    show:evaluationManageData.evaluationType === 0 ? true : false,
     isFinish:evaluationManageData.isFinishQuestionnaireTemplate,
   },
   {
+    stepNum:4,
     stepName:'reviewAccount',
     title:'评价账号',
     desc:'批量生成对应数量的学生评价登录账号',
     route:'reviewAccount',
+    show:evaluationManageData.evaluationType === 0 ? true : false,
     childrenRoute:[
       'generateReviewCode',
     ],
     isFinish:evaluationManageData.isFinishReviewAccount,
     isGenerateReviewCode:evaluationManageData.isGenerateReviewCode,  //是否已生成评价码
   },
+  // ^^^^^ =========================
+
   {
+    stepNum: evaluationManageData.evaluationType === 1  ? 7 : (evaluationManageData.evaluationType === 0 ?  5 : '') ,  // 线上匿名 5   线下答卷 7
     stepName:'parameterSetting',
     title:'参数设置',
     desc:'统一配置本次评价任务的评分分值规则',
     route:'parameterSetting',
+    show:true,
     isFinish:evaluationManageData.isFinishParameterSetting,
   },
   {
+    // 线上匿名的内容
+    stepNum:6,
     stepName:'evaluationProgress',
     title:'评价进度',
     desc:'实时查看学生完成评价的填报进度',
     route:'evaluationProgress',
+    show:evaluationManageData.evaluationType === 0 ? true : false,
     isFinish:evaluationManageData.isFinishEvaluationProgress,
   },
+
   {
+    stepNum:evaluationManageData.evaluationType === 1 ? 8 : (evaluationManageData.evaluationType === 0 ? 7 : '' ),   // 线上匿名 7   线下答卷 8
     stepName:'generateAnalysis',
     title:'生成分析',
     desc:'汇总数据并生成、发布评价分析报告',
     route:'generateAnalysis',
+    show:true,
     isFinish:evaluationManageData.isFinsihGenerateAnalysis,
 
   },

src/views/reviewManagement/ReviewManagementDetail.vue

@@ -45,6 +45,15 @@ const curentComponent = computed(()=>{
       return EvaluationProgressComponent
     case 'generateAnalysis':
       return GenerateAnalysisComponent
+      
+    case 'numberMapping':
+      break
+    case 'templateSetting':
+      break
+    case 'scoreSetting':
+      break
+    case 'scanQuestionnaire':
+      break
     default:
       router.replace('/login')
       break