first commit

历届学生/苏琪/项目练习/jiakao/src/components/tpl/NavBar.vue

@@ -0,0 +1,24 @@
+<template lang="pug">
+  .navbar
+    van-nav-bar(:title='title' :border="false" :fixed="true")
+      van-icon(name="friends-o" slot="left")
+
+</template>
+
+<script>
+export default {
+  props: {
+    title: null
+  },
+  data() {
+    return {
+      
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
+

历届学生/苏琪/项目练习/jiakao/src/components/tpl/Tabbar.vue

@@ -0,0 +1,34 @@
+<template lang="pug">
+  .tabbar
+    van-tabbar(v-model='active')
+      van-tabbar-item(:icon='item.icon' 
+                      :to="item.path" 
+                      @click="changeTitle(item.name)"
+                      v-for="(item,index) in items" :key="index") {{item.name}}
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      active: 0,
+      items: [
+        { icon: 'logistics', path: '/index', name: '驾考'  },
+        { icon: 'paid', path: '/car', name: '买车'  },
+        { icon: 'chart-trending-o', path: '/message', name: '资讯'  },
+        { icon: 'friends-o', path: '/my', name: '我的'  }
+      ]
+    }
+  },
+  methods: {
+    changeTitle (title) {
+      title == "驾考" ? title = "驾考神器" : title;
+      this.$emit("getTitle", title)
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

历届学生/苏琪/项目练习/jiakao/src/components/tpl/ipage.vue

@@ -0,0 +1,73 @@
+<template lang="pug">
+  .ipage
+    a(:href="imgurl.href")
+      img.adv(:src="imgurl.url")
+    .list
+      .list-item(@click="startExam('rand')")
+        .item-text
+          h3 模拟考试
+          p 练习和模拟考试
+        img(src="../../../static/img/item-1.png")
+      .list-item(@click="startExam('order')")
+        .item-text
+          h3 驾考题库
+          p 按章节练习
+        img(src="../../../static/img/item-2.png")
+
+    .gird-list.bottom-line
+      ul
+        li
+          svg.icon(aria-hidden='true')
+            use(xlink:href='#icon-che')
+          p 找车  
+        li
+          svg.icon(aria-hidden='true')
+            use(xlink:href='#icon-luntanzixun')
+          p 咨询
+        li 
+          svg.icon(aria-hidden='true')
+           use(xlink:href='#icon-errorList')
+          p 错题
+        li
+          svg.icon(aria-hidden='true')
+            use(xlink:href='#icon-shoucang')
+          p 收藏
+    .news-list
+      van-card(num="2"
+      v-for="item in 10" :key="item"
+      price="2.00"
+      desc="描述信息"  
+      title="商品标题"
+      thumb="https://img.yzcdn.cn/vant/t-thirt.jpg")
+</template>
+
+<script>
+  export default {
+    props: {
+      list: null,
+      imgurl: {
+        href: null,
+        url: null
+      },
+      subject: null
+    },
+    data () {
+      return {
+        
+      }
+    },
+    created() {
+      console.log(this.subject)
+    },
+    methods: {
+      startExam (types) {
+        this.$router.push({ name: 'exam', params: { type: types, subject: this.subject  } })
+      }
+    }
+  }
+</script>
+
+<style lang="less" scoped>
+@import "../../assets/less/components/ipage.less";
+</style>
+

历届学生/苏琪/项目练习/jiakao/src/components/view/car.vue

@@ -0,0 +1,19 @@
+<template lang="pug">
+  .car
+    h2 买车
+</template>
+
+<script>
+  export default {
+    data () {
+      return {
+        
+      }
+    }
+  }
+</script>
+
+<style lang="less" scoped>
+
+</style>
+

历届学生/苏琪/项目练习/jiakao/src/components/view/exam.vue

@@ -0,0 +1,145 @@
+<template lang="pug">
+  .exam
+    van-swipe(@change='onChange' :loop="false", ref="mySwiper")
+      van-swipe-item(v-for="(item,index) in examListData" :key="index")
+        p.title {{ item.question }}
+        img(v-if="item.url.length != 0" :src="item.url")
+        van-radio-group(v-model='radio' :disabled="isAgClick ? false : true  ")
+          van-radio(v-for="(ans,i) in item.answerList", 
+                    :name='i',:key="i",
+                    @click="isAgClick ? verAnswer(i) : '' ") {{ ans.name }}
+        div.error-tips(v-if="showError")
+         div(v-html="item.explains")
+                      
+  
+    
+</template>
+
+<script>
+  export default {
+    data () {
+      return {
+        startIndex: 0,
+        endIndex: null,
+        showError: false,
+        radio: 'r323424',
+        currentIndex: 0,
+        newData: [],
+        examListData: [],
+        errorAnswer: [],
+        count: 0,
+        isAgClick: true,
+        model: this.$utils.getLocalStorage('carType').type.split("/")[0].toLowerCase()
+      }
+    },
+    created () {
+      if (this.$route.params.type == "rand") {
+        this.getData()
+      } else {
+        if (this.$route.params.subject == 4) {
+          if (this.$utils.getLocalStorage("km4") == null ) {
+            this.getData()
+          } else {
+            
+           this.AsyncSetData("km4")
+          }
+        } else {
+          if (this.$utils.getLocalStorage("km1") == null) {
+            this.getData()
+          } else {
+            this.AsyncSetData("km1")
+          }
+        }
+      }
+    },
+    methods: {
+      async getData () {
+        let data =  await this.$api.index.getQuery({
+          subject: this.$route.params.subject,
+          model: this.model,
+          testType: this.$route.params.type
+        });
+
+        let result = data.result;
+      
+        let answerList = [];
+        result.forEach((val,index) => {
+          answerList = []
+          for(var keyName in val) {
+            if (keyName.indexOf('item') > -1) {
+              if(val[keyName].length != 0) {
+                answerList.push({
+                  name: val[keyName]
+                })
+              }
+              delete val[keyName];
+            }
+          }
+          val.answerList = answerList
+        });
+
+        if (this.$route.params.type == "order") {
+          if (this.$route.params.subject == 4) {
+            this.$utils.setLocalStorage("km4", result)
+          } else {
+            this.$utils.setLocalStorage("km1", result)
+          }
+        }
+        this.examListData = result
+        
+      },
+      AsyncSetData(type) {
+        this.endIndex = this.startIndex * 100 + 99;
+        for (var i = this.startIndex * 100;i <= this.endIndex; i++) {
+          this.newData.push(this.$utils.getLocalStorage(type)[i])
+        }
+        this.examListData = this.newData
+      },
+      verAnswer(ans){
+        this.isAgClick = false
+        let a = (this.examListData[this.currentIndex].answer) -1
+        if(a == ans) {
+          this.$refs.mySwiper.swipeTo(this.currentIndex + 1)
+          this.count += 1;
+        } else {
+          this.showError = true;
+          this.errorAnswer.push(this.currentIndex)
+          console.log("答错了")
+        }
+      },
+      onChange(index) {
+        this.isAgClick = true
+        if (this.$route.params.type == "order") {
+          if (index == this.endIndex) {
+            this.startIndex += 1
+            this.$route.params.subject == 4 ? this.AsyncSetData("km4") : this.AsyncSetData("km1")
+            this.$refs.mySwiper.swipeTo(this.startIndex * 100)
+          }
+        } else {
+          if (index >= 3) {
+            alert(`题目答完了，分数: ${this.count}，错题${this.errorAnswer.length}, 未做题:${100-(this.count +this.errorAnswer.length)}`)
+          }
+        }
+        
+
+        this.showError = false;
+        this.radio = '3243243'
+        this.currentIndex = index
+      }
+    },
+    beforeRouteEnter (to, from, next) {
+      next(vm => {
+        vm.$parent.$data.isShowTabbar = false
+      })
+    },
+    beforeRouteLeave (to, from, next) {
+      this.$parent.$data.isShowTabbar = true
+      next()
+    }
+  }
+</script>
+
+<style lang="less" scoped>
+@import "../../assets/less/components/exam.less";
+</style>
+

历届学生/苏琪/项目练习/jiakao/src/components/view/index.vue

@@ -0,0 +1,42 @@
+<template lang="pug">
+  .index
+    van-tabs(v-model='active' @change="changeTabs" swipeable animated)
+      van-tab(title="科目一")
+        v-page(:list="PropSPage", :imgurl="AdvObj", :subject="currentSubject")
+      van-tab(title="科目四")
+        v-page(:list="PropSPage", :imgurl="AdvObj", :subject="currentSubject")
+
+</template>
+
+<script>
+  import Ipage from "../tpl/ipage"
+  export default {
+    data () {
+      return {
+        currentSubject: 1,
+        active: 0,
+        PropSPage: [],
+        AdvObj: {
+          href: 'http://m.jiakaobaodian.com/school/key.html?from=m29',
+          url: '../../../static/img/baner.jpeg'
+        }
+      }
+    },
+    created () {
+   
+    },
+    methods: {
+      changeTabs(index) {
+        index == 0 ? this.currentSubject = 1 : this.currentSubject = 4;
+      }
+    },
+    components: {
+     'v-page' : Ipage
+    }
+  }
+</script>
+
+<style lang="less" scoped>
+@import "../../assets/less/components/index.less";
+</style>
+

历届学生/苏琪/项目练习/jiakao/src/components/view/message.vue

@@ -0,0 +1,19 @@
+<template lang="pug">
+  .message
+    h2 资讯
+</template>
+
+<script>
+  export default {
+    data () {
+      return {
+        
+      }
+    }
+  }
+</script>
+
+<style lang="less" scoped>
+
+</style>
+

历届学生/苏琪/项目练习/jiakao/src/components/view/my.vue

@@ -0,0 +1,19 @@
+<template lang="pug">
+  .my
+    h2 我的
+</template>
+
+<script>
+  export default {
+    data () {
+      return {
+        
+      }
+    }
+  }
+</script>
+
+<style lang="less" scoped>
+
+</style>
+

历届学生/苏琪/项目练习/jiakao/src/components/view/user.vue

@@ -0,0 +1,88 @@
+<template lang="pug">
+  .user
+    .login(v-if="ChangePage")
+      van-cell-group
+        van-field(v-model='login.name', required='', clearable='', 
+                  label='用户名', right-icon='question-o', placeholder='请输入用户名', 
+                  @click-right-icon="$toast('question')")
+        van-field(v-model='login.pwd', type='password', label='密码',
+                  placeholder='请输入密码', required='')
+        van-button(type="primary" size="large", @click="UserLogin") 登 录
+    .reg(v-else)
+      van-cell-group
+        van-field(v-model='reg.name', required='', clearable='', 
+                  label='用户名', right-icon='question-o', placeholder='请输入用户名', 
+                  @click-right-icon="$toast('question')")
+        van-field(v-model='reg.phone', type='password', label='密码',
+                  placeholder='请输入密码', required='')
+        van-field(v-model='reg.pwd', label='手机号', placeholder='请输入手机号',
+                  error-message='手机号格式错误')
+            
+        van-button(type="primary", size="large", @click="UserReg") 注 册 
+    span(@click="change")  {{ changeText }}
+
+</template>
+
+<script>
+  export default {
+    data () {
+      return {
+        login: {
+          name: null,
+          pwd: null,
+        },
+        reg : {
+          name: null,
+          pwd: null,
+          phone: null
+        },
+        ChangePage: true,
+        changeText: '注 册  '
+      }
+    },
+    methods: {
+      change () {
+        this.ChangePage = !this.ChangePage
+        this.ChangePage ? this.changeText = '注 册' : this.changeText = '登 录'
+      },
+      async UserLogin () {
+        let result =  await this.$api.user.Login(this.login)
+        if(result.status == 200) {
+          this.$utils.setLocalStorage("status",result.data[0])
+          this.$router.push({ path: this.$route.query.form })
+        } else {
+           this.$toast.fail(result.message);
+        }
+       
+      },
+      async UserReg () {
+        let result = await this.$api.user.Reg(this.reg)
+        if(result.status == 200) {
+          this.ChangePage = false
+        } else {
+          this.$toast.loading({
+            mask: true,
+            message: '注册失败'
+          });
+        }
+      }
+    },
+    beforeRouteEnter (to, from, next) {
+      next(vm => {
+        vm.$parent.$data.isShowNavbar = false
+        vm.$parent.$data.isShowTabbar = false
+        vm.$parent.$data.isHaveContent = false
+      })
+    },
+    beforeRouteLeave (to, from, next) {
+      this.$parent.$data.isShowNavbar = true
+      this.$parent.$data.isShowTabbar = true
+      this.$parent.$data.isHaveContent = true
+      next()
+    }
+  }
+</script>
+
+<style lang="less" scoped>
+
+</style>

历届学生/苏琪/项目练习/jiakao/src/components/view/welcome.vue

@@ -0,0 +1,97 @@
+<template lang="pug">
+  .welcome
+    swiper(:options='swiperOption', ref='mySwiper')
+      swiper-slide
+       .welpage
+        .pageimg1
+          img(src="../../../static/img/welcome1.png")
+        .title1
+          p 驾考手册
+      swiper-slide
+       .welpage
+        .pageimg2
+          img(src="../../../static/img/welcome2.png")
+        .title2
+          p 专业分类
+          span 驾考车型全覆盖
+      swiper-slide
+       .welpage
+        .pageimg3
+          img(src="../../../static/img/welcome3.png")
+        .title3
+          p 全真练习
+          span 模拟考试，错题汇总
+      swiper-slide
+       .welpage
+        .pageimg4
+          h2 请选择您要开始的题库
+          p.infos 驾驶证/资格证(当前类型：{{ currentTitle }})
+          ul
+           li(v-for="(item,index) in typeList" :key="index"
+              @click="choiceType(item,index)"
+              :class="index == current ? 'active' : '' ")
+             img(:src="item.icon") 
+             p {{ item.name }}
+             p.jztype {{ item.type }}
+        .title2
+          button(@click='EnterIndex()') 开始
+      .swiper-pagination(slot='pagination')
+
+</template>
+
+<script>
+
+export default {
+  data() {
+    return {
+      current: 0,
+      currentTitle: '小车',
+      swiperOption: {
+        pagination: {
+          el: '.swiper-pagination'
+        }
+      },
+      typeList: [
+        { name: '小车', type: 'C1/C2', icon: '../../../static/img/xiaoche.png' },
+        { name: '货车', type: 'A2/B2', icon: '../../../static/img/huoche.png' },
+        { name: '客车', type: 'A1/B1', icon: '../../../static/img/keche.png' }
+      ]
+    }
+  },
+  methods: {
+    choiceType(item,index) {
+      this.current = index;
+      this.currentTitle = item.name
+    },
+    EnterIndex () {
+      this.$utils.setLocalStorage('carType', this.typeList[this.current])
+      this.$router.replace({ name: 'index' })
+    },
+  },
+  mounted() {
+    this.swiper.slideTo(0, 1000, false)
+  },
+  computed: {
+    swiper() {
+      return this.$refs.mySwiper.swiper
+    }
+  },
+  beforeRouteEnter (to, from, next) {
+    next(vm => {
+      vm.$parent.$data.isShowNavbar = false
+      vm.$parent.$data.isShowTabbar = false
+      vm.$parent.$data.isHaveContent = false
+    })
+  },
+  beforeRouteLeave (to, from, next) {
+    this.$parent.$data.isShowNavbar = true
+    this.$parent.$data.isShowTabbar = true
+    this.$parent.$data.isHaveContent = true
+    next()
+  }
+}
+</script>
+
+<style scoped lang="less">
+@import "../../assets/less/components/welcome.less";
+</style>