我的考试修改为模拟考试;服务专区增加留言反馈;

src/api/exam.js

 import httpRequest from '@/utils/axios'
 /**
- * 获取模拟测试试题
+ * 获取模拟考试试题
  */
 export function getExamQuestion(params) {
   return httpRequest.get(
@@ -11,7 +11,7 @@ export function getExamQuestion(params) {
 }
 
 /**
- * 缓存模拟测试试题
+ * 缓存模拟考试试题
  */
 export function setCache(params) {
   return httpRequest.post('/api/zy/v2/examination/examination-papers', params)

src/components/layout/aside.vue

@@ -58,10 +58,10 @@ export default {
           children: [{ title: '课程学习', path: '/course/learn' }]
         },
         {
-          title: '我的考试',
+          title: '模拟考试',
           icon: 'icon-bianzuhong',
           children: [
-            { title: '模拟测试', path: '/testExam' },
+            { title: '模拟考试', path: '/testExam' },
             { title: '错题集合', path: '/my/questions/wrong' },
             { title: '收藏试题', path: '/my/questions/collection' }
           ]

src/modules/exam-module/src/ExamEnd.vue

@@ -39,7 +39,7 @@
           <img v-show="ratioNum >= 40 && ratioNum < 60" src="../assets/images/mountain2.png" alt="" />
           <img v-show="ratioNum >= 60 && ratioNum < 99" src="../assets/images/mountain3.png" alt="" />
           <img v-show="ratioNum == 100" src="../assets/images/mountain4.png" alt="" />
-          <template v-if="title != '模拟测试'">
+          <template v-if="title != '模拟考试'">
             <div v-if="ratioNum == 100" class="txt">成功近在眼前，再接再厉！</div>
             <div v-else class="txt">您离成功还有一段距离，继续努力！</div>
           </template>
@@ -52,7 +52,7 @@
             </div>
           </template>
         </div>
-        <div class="nl-btn" v-if="title == '模拟测试'">
+        <div class="nl-btn" v-if="title == '模拟考试'">
           <!-- <div class="btn" @click="goAbilityExam">重做测试</div>
           <div class="btn" @click="goCourse">学习课程</div> -->
           <div class="new-btn" @click="goVip">全部考试服务</div>
@@ -227,7 +227,7 @@ export default {
         : (this.title = '章节练习')
     } else {
       this.$route.query.type === 1 || this.$route.query.type === '1'
-        ? (this.title = '模拟测试')
+        ? (this.title = '模拟考试')
         : (this.title = '真题实战')
     }
     // this.title

src/pages/contact/index.vue

 <template>
-  <app-container title="联系客服" class="contact">
+  <app-container title="服务专区" class="contact">
+    <el-form :model="ruleForm" :rules="rules" label-position="top" ref="ruleForm" class="form">
+      <el-form-item label="留下您的宝贵意见" prop="contents">
+        <el-input type="textarea" v-model="ruleForm.contents" :autosize="{ minRows: 6, maxRows: 10 }"></el-input>
+      </el-form-item>
+      <el-form-item label="您的联系方式" prop="title">
+        <el-input v-model="ruleForm.title" style="max-width: 280px"></el-input>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" :loading="submitLoading" @click="handleSubmit">提交</el-button>
+      </el-form-item>
+    </el-form>
     <p><img src="../../assets/images/ser-icon1.png" />客服微信：18610017891</p>
     <p><img src="../../assets/images/ser-icon2.png" />客服电话：18610017891</p>
     <p><img src="../../assets/images/ser-icon3.png" />工作时间：工作日9:00-12:00,13:00-18:00</p>
@@ -18,12 +29,49 @@
 
 <script>
 import AppContainer from '@/components/AppContainer'
+import * as api from '@/api/my'
+
 export default {
-  components: { AppContainer }
+  components: { AppContainer },
+  data() {
+    return {
+      ruleForm: {
+        title: '',
+        contents: ''
+      },
+      rules: {
+        title: { required: true, message: '请输入您的联系方式', trigger: 'blur' },
+        contents: { required: true, message: '请输入您的意见', trigger: 'blur' }
+      },
+      submitLoading: false
+    }
+  },
+  methods: {
+    handleSubmit() {
+      this.$refs.ruleForm.validate().then(this.handleSubmitRequest)
+    },
+    handleSubmitRequest() {
+      this.submitLoading = true
+      api
+        .submitFeedback(this.ruleForm)
+        .then(response => {
+          this.$message({ message: '提交成功', type: 'success' })
+          // 重置表单
+          this.$refs.ruleForm.resetFields()
+        })
+        .finally(() => {
+          this.submitLoading = false
+        })
+    }
+  }
 }
 </script>
 
 <style lang="scss" scoped>
+.form {
+  margin-bottom: 40px;
+  max-width: 700px;
+}
 .contact {
   p {
     margin-bottom: 20px;

src/pages/exam/testExam/exam/index.vue

@@ -3,7 +3,7 @@
     <div class="answer-box">
       <div class="head" id="head-h">
         <el-button icon="el-icon-arrow-left" circle @click="$router.back()"></el-button>
-        <div class="title">模拟测试</div>
+        <div class="title">模拟考试</div>
         <div class="right">
           <div class="count">{{ time.examTimeText }}</div>
         </div>

src/pages/exam/testExam/index.vue

 <template>
-  <app-container title="模拟测试介绍">
+  <app-container title="模拟考试介绍">
     <div class="desc-exam">
       <p>考试时间20分钟。</p>
       <p>演示考试题目共10题，全部为单选题。</p>

src/router/routes.js

@@ -27,12 +27,12 @@ const courseRoutes = [
   }
 ]
 const examAnswer = [
-  /* 模拟测试 */
+  /* 模拟考试 */
   {
     path: '/testExam',
     component: () => import(/* webpackChunkName: "exam" */ '@/pages/exam/testExam/index')
   },
-  /* 模拟测试结果页 */
+  /* 模拟考试结果页 */
   {
     path: '/testExam/result',
     component: () => import(/* webpackChunkName: "exam" */ '@/pages/exam/testExam/exam/result')
@@ -128,7 +128,7 @@ export default [
       { path: 'questions', component: () => import(/* webpackChunkName: "my" */ '@/pages/my/questions/questionAll') }
     ]
   },
-  /* 模拟测试考试 */
+  /* 模拟考试考试 */
   {
     path: '/testExam/exam',
     component: () => import(/* webpackChunkName: "course-learn" */ '@/pages/exam/testExam/exam/index')