Bladeren bron

voluntary tips merged with steps

abpcoder 1 week geleden
bovenliggende
commit
41a1414a47
1 gewijzigde bestanden met toevoegingen van 47 en 3 verwijderingen
  1. 47 3
      src/views/career/zhiyuan/NewSimulatedVolunteer.vue

+ 47 - 3
src/views/career/zhiyuan/NewSimulatedVolunteer.vue

@@ -38,10 +38,23 @@
       </div>
       <div class="text-center" :class="{'mt30':currentStep>0}">
         <el-button plain @click="toReport">查看记录</el-button>
-        <el-button type="primary" @click="toBackPage">上一步</el-button>
+        <el-button v-if="currentStep>0" type="primary" @click="toBackPage">上一步</el-button>
         <el-button v-if="currentStep<=1" type="primary" @click="next">下一步</el-button>
         <el-button v-if="currentStep==2" :loading="saving" type="primary" @click="confirmSave">保存</el-button>
       </div>
+      <div v-if="currentStep==0" class="fx-column">
+        <el-divider />
+        <div class="f18 bold pf f-primary pl100">
+          模拟志愿填报须知
+          <i class="el-icon el-icon-info" />
+        </div>
+        <div class="txt f-333 f14">
+          <div v-for="(item,index) in tips" :key="index">
+            <i>{{ index + 1 }}</i>
+            {{ item }}
+          </div>
+        </div>
+      </div>
     </div>
   </div>
 </template>
@@ -90,7 +103,14 @@ export default {
       id: 0,
       subTitle: '',
       defaultSort: [],
-      saving: false
+      saving: false,
+      //
+      tips: [
+        '当系统在非正式志愿模拟填报阶段,您可输入不同分数进行多次志愿智能模拟,找准自己的目标院校和专业。当系统在正式填报阶段,您可以修改和保存一次成绩,但填报次数不受限制。',
+        '期中、期末考试是对阶段性学习成果的考验,也是检验自己的目标院校或专业是否设定合理,请阶段性进行志愿模拟填报以便及时调整目标院校和专业。',
+        '各地的高考政策不同,模拟志愿填报会根据当前注册用户所属地自动匹配。',
+        '模拟填报共有四个步骤。'
+      ]
     }
   },
   computed: {
@@ -146,7 +166,7 @@ export default {
         this.currentStep = 0
         // this.next() 暂不用跳下一步,因为无法输入位次
       } else {
-        const modeParams = this.currentUser.mode.split(',')
+        const modeParams = this.currentUser.mode?.split(',') || []
         this.form.score = this.currentUser.score
         this.form.firstSubject = modeParams.first()
         this.form.lastSubject = modeParams.slice(1)
@@ -290,4 +310,28 @@ export default {
   overflow-y: scroll;
   height: calc(100vh - 70px);
 }
+
+.txt {
+  padding: 20px 100px;
+}
+
+.txt div {
+  display: flex;
+  align-items: flex-start;
+  margin-bottom: 15px;
+  line-height: 1.6;
+}
+
+.txt div i {
+  display: block;
+  flex-shrink: 0;
+  width: 24px;
+  height: 24px;
+  margin-right: 30px;
+  text-align: center;
+  line-height: 24px;
+  color: #fff;
+  border-radius: 50%;
+  background-color: var(--themeColor);
+}
 </style>