huxiaofeng666/jwl-applet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

提交

Browse Source
This commit is contained in:
脆皮鸭
2023-09-17 13:18:59 +08:00
parent bf05f771f7
commit 9e871e4079
23 changed files with 1086 additions and 606 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
.env.development
View File

@@ -5,7 +5,6 @@ VITE_APP_TITLE = 金武联驾校
VITE_APP_ENV = 'development' VITE_APP_ENV = 'development'
# 金武联驾校/开发环境 # 金武联驾校/开发环境
VITE_APP_BASE_API = 'https://jwl.ahduima.com/' VITE_APP_BASE_API = 'http://118.31.23.45:8888/'
# #
VITE_WEB_BASE_URL = 'https://jwl.ahduima.com' VITE_WEB_BASE_URL = 'http://118.31.23.45:8888'

4
.env.production
View File

@@ -5,7 +5,7 @@ VITE_APP_TITLE = 金武联驾校
VITE_APP_ENV = 'production' VITE_APP_ENV = 'production'
# 金武联驾校/开发环境 # 金武联驾校/开发环境
VITE_APP_BASE_API = 'https://jwl.ahduima.com/' VITE_APP_BASE_API = 'https://jwl.ahduima.com/'
# #
VITE_WEB_BASE_URL = 'https://jwl.ahduima.com' VITE_WEB_BASE_URL = 'https://jwl.ahduima.com'

17
src/jtools/api/index.js
View File

@@ -7,4 +7,21 @@ export function getAliCompanyInfo(data) {
data, data,
noToken: true noToken: true
}); });
}
export function getCarTypeList(data) {
return request({
url: 'driver-api/tdCar/list',
method: 'GET',
data,
noToken: true
});
}
export function addInfo(data) {
return request({
url: 'chaoyuan-api/driver/addInfo',
method: 'POST',
data
});
} }

9
src/jtools/api/question.js
View File

@@ -50,7 +50,14 @@ export function querySysConfigList(carTypeId, configKey) {
noToken: true noToken: true
}); });
} }
//获取配置
export function querySysConfig(carTypeId, configKey) {
return request({
url: 'driver-api/tdSysConfig/queryConfigByKey?configKey=' + configKey + '&carTypeId=' + carTypeId,
method: 'GET',
noToken: true
});
}
//获取项目列表 (考试项目和基础操作) //获取项目列表 (考试项目和基础操作)
export function queryProjectList(data) { export function queryProjectList(data) {
return request({ return request({

2
src/jtools/request/index.js
View File

@@ -29,7 +29,7 @@ function service(options = {}) {
title: res?.data?.message || '请重新登录', title: res?.data?.message || '请重新登录',
icon: 'none' icon: 'none'
}); });
useUserStore().logout() useUserStore().logoutWithoutToken()
//请求成功 //请求成功
resolved(res.data); resolved(res.data);
} else if(res.data.code != '0000'&&res.data.code !='4001') { } else if(res.data.code != '0000'&&res.data.code !='4001') {

54
src/jtools/store/question.js
View File

@@ -4,7 +4,8 @@ import {
import http from '@/jtools/request/index'; import http from '@/jtools/request/index';
import { import {
queryQuestion, queryQuestion,
getVersion getVersion,
querySysConfig
} from '@/jtools/api/question'; } from '@/jtools/api/question';
import storage from '@/jtools/storage'; import storage from '@/jtools/storage';
@@ -12,6 +13,7 @@ const question = defineStore({
id: 'question', id: 'question',
state: () => ({ state: () => ({
currentCartype: storage.get('carType') || '1001', currentCartype: storage.get('carType') || '1001',
currentCarName: storage.get('carName') || '小车C1/C2/C3',
orderQuestion_subject1: storage.get('question_subject1') || [], //科目一顺序做题 orderQuestion_subject1: storage.get('question_subject1') || [], //科目一顺序做题
orderQuestion_subject4: storage.get('question_subject4') || [], //科目四顺序做题 orderQuestion_subject4: storage.get('question_subject4') || [], //科目四顺序做题
currentIndex_subject1: 0, //科目一索引 顺序做题 currentIndex_subject1: 0, //科目一索引 顺序做题
@@ -23,18 +25,36 @@ const question = defineStore({
}), }),
actions: { actions: {
resetStorage(){
this.currentIndex_subject1=0
this.currentIndex_subject4=0
this.curSubject=0
storage.remove('curSubject')
storage.remove('wrongList_subject1')
storage.remove('wrongList_subject4')
storage.remove('rightList_subject1')
storage.remove('rightList_subject4')
this.getAllQuestion()
},
getAllQuestion() { getAllQuestion() {
this.currentCartype = storage.get('carType') || '1001'
getVersion(this.currentCartype).then(resp => { getVersion(this.currentCartype).then(resp => {
if (resp.code === '0000') { if (resp.code === '0000') {
if (this.version != resp.data) { querySysConfig(this.currentCartype, 'QuestionBank').then(res => {
this.version = resp.data const urlList = JSON.parse(res.data.configJson)
storage.set('version', resp.data) const urlOne = urlList.find(item => item.subject == '1').url
this.getOrderQuestion_sub1(true) const urlFour = urlList.find(item => item.subject == '4').url
this.getOrderQuestion_sub4(true) if (this.version != resp.data) {
} else { this.version = resp.data
this.getOrderQuestion_sub1() storage.set('version', resp.data)
this.getOrderQuestion_sub4() this.getOrderQuestion_sub1(true, urlOne)
} this.getOrderQuestion_sub4(true, urlFour)
} else {
this.getOrderQuestion_sub1(false, urlOne)
this.getOrderQuestion_sub4(false, urlOne)
}
})
} }
}) })
}, },
@@ -53,12 +73,12 @@ const question = defineStore({
storage.set('curSubject', val) storage.set('curSubject', val)
}, },
// 获取顺序做题科目1 // 获取顺序做题科目1
getOrderQuestion_sub1(isUpdate) { getOrderQuestion_sub1(isUpdate, url) {
if (isUpdate) { if (isUpdate) {
this.loading_subject1 = true this.loading_subject1 = true
const that=this const that = this
uni.request({ uni.request({
url: 'https://oss-bq.ahduima.com/%E5%B0%8F%E7%A8%8B%E5%BA%8F/%E9%A2%98%E5%BA%93/%E5%B0%8F%E8%BD%A6%E7%A7%91%E7%9B%AE%E4%B8%80%E9%A2%98%E5%BA%93.json', url: url,
success(resp) { success(resp) {
if (resp.data) { if (resp.data) {
that.orderQuestion_subject1 = resp.data.data that.orderQuestion_subject1 = resp.data.data
@@ -99,7 +119,7 @@ const question = defineStore({
this.loading_subject1 = true this.loading_subject1 = true
const that = this const that = this
uni.request({ uni.request({
url: 'https://oss-bq.ahduima.com/%E5%B0%8F%E7%A8%8B%E5%BA%8F/%E9%A2%98%E5%BA%93/%E5%B0%8F%E8%BD%A6%E7%A7%91%E7%9B%AE%E4%B8%80%E9%A2%98%E5%BA%93.json', url: url,
success(resp) { success(resp) {
if (resp.data) { if (resp.data) {
that.orderQuestion_subject1 = resp.data.data that.orderQuestion_subject1 = resp.data.data
@@ -131,12 +151,12 @@ const question = defineStore({
} }
}, },
// 获取顺序做题科目4 // 获取顺序做题科目4
getOrderQuestion_sub4(isUpdate) { getOrderQuestion_sub4(isUpdate, url) {
if (isUpdate) { if (isUpdate) {
this.loading_subject4 = true this.loading_subject4 = true
const that = this const that = this
uni.request({ uni.request({
url: 'https://oss-bq.ahduima.com/%E5%B0%8F%E7%A8%8B%E5%BA%8F/%E9%A2%98%E5%BA%93/%E5%B0%8F%E8%BD%A6%E7%A7%91%E7%9B%AE%E5%9B%9B%E9%A2%98%E5%BA%93.json', url: url,
success(resp) { success(resp) {
if (resp.data) { if (resp.data) {
that.orderQuestion_subject4 = resp.data.data that.orderQuestion_subject4 = resp.data.data
@@ -177,7 +197,7 @@ const question = defineStore({
this.loading_subject4 = true this.loading_subject4 = true
const that = this const that = this
uni.request({ uni.request({
url: 'https://oss-bq.ahduima.com/%E5%B0%8F%E7%A8%8B%E5%BA%8F/%E9%A2%98%E5%BA%93/%E5%B0%8F%E8%BD%A6%E7%A7%91%E7%9B%AE%E5%9B%9B%E9%A2%98%E5%BA%93.json', url: url,
success(resp) { success(resp) {
if (resp.data) { if (resp.data) {
that.orderQuestion_subject4 = resp.data.data that.orderQuestion_subject4 = resp.data.data

9
src/jtools/store/user.js
View File

@@ -43,6 +43,13 @@ const useUserStore = defineStore({
resolve(); resolve();
}) })
}, },
//过期登出
logoutWithoutToken(force = false) {
return new Promise((resolve, reject) => {
this.resetUserData();
resolve();
})
},
// 获取用户信息 // 获取用户信息
getUserInfo() { getUserInfo() {
getInfo().then(resp => { getInfo().then(resp => {
@@ -63,6 +70,7 @@ const useUserStore = defineStore({
}, },
// 查询当前用户的vip开通情况 // 查询当前用户的vip开通情况
async searchUserVip() { async searchUserVip() {
this.currentCartype=storage.get('carType') || '1001'
const resp=await queryVip({ carTypeId: this.currentCartype,memberId: null, subject:'' }) const resp=await queryVip({ carTypeId: this.currentCartype,memberId: null, subject:'' })
if(resp.code == '0000') { if(resp.code == '0000') {
this.vipOnList = resp.data this.vipOnList = resp.data
@@ -70,6 +78,7 @@ const useUserStore = defineStore({
}, },
// 查询所有的vip // 查询所有的vip
queryVipList() { queryVipList() {
this.currentCartype= storage.get('carType') || '1001'
getVipList({ carTypeId: this.currentCartype,memberId: null, subject:'' }).then(resp => { getVipList({ carTypeId: this.currentCartype,memberId: null, subject:'' }).then(resp => {
if(resp.code == '0000') { if(resp.code == '0000') {
this.vipAllList = resp.data this.vipAllList = resp.data

14
src/pages.json
View File

@@ -105,6 +105,13 @@
"enablePullDownRefresh": false "enablePullDownRefresh": false
} }
}, },
{
"path": "pages/index/testTip",
"style": {
"navigationBarTitleText": "模拟考试",
"enablePullDownRefresh": false
}
},
{ {
"path": "pages/login/login", "path": "pages/login/login",
"style": { "style": {
@@ -159,6 +166,13 @@
"navigationBarTitleText": "考前密卷", "navigationBarTitleText": "考前密卷",
"enablePullDownRefresh": false "enablePullDownRefresh": false
} }
},
{
"path": "pages/me/changeCarType",
"style": {
"navigationBarTitleText": "切换车型",
"enablePullDownRefresh": false
}
} }
], ],

38
src/pages/index/components/Subject1.vue
View File

@@ -41,11 +41,11 @@
<view class="mt5">VIP课程</view> <view class="mt5">VIP课程</view>
</view> </view>
</view> </view>
<view class="wp33 flex ai-c jc-c" @tap="toAnswer('精简500题',true)"> <view class="wp33 flex ai-c jc-c" @tap="toAnswer(`精简${titleNum}题`,true)">
<view class="text-center wp100"> <view class="text-center wp100">
<image style="width: 72rpx;height: 72rpx;margin: 0 auto" src="../../static/image/index/500icon.png"> <image style="width: 72rpx;height: 72rpx;margin: 0 auto" src="../../static/image/index/500icon.png">
</image> </image>
<view class="mt5">精简500题</view> <view class="mt5">精简{{titleNum}}题</view>
</view> </view>
</view> </view>
<view class="wp33 flex ai-c jc-c" @tap="toExclusive"> <view class="wp33 flex ai-c jc-c" @tap="toExclusive">
@@ -78,11 +78,10 @@
</view> </view>
</view> </view>
</view> </view>
<view style="padding: 0 28rpx;margin-top: 30rpx;" @tap="toClass"> <!-- <view style="padding: 0 28rpx;margin-top: 30rpx;" @tap="toClass">
<view class="video-box"> <view class="video-box">
<view class="flex jc-sb ai-c wp100"> <view class="flex jc-sb ai-c wp100">
<text style="color: #05C341;font-size: 36rpx;">科{{subject==1?'一':'四'}}精品视频课</text> <text style="color: #05C341;font-size: 36rpx;">科{{subject==1?'一':'四'}}精品视频课</text>
<!-- <text class="cor-666 fs12">全部10节课 ></text> -->
</view> </view>
<view class="flex ai-c mt20"> <view class="flex ai-c mt20">
<view class="contain-box relative"> <view class="contain-box relative">
@@ -97,7 +96,7 @@
</view> </view>
</view> </view>
</view> </view>
</view> </view> -->
</view> </view>
</template> </template>
@@ -110,6 +109,7 @@
import storage from '@/jtools/storage'; import storage from '@/jtools/storage';
import useQuestionStore from '@/jtools/store/question' //引入store import useQuestionStore from '@/jtools/store/question' //引入store
import { import {
querySysConfig,
queryQuestionId, queryQuestionId,
getTestQuestionId getTestQuestionId
} from '@/jtools/api/question'; } from '@/jtools/api/question';
@@ -127,11 +127,12 @@
}, },
data() { data() {
return { return {
titleNum:500,
allQuestionNum: 0, allQuestionNum: 0,
} }
}, },
mounted() { mounted() {
this.getTitle()
}, },
computed: { computed: {
...mapState(useUserStore, ["vipOnList", "token"]), ...mapState(useUserStore, ["vipOnList", "token"]),
@@ -143,6 +144,15 @@
methods: { methods: {
...mapActions(useUserStore, ['searchUserVip']), ...mapActions(useUserStore, ['searchUserVip']),
...mapActions(useQuestionStore, ['getOrderQuestion_sub1', 'getOrderQuestion_sub4', 'getAllQuestion']), ...mapActions(useQuestionStore, ['getOrderQuestion_sub1', 'getOrderQuestion_sub4', 'getAllQuestion']),
getTitle(){
const carId=storage.get('carType') || '1001'
querySysConfig(carId,'SimplifyQuestionNum').then(resp=>{
if(resp.code==='0000'){
const list = JSON.parse(resp.data.configJson)
this.titleNum=list.find(item=>item.subject==this.subject).num
}
})
},
async toTestRoom() { async toTestRoom() {
// uni.navigateTo({ // uni.navigateTo({
// url:"/pages/index/trueTest" // url:"/pages/index/trueTest"
@@ -214,7 +224,7 @@
}) })
}, },
toAnswer(title, val) { toAnswer(title, val) {
if (title == '精简500题') { if (title == `精简${this.titleNum}题`) {
queryQuestionId({ queryQuestionId({
versionId: this.version, versionId: this.version,
carTypeId: storage.get('carType') || '1001', carTypeId: storage.get('carType') || '1001',
@@ -225,6 +235,7 @@
if (this.token) { if (this.token) {
await this.searchUserVip() await this.searchUserVip()
const result = this.vipOnList.some(item => item.subjects.includes(this.subject)) const result = this.vipOnList.some(item => item.subjects.includes(this.subject))
let arr = []
if (result) { if (result) {
if(resp.data&&resp.data.length){ if(resp.data&&resp.data.length){
const listJson = JSON.stringify(resp.data) const listJson = JSON.stringify(resp.data)
@@ -240,9 +251,9 @@
} }
} else { } else {
if (resp.data && resp.data.length > 3) { if (resp.data && resp.data.length > 3) {
const arr = resp.data.slice(0, 3) arr = resp.data.slice(0, 3)
} else { } else {
const arr = resp.data arr = resp.data
} }
if(arr&&arr.length){ if(arr&&arr.length){
const listJson = JSON.stringify(arr) const listJson = JSON.stringify(arr)
@@ -289,7 +300,7 @@
const arr = resp.data const arr = resp.data
const listJson = JSON.stringify(arr) const listJson = JSON.stringify(arr)
uni.navigateTo({ uni.navigateTo({
url: "/pages/questionBank/practiceExams?title=" + title + "&subject=" + this.subject + "&questionIdList=" + listJson url: "/pages/index/testTip?subject=" + this.subject + "&questionIdList=" + listJson
}) })
} else if (resp.code === '4001') { } else if (resp.code === '4001') {
uni.showToast({ uni.showToast({
@@ -308,6 +319,7 @@
...param ...param
}).then(async (resp) => { }).then(async (resp) => {
if (resp.code === '0000') { if (resp.code === '0000') {
let arr = []
if (this.token) { if (this.token) {
await this.searchUserVip() await this.searchUserVip()
const result = this.vipOnList.some(item => item.subjects.includes(this.subject)) const result = this.vipOnList.some(item => item.subjects.includes(this.subject))
@@ -317,13 +329,13 @@
}) })
} else { } else {
if (resp.data && resp.data.length > 3) { if (resp.data && resp.data.length > 3) {
const arr = resp.data.slice(0, 3) arr = resp.data.slice(0, 3)
} else { } else {
const arr = resp.data arr = resp.data
} }
const listJson = JSON.stringify(arr) const listJson = JSON.stringify(arr)
uni.navigateTo({ uni.navigateTo({
url: "/pages/questionBank/practiceExams?title=" + title + "&subject=" + this.subject + "&questionIdList=" + listJson+"&needVip="+result url: "/pages/index/videoVip?subject=" + this.subject
}) })
} }
} else { } else {

53
src/pages/index/components/Subject2.vue
View File

@@ -94,7 +94,7 @@
} }
}, },
async mounted() { async mounted() {
await this.getDiverType() // await this.getDiverType()
}, },
computed: { computed: {
...mapState(useUserStore, ["vipOnList", "token"]) ...mapState(useUserStore, ["vipOnList", "token"])
@@ -134,9 +134,9 @@
"subject": String(this.subject), "subject": String(this.subject),
"type": "2" "type": "2"
}).then(resp => { }).then(resp => {
if (resp.code === '0000') { if (resp.code === '0000' && resp.data &&resp.data.length) {
this.baseList = resp.data this.baseList = resp.data
this.videoList = resp.data[0] ? resp.data[0].videoList.slice(0, 5) : [] this.videoList = resp.data[0] && resp.data[0].videoList? resp.data[0].videoList.slice(0, 5) : []
} }
}) })
}, },
@@ -148,20 +148,35 @@
const formatSecond = second > 59 ? 59 : second const formatSecond = second > 59 ? 59 : second
return `${hours > 0 ? `${hours}:` : ''}${minute < 10 ? '0' + minute : minute}:${formatSecond < 10 ? '0' + formatSecond : formatSecond}` return `${hours > 0 ? `${hours}:` : ''}${minute < 10 ? '0' + minute : minute}:${formatSecond < 10 ? '0' + formatSecond : formatSecond}`
}, },
toVideo() { async toVideo() {
let arr = JSON.parse(JSON.stringify(this.operateList)) if (this.token) {
arr = arr.map(item => { await this.searchUserVip()
return { const res = this.vipOnList.some(item => item.subjects.includes(this.subject))
...item, if (!res) {
videoUrl: item.videoList[0]?.videoUrl, uni.navigateTo({
videoTime: this.formateTime(item.videoList[0]?.videoTime) url:"/pages/index/videoVip?subject="+this.subject
})
}else{
let arr = JSON.parse(JSON.stringify(this.operateList))
arr = arr.map(item => {
return {
...item,
videoUrl: item.videoList[0]?.videoUrl,
videoTime: this.formateTime(item.videoList[0]?.videoTime)
}
})
let jsonString = JSON.stringify(arr)
console.log('arr',jsonString);
uni.navigateTo({
url: "/pages/questionBank/videoDetail?videoList=" + jsonString + "&subject=" + this.subject +
"&projectId=" + this.projectId + "&type=1&driveType=2"
})
} }
}) } else {
let jsonString = JSON.stringify(arr) uni.redirectTo({
uni.navigateTo({ url: '/pages/login/login'
url: "/pages/questionBank/videoDetail?videoList=" + jsonString + "&subject=" + this.subject + });
"&projectId=" + this.projectId + "&type=1" }
})
}, },
toOperateDetail(val) { toOperateDetail(val) {
let arr = JSON.parse(JSON.stringify(this.baseList[0].videoList)) let arr = JSON.parse(JSON.stringify(this.baseList[0].videoList))
@@ -186,8 +201,10 @@
"subject": String(this.subject), "subject": String(this.subject),
"type": "1" "type": "1"
}).then(resp => { }).then(resp => {
this.operateList = resp.data if(resp.code==='0000'){
this.projectId = this.operateList[0]?.projectId this.operateList = resp.data
this.projectId = this.operateList[0]?.projectId
}
}) })
}, },
getDiverType() { getDiverType() {

35
src/pages/index/index.vue
View File

@@ -11,7 +11,7 @@
<u-sticky bgColor="#fff"> <u-sticky bgColor="#fff">
<u-tabs :list="categoryList" :current="curTab" :scrollable="false" @change="changeCategory"></u-tabs> <u-tabs :list="categoryList" :current="curTab" :scrollable="false" @change="changeCategory"></u-tabs>
</u-sticky> </u-sticky>
<view style="height: 100vh;background-color: rgb(245, 245, 245);"> <view style="background-color: rgb(245, 245, 245);">
<template v-if="subject=='1' || subject=='4'"> <template v-if="subject=='1' || subject=='4'">
<Subject1 :subject="subject" :rightList="rightList" :wrongList="wrongList" /> <Subject1 :subject="subject" :rightList="rightList" :wrongList="wrongList" />
</template> </template>
@@ -41,6 +41,7 @@
}, },
data() { data() {
return { return {
show:false,
subject: storage.get('curSubject') || '1', subject: storage.get('curSubject') || '1',
curTab: 0, curTab: 0,
searchValue: '', searchValue: '',
@@ -50,27 +51,39 @@
wrongList: storage.get(`wrongList_subject${this.subject}`) || [], wrongList: storage.get(`wrongList_subject${this.subject}`) || [],
}; };
}, },
onLoad() {
this.curTab=Number(this.curSubject)-1
this.getSubjectConfig()
},
onShow() { onShow() {
this.show=true
this.getSubjectConfig()
if (this.subject == '1' || this.subject == '4') { if (this.subject == '1' || this.subject == '4') {
this.rightList = storage.get(`rightList_subject${this.subject}`) || [] this.rightList = storage.get(`rightList_subject${this.subject}`) || []
this.wrongList = storage.get(`wrongList_subject${this.subject}`) || [] this.wrongList = storage.get(`wrongList_subject${this.subject}`) || []
} }
if(this.subject=='2'||this.subject=='3'){
this.$refs.subjectRef.getDiverType()
}
},
onHide(){
this.show=false
}, },
computed: { computed: {
...mapState(useQuestionStore, ["loading_subject4", "loading_subject1","curSubject"]), //映射函数，取出tagslist ...mapState(useQuestionStore, ["loading_subject4", "loading_subject1","curSubject"]), //映射函数，取出tagslist
getLoading() { getLoading() {
if(this.loading_subject4 && this.loading_subject1){
uni.hideTabBar();
}else{
uni.showTabBar()
}
return this.loading_subject4 && this.loading_subject1 return this.loading_subject4 && this.loading_subject1
} }
}, },
watch:{
getLoading(newVal){
if(this.show){
if(newVal){
if(this.loading_subject4 && this.loading_subject1){
uni.hideTabBar();
}
}else{
uni.showTabBar()
}
}
}
},
methods: { methods: {
...mapActions(useQuestionStore, ['getOrderQuestion_sub4', 'getOrderQuestion_sub1', 'changeSubject']), ...mapActions(useQuestionStore, ['getOrderQuestion_sub4', 'getOrderQuestion_sub1', 'changeSubject']),
//获取科目配置 //获取科目配置
@@ -84,6 +97,8 @@
name: item.configItemName name: item.configItemName
} }
}) })
this.subject=storage.get('curSubject') || '1',
this.curTab=this.categoryList.findIndex(item=>item.configItemCode==this.subject)
} }
}) })
}, },

83
src/pages/index/testTip.vue Normal file
View File

@@ -0,0 +1,83 @@
<template>
<view class="bc-fff hp100">
<view class="wp100 p14 flex ai-c jc-c">
<view class="text-center">
<view style="width: 64px;height: 64px;border-radius: 50%;overflow: hidden;margin-bottom: 10px;">
<u-avatar class="br-p50 overflow-h" :size="64" mp-avatar shape="circle"></u-avatar>
</view>
<text class="fs18">{{user.userName}}{{ user.userId }}</text>
</view>
</view>
<view class="p14">
<view class="wp100 p14lr p20tb mb14" style="background-color: rgb(248, 248, 248);border-radius: 20rpx;">
<view class="flex ai-c jc-sb pb10">
<text style="color: rgb(175, 175, 175);">考试类型</text>
<text>{{carName}}</text>
</view>
<view class="flex ai-c jc-sb pb10">
<text style="color: rgb(175, 175, 175);">考试标准</text>
<text>{{subject=='1'?100:50}}题/45分钟</text>
</view>
<view class="flex ai-c jc-sb pb10">
<text style="color: rgb(175, 175, 175);">合格标准</text>
<text>90分及格(满分100分)</text>
</view>
<view class="flex ai-c jc-sb">
<text style="color: rgb(175, 175, 175);">出题规则</text>
<text>根据公安部出题规则组卷</text>
</view>
</view>
<text>模拟考试不能修改答案，每错1题扣{{subject=='1'?1:2}}分，错题累计超过{{subject=='1'?10:5}}道，考试不通过</text>
</view>
<view class="p14lr wp100" style="margin-top: 30px;">
<u-button :customStyle="{width: '100%',borderRadius:'40rpx',backgroundColor:'#05C341',color:'#fff'}" text="开始考试"
@click="submit" />
</view>
<view>
</view>
</view>
</template>
<script>
import {
mapState,
mapActions
} from 'pinia' //引入映射函数
import useUserStore from '@/jtools/store/user'
import storage from '@/jtools/storage';
import useQuestionStore from '@/jtools/store/question' //引入store
export default {
data() {
return {
carName:storage.get('carName') ||'小车C1/C2/C3',
questionList: '',
subject:'1',
}
},
onLoad(op) {
if (op.questionIdList) {
this.questionList = op.questionIdList
}
if(op.subject){
this.subject = op.subject
}
},
computed: {
...mapState(useQuestionStore, ["currentCarName"]), //映射函数，取出tagslist
user() {
return useUserStore().userInfo
},
},
methods: {
submit(){
uni.navigateTo({
url: "/pages/questionBank/practiceExams?title=模拟考试&subject=" + this.subject + "&questionIdList=" + this.questionList
})
}
}
}
</script>
<style scoped>
</style>

114
src/pages/index/videoVip.vue
View File

@@ -1,35 +1,69 @@
<template> <template>
<view class="relative" style="height: 100vh;"> <view class="relative" style="height: 100vh;">
<image style="width: 100%;height: 600rpx;" src="https://oss-bq.ahduima.com/%E5%B0%8F%E7%A8%8B%E5%BA%8F/%E5%9B%BE%E7%89%87/vip%E9%A1%B5%E8%83%8C%E6%99%AF%E5%9B%BE_20230830214136.png"></image> <view style="height: 100%;overflow: scroll;background-color: #fff;">
<view class="p14"> <image style="width: 100%;height: 600rpx;" src="https://oss-bq.ahduima.com/%E5%B0%8F%E7%A8%8B%E5%BA%8F/%E5%9B%BE%E7%89%87/vip%E9%A2%98%E5%BA%93_20230911211532.png"></image>
<view class="flex jc-sb ai-c wp100"> <view style="margin-bottom: 100px;">
<view class="option_tem relative" :class="checkedId===item.memberId?'checked_item':''" v-for="(item,index) of priceList" :key="index" @click="checkPrice(item.memberId,item.price)"> <view class="flex jc-fa ai-c wp100 p14">
<text class="fw600 fs12 cor-333">{{item.memberName}}</text> <view style="width: 33.3%;" v-for="(item,index) of priceList" :key="index">
<view class="mt5"> <view class="option_tem relative" :class="checkedId===item.memberId?'checked_item':''" @click="checkPrice(item.memberId,item.price)">
<text class="fs14" style="color: #FF6E02;">¥</text> <text class="fw600 fs12 cor-333">{{item.memberName}}</text>
<text class="fs30 fw600" style="color: #FF6E02;">{{item.price}}</text> <view class="mt5">
</view> <text class="fs14" style="color: #FF6E02;">¥</text>
<text class="fs12 cor-999">长期有效</text> <text class="fs30 fw600" style="color: #FF6E02;">{{item.price}}</text>
<view class="bottom_box fs12 cor-333" :class="checkedId===item.memberId?'checked_bottom':''">赠送vip题库</view> </view>
<view class="tag" v-if="item.all"> <text class="fs12 cor-999">一年有效</text>
<text style="transform:scale(0.83);">合买更优惠</text> <!-- <view class="bottom_box fs12 cor-333" :class="checkedId===item.memberId?'checked_bottom':''">赠送vip题库</view> -->
<view class="tag" v-if="item.all">
<text style="transform:scale(0.83);">合买更优惠</text>
</view>
</view> </view>
</view>
</view>
<view class="mt15 intr_box">
<view class="fw600 fs16 cor-000">免费获赠<text style="color: #FF6E02;">价值68元</text>的VIP题库</view>
<view class="flex ai-c jc-sb mt15">
<view class="flex ai-c">
<image style="width: 63rpx;height: 63rpx;margin-right: 5px;" src="../../static/image/index/vip500.png"></image>
<view class="vip_item">含精简500题</view>
</view>
<view class="flex ai-c">
<image style="width: 63rpx;height: 63rpx;margin-right: 5px;" src="../../static/image/index/vipmijuan.png"></image>
<view class="vip_item">含考前密卷2套</view>
</view> </view>
</view> </view>
<view class="intr_box p14">
<view class="fw600 fs16 cor-000">尊享以下权益</view>
<view class="flex ai-c jc-sb mt15" v-if="subject=='1'||subject=='4'">
<view class="text-center" style="width: 33%">
<view class="wp100 flex ai-c jc-c mb5">
<image style="width: 63rpx;height: 63rpx;margin-right: 5px;" src="../../static/image/index/vip500.png"></image>
</view>
<text>精简{{titleNum}}题</text>
</view>
<view class="text-center" style="width: 33%;">
<view class="wp100 flex ai-c jc-c mb5">
<image style="width: 63rpx;height: 63rpx;margin-right: 5px;" src="../../static/image/index/vip_trueRoom.png"></image>
</view>
<text>真实考场模拟</text>
</view>
<view class="text-center" style="width: 33%;">
<view class="wp100 flex ai-c jc-c mb5">
<image style="width: 63rpx;height: 63rpx;margin-right: 5px;" src="../../static/image/index/vipmijuan.png"></image>
</view>
<text>考前密卷</text>
</view>
</view>
<view v-else>
<view class="flex ai-c jc-c mt15">
<view class="flex ai-c">
<image style="width: 63rpx;height: 63rpx;margin-right: 5px;" src="../../static/image/index/vip_ksxj.png"></image>
<view class="vip_item">考试项目详解</view>
</view>
</view>
<view class="flex ai-c mt20">
<view class="contain-box relative">
<image class="contain-box" src="https://oss-bq.ahduima.com/%E5%B0%8F%E7%A8%8B%E5%BA%8F/%E5%9B%BE%E7%89%87/%E5%B0%8F%E8%BD%A6_20230911211545.png"></image>
</view>
<view class="ml15" style="text-align: left;">
<view class="cor-333 fw600">考试项目详解</view>
<view class="fs15 mt10" style="color: #9F826C ;">考试实操技巧讲解事半功倍</view>
</view>
</view>
</view>
</view>
<view class="wp100 mt15" v-if="subject=='1'||subject=='4'">
<image class="wp100" mode="widthFix" src="https://oss-bq.ahduima.com/%E5%B0%8F%E7%A8%8B%E5%BA%8F/%E5%9B%BE%E7%89%87/vip%E6%8F%8F%E8%BF%B0_20230911211600.png"></image>
</view>
</view>
</view> </view>
</view>
<view class="wp100 p14" style="position: absolute;left: 0;bottom:20px" @tap="handlePay()"> <view class="wp100 p14" style="position: absolute;left: 0;bottom:20px" @tap="handlePay()">
<view class="sub_btn flex ai-c jc-sb"> <view class="sub_btn flex ai-c jc-sb">
<text class="cor-fff fs14">¥<text class="fs24 cor-fff">{{nowPrice}}</text></text> <text class="cor-fff fs14">¥<text class="fs24 cor-fff">{{nowPrice}}</text></text>
@@ -45,12 +79,14 @@
mapActions mapActions
} from 'pinia' //引入映射函数 } from 'pinia' //引入映射函数
import { getVipList } from '@/jtools/api/vip' import { getVipList } from '@/jtools/api/vip'
import { querySysConfig } from '@/jtools/api/question';
import storage from '@/jtools/storage'; import storage from '@/jtools/storage';
import Pay from '@/jtools/pay/index.js'; import Pay from '@/jtools/pay/index.js';
import useUserStore from '@/jtools/store/user' import useUserStore from '@/jtools/store/user'
export default { export default {
data(){ data(){
return{ return{
titleNum:500,
subject:'1', subject:'1',
loading:true, loading:true,
nowPrice:168, nowPrice:168,
@@ -69,12 +105,22 @@
this.loading=true this.loading=true
this.getVipList() this.getVipList()
this.getWXOpenId() this.getWXOpenId()
this.getTitle()
this.$set(this.order, 'userId', this.userInfo.userId); this.$set(this.order, 'userId', this.userInfo.userId);
}, },
computed: { computed: {
...mapState(useUserStore, ["userInfo"]) ...mapState(useUserStore, ["userInfo"])
}, },
methods:{ methods:{
getTitle(){
const carId=storage.get('carType') || '1001'
querySysConfig(carId,'SimplifyQuestionNum').then(resp=>{
if(resp.code==='0000'){
const list = JSON.parse(resp.data.configJson)
this.titleNum=list.find(item=>item.subject==this.subject).num
}
})
},
async handlePay(){ async handlePay(){
if(this.loading){ if(this.loading){
this.loading=false this.loading=false
@@ -93,7 +139,7 @@
}, },
getVipList(){ getVipList(){
getVipList({ getVipList({
currentCartype: storage.get('carType') || '1001', carTypeId: storage.get('carType') || '1001',
subject:this.subject subject:this.subject
}).then(resp=>{ }).then(resp=>{
this.priceList=resp.data this.priceList=resp.data
@@ -188,4 +234,18 @@
border-radius: 55rpx; border-radius: 55rpx;
padding: 14rpx; padding: 14rpx;
} }
.contain-box {
width: 344rpx;
height: 196rpx;
background: #00B74F;
border-radius: 16rpx;
}
.play_btn_2 {
width: 65rpx;
height: 65rpx;
position: absolute;
left: 165.5rpx;
top: 78rpx
}
</style> </style>

99
src/pages/me/changeCarType.vue Normal file
View File

@@ -0,0 +1,99 @@
<template>
<view>
<view class="p14">
<view class="wp100 p14lr p20tb bc-fff br8 mb10 relative" style="box-sizing: border-box;" :class="checkedCar==item.carTypeId?'checked':''" v-for="(item,index) of carTypeList" :key="index" @click="changeType(item)">{{item.carName}}{{item.remark}}
<view class="p5 cor-fff fs12 br4" style="background-color:#05C341;position: absolute;right: -1rpx;top:-1rpx" v-if="checkedCar==item.carTypeId">已选</view>
</view>
<view class="wp100" style="margin-top: 40px;">
<u-button :customStyle="{width: '100%',borderRadius:'40rpx',backgroundColor:'#05C341',color:'#fff'}" text="确定"
@click="submit" />
</view>
<u-modal :show="show" title="提示" content="切换题库后上一个题库练习记录将会全部清空，确定要切换吗" showCancelButton @confirm="confirmSubmit" @cancel="cancel"></u-modal>
</view>
</view>
</template>
<script>
import {
mapState,
mapActions
} from 'pinia' //引入映射函数
import {
getCarTypeList,
} from '@/jtools/api/index';
import storage from '@/jtools/storage';
import useQuestionStore from '@/jtools/store/question' //引入store
export default{
data() {
return{
show:false,
carTypeList:[],
checkedCar: storage.get('carType') ||'1001',
checkedCarName:storage.get('carName') || '小车C1/C2/C3'
}
},
mounted() {
this.getCarTypeList()
},
computed:{
...mapState(useQuestionStore, ["loading_subject4", "loading_subject1","curSubject"]), //映射函数，取出tagslist
getLoading() {
return this.loading_subject4 && this.loading_subject1
}
},
watch:{
getLoading(newVal){
console.log(newVal);
if(newVal){
uni.hideLoading()
uni.showToast({
title:'切换成功！'
})
this.cancel()
}
}
},
methods:{
getCarTypeList(){
getCarTypeList().then(resp=>{
if(resp.code==='0000'){
this.carTypeList=resp.data
}
})
},
changeType(item){
this.checkedCar=item.carTypeId
this.checkedCarName=item.carName+item.remark
},
submit(){
const id=storage.get('carType') ||'1001'
if(this.checkedCar==id){
uni.showToast({
title:'当前已是该车型题库！',
icon:'error'
})
}else{
this.show=true
}
},
cancel(){
this.show=false
},
confirmSubmit(){
storage.set('carType',this.checkedCar)
storage.set('carName',this.checkedCarName)
uni.showLoading({
title: '加载中'
});
useQuestionStore().resetStorage()
useQuestionStore().getAllQuestion()
}
}
}
</script>
<style scoped>
.checked{
border: 6rpx solid #05C341;
}
</style>

18
src/pages/me/index.vue
View File

@@ -81,7 +81,7 @@
<img src="/static/image/mine/wdtj.png" style="width: 24px;height: 24px;"> <img src="/static/image/mine/wdtj.png" style="width: 24px;height: 24px;">
</template> </template>
</u-cell> </u-cell>
<u-cell size="large" title="我的题库" value="小车"> <u-cell size="large" title="我的题库" :value="carName" isLink @tap="toChangeCarType">
<template #icon> <template #icon>
<img src="/static/image/mine/wdtk.png" style="width: 24px;height: 24px;"> <img src="/static/image/mine/wdtk.png" style="width: 24px;height: 24px;">
</template> </template>
@@ -96,6 +96,7 @@
</template> </template>
<script> <script>
import useUserStore from '@/jtools/store/user' import useUserStore from '@/jtools/store/user'
import storage from '@/jtools/storage';
export default { export default {
components: {}, components: {},
computed: { computed: {
@@ -134,13 +135,20 @@ export default {
} }
} }
}, },
data() { data(){
return { return{
}; carName:storage.get('carName') || '小车C1/C2/C3'
}, }
},
onShow() { onShow() {
this.carName=storage.get('carName') || '小车C1/C2/C3'
}, },
methods: { methods: {
toChangeCarType(){
uni.navigateTo({
url:"/pages/me/changeCarType"
})
},
handleVip() { handleVip() {
if (this.isLogin) { if (this.isLogin) {
// if (this.vipOn.length) { // if (this.vipOn.length) {

36
src/pages/me/info.vue
View File

@@ -1,28 +1,50 @@
<template> <template>
<view class="p15 bc-f5"> <view class="p15 bc-f5">
<view class="br8 bc-fff p15lr"> <view class="br8 bc-fff p15lr">
<view class="flex ai-c bb1" style="height: 110rpx;"> <view class="flex jc-sb ai-c bb1" style="height: 110rpx;">
<view class="title">联系电话</view> <view class="title">联系电话</view>
<view class="m30lr fs14 cor-333 fl1">15122305568</view> <view class="flex">
<u-icon name="arrow-right" color="#999" /> <view class="m30lr fs14 cor-333">15122305568</view>
<u-icon name="arrow-right" color="#999" />
</view>
</view> </view>
<view class="flex ai-c" style="height: 110rpx;"> <view class="flex jc-sb ai-c bb1" style="height: 110rpx;">
<view class="title">地址</view> <view class="title">地址</view>
<view class="m30lr fs14 cor-333 fl1">安徽省合肥市包河区</view> <view class="flex">
<u-icon name="arrow-right" color="#999" /> <view class="m30lr fs14 cor-333">安徽省合肥市包河区</view>
<u-icon name="arrow-right" color="#999" />
</view>
</view> </view>
<view class="flex jc-sb ai-c bb1" style="height: 110rpx;">
<view class="title">身份证号</view>
<view class="m30lr fs14 cor-333">{{sfzNum}}</view>
</view>
<view class="flex ai-c" style="height: 110rpx;" @tap="toUploadPic">
<view class="title">证件照</view>
<view class="m30lr fs14 cor-333 fl1"></view>
<u-icon name="arrow-right" color="#999" />
</view>
</view> </view>
</view> </view>
</template> </template>
<script> <script>
import storage from '@/jtools/storage';
export default { export default {
data() { data() {
return { return {
sfzNum:storage.get('sfzNum') || ''
} }
}, },
onShow(){
this.sfzNum=storage.get('sfzNum') || ''
},
methods: { methods: {
toUploadPic(){
uni.navigateTo({
url: '/pages/me/uploadPic'
})
}
} }
} }
</script> </script>

118
src/pages/me/tijian.vue
View File

@@ -24,11 +24,11 @@
<view class="mt20"> <view class="mt20">
<view class="title fontColor">第二步 核实后再提交</view> <view class="title fontColor">第二步 核实后再提交</view>
<u--form labelPosition="left" labelWidth="80" :model="form" :rules="rules" ref="form1"> <u--form labelPosition="left" labelWidth="80" :model="form" :rules="rules" ref="form1">
<u-form-item label="姓名" :required="true" prop="name" borderBottom ref="item1"> <u-form-item label="姓名" :required="true" prop="idCardName" borderBottom ref="item1">
<u--input v-model="form.name" border="none"></u--input> <u--input v-model="form.idCardName" border="none"></u--input>
</u-form-item> </u-form-item>
<u-form-item label="身份证号" :required="true" prop="idNum" borderBottom ref="item2"> <u-form-item label="身份证号" :required="true" prop="sfzmhm" borderBottom ref="item2">
<u--input v-model="form.idNum" border="none"></u--input> <u--input v-model="form.sfzmhm" border="none"></u--input>
</u-form-item> </u-form-item>
</u--form> </u--form>
</view> </view>
@@ -42,6 +42,9 @@
<script> <script>
import storage from '@/jtools/storage'; import storage from '@/jtools/storage';
import {
addInfo,
} from '@/jtools/api/index';
export default { export default {
data() { data() {
const shenfenzhen = (rule, value, callback) => { const shenfenzhen = (rule, value, callback) => {
@@ -50,20 +53,21 @@
} }
return { return {
form: { form: {
name: '', idCardName: '',
idNum: '' sfzmhm: ''
}, },
driverLicenseImg:'',
fileList:[], fileList:[],
fileList1: [], fileList1: [],
uploadList: [], uploadList: [],
saving: false, saving: false,
rules: { rules: {
name: [{ idCardName: [{
required: true, required: true,
message: '请输入姓名', message: '请输入姓名',
trigger: ['blur', 'change'] trigger: ['blur', 'change']
}], }],
idNum: [{ sfzmhm: [{
required: true, required: true,
message: '请输入身份证号', message: '请输入身份证号',
trigger: ['blur', 'change'] trigger: ['blur', 'change']
@@ -78,13 +82,6 @@
}; };
}, },
onReady() { onReady() {
if(storage.get('photoForm')){
this.fileList=storage.get('photoForm').file
this.form={
name: storage.get('photoForm').name,
idNum: storage.get('photoForm').idNum
}
}
this.$refs.form1.setRules(this.rules); this.$refs.form1.setRules(this.rules);
}, },
methods: { methods: {
@@ -95,7 +92,17 @@
}, },
// 新增图片 // 新增图片
async afterRead(event) { async afterRead(event) {
// this.compressImage(event.file); let imageInfoObj = await uni.getImageInfo({src: event.file[0].url})
console.log(imageInfoObj);
if(imageInfoObj.width!=720&&imageInfoObj.height!=720){
uni.showToast({
icon:'error',
title:'证件照尺寸有误'
})
this.fileList=[]
return false
}
this.driverLicenseImg = this.urlTobase64(event.file[0].url)
// 当设置 multiple 为 true 时, file 为数组格式，否则为对象格式 // 当设置 multiple 为 true 时, file 为数组格式，否则为对象格式
const lists = [].concat(event.file); const lists = [].concat(event.file);
this.fileList=lists this.fileList=lists
@@ -129,62 +136,47 @@
this.$refs.form1.validate().then((valid) => { this.$refs.form1.validate().then((valid) => {
if (valid) { if (valid) {
const param={ const param={
file:this.fileList, driverLicenseImg:this.driverLicenseImg,
...this.form ...this.form,
schoolOrgCode:'340103000700',
operater:'1d08daf852cf4ee28f67cb583f538cbf'
} }
storage.set('photoForm',param) addInfo(param).then(resp=>{
uni.showToast({ uni.showToast({
title:"提交成功！", title:"提交成功！",
duration:2000, duration:2000,
})
setTimeout(()=>{
uni.navigateBack()
},1000)
}) })
setTimeout(()=>{
uni.navigateBack()
},1000)
} else { } else {
console.log('验证失败'); console.log('验证失败');
} }
}); });
}, },
async compressImage(image) { urlTobase64(url){
const img = new Image(); let base64=''
img.src = image.url; console.log(url);
return new Promise((resolve, reject) => {
img.onload = async () => { uni.getFileSystemManager().readFile({
const canvas = document.createElement('canvas'); // 创建Canvas对象(画布) filePath: url, //选择图片返回的相对路径
const context = canvas.getContext('2d'); encoding: 'base64', //编码格式
// 默认按比例压缩 success: res => { //成功的回调
const cw = img.width; console.log(res);
const ch = img.height; base64 = 'data:image/jpeg;base64,' + res.data //不加上这串字符，在页面无法显示的哦
let w = img.width; resolve(base64);
let h = img.height; },fail: (e) => {
canvas.width = w; console.log("图片转换失败");
canvas.height = h; reject(e)
if (cw > 400 && cw > ch) { }
w = 400; })
h = (400 * ch) / cw; });
canvas.width = w;
canvas.height = h;
}
if (ch > 400 && ch > cw) {
h = 400;
w = (400 * cw) / ch;
canvas.width = w;
canvas.height = h;
}
// 生成canvas
let base64;
// 创建属性节点
context.clearRect(0, 0, 0, w, h);
context.drawImage(img, 0, 0, w, h);
if (image.size > 2000000) {
// 如果图片超过2m,则进行压缩
base64 = canvas.toDataURL(image['type'], 0.5);
}
const result = await this.uploadFilePromise(base64 || image.url);
this.uploadList.push(result);
};
} }
} }
}; };
</script> </script>

213
src/pages/me/uploadPic.vue
View File

@@ -5,36 +5,36 @@
<view class="mt15"> <view class="mt15">
<!-- <u-upload width="165" height="165" :file-list=" fileList1" multiple :max-count="1" @afterRead="afterRead" @delete="deletePic" /> --> <!-- <u-upload width="165" height="165" :file-list=" fileList1" multiple :max-count="1" @afterRead="afterRead" @delete="deletePic" /> -->
<!-- <u-upload ref="uUpload" class="mt25" :size-type="['compressed']" :file-list="fileList1" deletable :multiple="false" :max-count="1" width="165rpx" height="165rpx" @afterRead="afterRead" @delete="deletePic" /> --> <!-- <u-upload ref="uUpload" class="mt25" :size-type="['compressed']" :file-list="fileList1" deletable :multiple="false" :max-count="1" width="165rpx" height="165rpx" @afterRead="afterRead" @delete="deletePic" /> -->
<view style="width: 320rpx;height:300rpx;background-color: rgb(247, 255, 255);border-radius: 20rpx;"> <view style="width: 320rpx;height:300rpx;background-color: rgb(247, 255, 255);border-radius: 20rpx;">
<view style="width: 320rpx;height:240rpx;" class="flex jc-c ai-c"> <view style="width: 320rpx;height:240rpx;" class="flex jc-c ai-c">
<image v-if="fileList1&&fileList1.length" style="width: 240rpx;height: 240rpx;" :src="fileList1[0].url"> <image v-if="fileList&&fileList.length" style="width: 240rpx;height: 240rpx;" :src="fileList[0].url">
</image> </image>
<u-avatar v-else class="br-p50 overflow-h" :size="64" mp-avatar shape="circle"></u-avatar> <u-avatar v-else class="br-p50 overflow-h" :size="64" mp-avatar shape="circle"></u-avatar>
</view> </view>
<u-upload :fileList="fileList1" @afterRead="afterRead" @delete="deletePic" multiple :maxCount="1" width="150" <u-upload :fileList="fileList1" :maxSize="500 * 1024" @oversize="oversize" @afterRead="afterRead"
height="150"> @delete="deletePic" multiple :maxCount="1" width="150" height="150">
<view <view
style="width: 320rpx;height:60rpx;line-height:60rpx;background-color: #3C9CFF;border-radius: 0 0 20rpx 20rpx;" style="width: 320rpx;height:60rpx;line-height:60rpx;background-color: #05C341;border-radius: 0 0 20rpx 20rpx;"
class="text-center cor-fff"> class="text-center cor-fff">
点击 点击
</view> </view>
</u-upload> </u-upload>
</view> </view>
</view> </view>
<view class="mt20"> <view class="mt20">
<view class="title fontColor">第二步 核实后再提交</view> <view class="title fontColor">第二步 核实后再提交</view>
<u--form labelPosition="left" labelWidth="80" :model="form" :rules="rules" ref="form1"> <u--form labelPosition="left" labelWidth="80" :model="form" :rules="rules" ref="form1">
<u-form-item label="姓名" :required="true" prop="name" borderBottom ref="item1"> <u-form-item label="姓名" :required="true" prop="idCardName" borderBottom ref="item1">
<u--input v-model="form.name" border="none"></u--input> <u--input v-model="form.idCardName" border="none"></u--input>
</u-form-item> </u-form-item>
<u-form-item label="身份证号" :required="true" prop="idNum" borderBottom ref="item2"> <u-form-item label="身份证号" :required="true" prop="sfzmhm" borderBottom ref="item2">
<u--input v-model="form.idNum" border="none"></u--input> <u--input v-model="form.sfzmhm" border="none"></u--input>
</u-form-item> </u-form-item>
</u--form> </u--form>
</view> </view>
<view style="margin-top: 20px;"> <view style="margin-top: 20px;">
<u-button type="primary" :style="{width: '100%',borderRadius:'40rpx'}" :disabled="saving" text="提交" <u-button type="primary" :style="{width: '100%',borderRadius:'40rpx',backgroundColor:'#05C341'}"
@click="submit" /> :disabled="saving" text="提交" @click="submit" />
</view> </view>
</view> </view>
</view> </view>
@@ -42,6 +42,9 @@
<script> <script>
import storage from '@/jtools/storage'; import storage from '@/jtools/storage';
import {
addInfo,
} from '@/jtools/api/index';
export default { export default {
data() { data() {
const shenfenzhen = (rule, value, callback) => { const shenfenzhen = (rule, value, callback) => {
@@ -50,23 +53,25 @@
} }
return { return {
form: { form: {
name: '', idCardName: '',
idNum: '' sfzmhm: storage.get('sfzNum') || ''
}, },
driverLicenseImg: '',
fileList: [],
fileList1: [], fileList1: [],
uploadList: [], uploadList: [],
saving: false, saving: false,
rules: { rules: {
name: [{ idCardName: [{
required: true, required: true,
message: '请输入姓名', message: '请输入姓名',
trigger: ['blur', 'change'] trigger: ['blur', 'change']
}], }],
idNum: [{ sfzmhm: [{
required: true, required: true,
message: '请输入身份证号', message: '请输入身份证号',
trigger: ['blur', 'change'] trigger: ['blur', 'change']
},{ }, {
// 自定义验证函数，见上说明 // 自定义验证函数，见上说明
validator: shenfenzhen, validator: shenfenzhen,
message: '身份证号码不正确', message: '身份证号码不正确',
@@ -77,17 +82,17 @@
}; };
}, },
onReady() { onReady() {
console.log(storage.get('photoForm'));
if(storage.get('photoForm')){
this.fileList1=storage.get('photoForm').file
this.form={
name: storage.get('photoForm').name,
idNum: storage.get('photoForm').idNum
}
}
this.$refs.form1.setRules(this.rules); this.$refs.form1.setRules(this.rules);
}, },
methods: { methods: {
// 文件超出大小限制
oversize() {
uni.showToast({
title: "图片最大不能超过500k",
icon: 'none'
})
},
// 删除图片 // 删除图片
deletePic(event) { deletePic(event) {
this.fileList1.splice(event.index, 1); this.fileList1.splice(event.index, 1);
@@ -95,95 +100,94 @@
}, },
// 新增图片 // 新增图片
async afterRead(event) { async afterRead(event) {
// this.compressImage(event.file); let imageInfoObj = await uni.getImageInfo({
src: event.file[0].url
})
console.log(imageInfoObj);
if (imageInfoObj.width != 260 && imageInfoObj.height != 378) {
uni.showToast({
icon: 'error',
title: '证件照尺寸有误'
})
this.fileList = []
return false
}
this.driverLicenseImg = await this.urlTobase64(event.file[0].url)
// 当设置 multiple 为 true 时, file 为数组格式，否则为对象格式 // 当设置 multiple 为 true 时, file 为数组格式，否则为对象格式
const lists = [].concat(event.file); const lists = [].concat(event.file);
this.fileList1 = lists; this.fileList = lists
this.fileList1 = [];
uni.showToast({ uni.showToast({
title:'上传成功！' title: '上传成功！'
}) })
}, },
uploadFilePromise(url) {
this.saving = true;
return new Promise((resolve, reject) => {
uni.uploadFile({
url: process.env.VUE_APP_BASE_API + 'mongodb/uploadFile', // 仅为示例，非真实的接口地址
filePath: url,
name: 'file',
success: (res) => {
// setTimeout(() => {
resolve(JSON.parse(res.data).data);
// }, 100);
this.saving = false;
},
fail: () => {
resolve(null);
this.saving = false;
}
});
});
},
// 提交 // 提交
submit() { submit() {
this.$refs.form1.validate().then((valid) => { this.$refs.form1.validate().then((valid) => {
if (valid) { if (valid) {
const param={ const param = {
file:this.fileList1, driverLicenseImg: this.driverLicenseImg,
...this.form ...this.form,
schoolOrgCode: '340103000700',
operater: '1d08daf852cf4ee28f67cb583f538cbf'
} }
storage.set('photoForm',param) storage.set('sfzNum', this.form.sfzmhm)
uni.showToast({ uni.request({
title:"提交成功！", url: 'https://www.hfcgs.cn:20223/driver/addInfo',
duration:2000, method: 'POST',
}) data: param,
setTimeout(()=>{ success: res => {
uni.navigateBack() console.log(res);
},1000) uni.showToast({
title: "提交成功！",
duration: 2000,
})
setTimeout(() => {
uni.navigateBack()
}, 1000)
},
fail: () => {},
});
// addInfo(param).then(resp=>{
// if(resp.code==='0000'){
// uni.showToast({
// title:"提交成功！",
// duration:2000,
// })
// setTimeout(()=>{
// uni.navigateBack()
// },1000)
// }
// })
} else { } else {
console.log('验证失败'); console.log('验证失败');
} }
}); });
}, },
async compressImage(image) { urlTobase64(url) {
const img = new Image(); let base64 = ''
img.src = image.url; console.log(url);
return new Promise((resolve, reject) => {
img.onload = async () => { uni.getFileSystemManager().readFile({
const canvas = document.createElement('canvas'); // 创建Canvas对象(画布) filePath: url, //选择图片返回的相对路径
const context = canvas.getContext('2d'); encoding: 'base64', //编码格式
// 默认按比例压缩 success: res => { //成功的回调
const cw = img.width; console.log(res);
const ch = img.height; base64 = 'data:image/jpeg;base64,' + res.data //不加上这串字符，在页面无法显示的哦
let w = img.width; resolve(base64);
let h = img.height; },
canvas.width = w; fail: (e) => {
canvas.height = h; console.log("图片转换失败");
if (cw > 400 && cw > ch) { reject(e)
w = 400; }
h = (400 * ch) / cw; })
canvas.width = w; });
canvas.height = h;
}
if (ch > 400 && ch > cw) {
h = 400;
w = (400 * cw) / ch;
canvas.width = w;
canvas.height = h;
}
// 生成canvas
let base64;
// 创建属性节点
context.clearRect(0, 0, 0, w, h);
context.drawImage(img, 0, 0, w, h);
if (image.size > 2000000) {
// 如果图片超过2m,则进行压缩
base64 = canvas.toDataURL(image['type'], 0.5);
}
const result = await this.uploadFilePromise(base64 || image.url);
this.uploadList.push(result);
};
} }
} }
}; };
</script> </script>
@@ -214,4 +218,9 @@
::v-deep .u-button--square { ::v-deep .u-button--square {
border-radius: 40rpx !important; border-radius: 40rpx !important;
} }
::v-deep .u-button--primary {
background-color: #05C341 !important;
border-color: #05C341 !important;
}
</style> </style>

682
src/pages/me/vip.vue
View File

@@ -1,345 +1,393 @@
<template> <template>
<view class="flex fld-c p15"> <view>
<u-sticky> <u-loading-page :loading="getLoading" loading-text="题库更新中..."></u-loading-page>
<view class="flex ai-c"> <view class="flex fld-c p15" v-if="!getLoading">
<view v-for="(item, index) in vipAllList" :key="index" class="km-item" :class="{ actived: index == current }" <u-sticky>
@click="current = index"> <view class="flex ai-c">
{{ getKmTitle(item.subjects) }} <view v-for="(item, index) in vipAllList" :key="index" class="km-item" :class="{ actived: index == current }"
</view> @click="current = index">
</view> {{ getKmTitle(item.subjects) }}
</u-sticky> </view>
<view class="mt15"> </view>
<swiper class="swiper" :current="current" style="height: 120px;" :autoplay="false" :display-multiple-items="1.45" </u-sticky>
:disable-programmatic-animation="true" @change="onChange"> <view class="mt15">
<swiper-item v-for="(item, index) in vipAllList" :key="index"> <swiper class="swiper" :current="current" style="height: 120px;" :autoplay="false"
<view class="relative" style="background-image: url(https://oss-bq.ahduima.com/%E5%B0%8F%E7%A8%8B%E5%BA%8F/%E5%9B%BE%E7%89%87/vip%E8%83%8C%E6%99%AF_20230831010348.png);width: 95%;height: 204rpx;background-size: 100% 100%;"> :display-multiple-items="1.45" :disable-programmatic-animation="true" @change="onChange">
<!-- <image src="" mode="widthFix" style="width:95%;"></image> --> <swiper-item v-for="(item, index) in vipAllList" :key="index">
<view class="vip-info"> <view class="relative"
<u-avatar class="br-p50 overflow-h" style="border: 3px solid #873E1D;" :size="35" mp-avatar></u-avatar> style="background-image: url(https://oss-bq.ahduima.com/%E5%B0%8F%E7%A8%8B%E5%BA%8F/%E5%9B%BE%E7%89%87/vip%E8%83%8C%E6%99%AF_20230831010348.png);width: 95%;height: 204rpx;background-size: 100% 100%;">
<view class="ml10"> <!-- <image src="" mode="widthFix" style="width:95%;"></image> -->
<view class="fs16 fwb" style="color: #7E4012;line-height: 16px;"> <view class="vip-info">
{{ item.memberName }} <u-avatar class="br-p50 overflow-h" style="border: 3px solid #873E1D;" :size="35" mp-avatar></u-avatar>
</view> <view class="ml10">
<view class="mt5 fs12" style="color: #7E4012;line-height: 12px;"> <view class="fs16 fwb" style="color: #7E4012;line-height: 16px;">
{{ getExpireText(item) }} {{ item.memberName }}
</view> </view>
</view> <view class="mt5 fs12" style="color: #7E4012;line-height: 12px;">
</view> {{ getExpireText(item) }}
<view v-if="vipHasOpened(item)" class="corner"> </view>
VIP已开通 </view>
</view> </view>
<view v-if="vipHasOpened(item)" @tap="chargeVip(item)" class="renew"> <view v-if="vipHasOpened(item)" class="corner">
{{ item.price }}元立即续费 VIP已开通
</view> </view>
<view v-else class="buy" @tap="chargeVip(item)"> <view v-if="vipHasOpened(item)" @tap="chargeVip(item)" class="renew">
立即充值 {{ item.price }}元立即续费
</view> </view>
</view> <view v-else class="buy" @tap="chargeVip(item)">
</swiper-item> 立即充值
<swiper-item> </view>
</swiper-item> </view>
</swiper> </swiper-item>
</view> <swiper-item>
<view class="mt20"> </swiper-item>
<swiper class="swiper" :current="current" style="height: 300px;" :autoplay="false" </swiper>
:disable-programmatic-animation="true" @change="onChange"> </view>
<swiper-item v-for="(item, index) in vipAllList" :key="index"> <view class="mt20">
<view v-if="index == 0 || index == 3" class="p15 br8 cor-fff bc-fff"> <swiper class="swiper" :current="current" style="height: 300px;" :autoplay="false"
<view class="fs18 cor-000 fwb"> :disable-programmatic-animation="true" @change="onChange">
3步轻松学{{ getKmTitle(item.subjects) }} <swiper-item v-for="(item, index) in vipAllList" :key="index">
</view> <view v-if="index == 0 || index == 3" class="p15 br8 cor-fff bc-fff">
<view class="mt25 flex ai-c jc-sb"> <view class="fs18 cor-000 fwb">
<view class="flex ai-c"> 3步轻松学{{ getKmTitle(item.subjects) }}
<image src="../../static/image/mine/1.png" mode="widthFix" style="width:25px;"></image> </view>
<view class="ml7"> <view class="mt25 flex ai-c jc-sb">
<view class="fs16 cor-000 fwb" style="line-height: 16px;"> <view class="flex ai-c">
精简500题 <image src="../../static/image/mine/1.png" mode="widthFix" style="width:25px;"></image>
</view> <view class="ml7">
<view class="mt7 fs12 cor-666" style="line-height: 12px;"> <view class="fs16 cor-000 fwb" style="line-height: 16px;">
题目全部做对，视为完成 精简500题
</view> </view>
</view> <view class="mt7 fs12 cor-666" style="line-height: 12px;">
</view> 题目全部做对，视为完成
<view class="study" @tap="to500(item)"> </view>
去学习 </view>
</view> </view>
</view> <view class="study" @tap="to500(item)">
<view class="mt45 flex ai-c jc-sb"> 去学习
<view class="flex ai-c"> </view>
<image src="../../static/image/mine/2.png" mode="widthFix" style="width:25px;"></image> </view>
<view class="ml7"> <view class="mt45 flex ai-c jc-sb">
<view class="fs16 cor-000 fwb" style="line-height: 16px;"> <view class="flex ai-c">
真实考场模拟 <image src="../../static/image/mine/2.png" mode="widthFix" style="width:25px;"></image>
</view> <view class="ml7">
<view class="mt7 fs12 cor-666" style="line-height: 12px;"> <view class="fs16 cor-000 fwb" style="line-height: 16px;">
10次95分以上，视为完成 真实考场模拟
</view> </view>
</view> <view class="mt7 fs12 cor-666" style="line-height: 12px;">
</view> 10次95分以上，视为完成
<view class="study" @tap="toRealExam(item)"> </view>
去学习 </view>
</view> </view>
</view> <view class="study" @tap="toRealExam(item)">
<view class="mt45 flex ai-c jc-sb"> 去学习
<view class="flex ai-c"> </view>
<image src="../../static/image/mine/3.png" mode="widthFix" style="width:25px;"></image> </view>
<view class="ml7"> <view class="mt45 flex ai-c jc-sb">
<view class="fs16 cor-000 fwb" style="line-height: 16px;"> <view class="flex ai-c">
考前密卷 <image src="../../static/image/mine/3.png" mode="widthFix" style="width:25px;"></image>
</view> <view class="ml7">
<view class="mt7 fs12 cor-666" style="line-height: 12px;"> <view class="fs16 cor-000 fwb" style="line-height: 16px;">
2套试卷95分以上，视为完成 考前密卷
</view> </view>
</view> <view class="mt7 fs12 cor-666" style="line-height: 12px;">
</view> 2套试卷95分以上，视为完成
<view class="study" @tap="toSpecExam(item)"> </view>
去学习 </view>
</view> </view>
</view> <view class="study" @tap="toSpecExam(item)">
</view> 去学习
<view v-else style="margin-top: 30rpx;"> </view>
<view class="video-box"> </view>
<view class="flex jc-sb ai-c wp100"> </view>
<text style="color: #873E1D;font-size: 36rpx;">考场实况</text> <view v-else style="margin-top: 30rpx;">
<text class="cor-666 fs12">全部 ></text> <view class="video-box">
</view> <view class="flex jc-sb ai-c wp100">
<view class="flex ai-c mt20"> <text style="color: #873E1D;font-size: 36rpx;">考场实况</text>
<view class="contain-box relative"> <text class="cor-666 fs12">全部 ></text>
<image class="contain-box" src="../../../static/image/index/jpsp.png"></image> </view>
<image class="play_btn_2" src="../../static/image/index/play.png" /> <view class="flex ai-c mt20">
</view> <view class="contain-box relative">
<view class="ml15 text-center"> <image class="contain-box" src="../../../static/image/index/jpsp.png"></image>
<u-button :customStyle="{width:'200rpx',height:'66rpx',borderRadius: '33rpx'}" iconColor="#fff" <image class="play_btn_2" src="../../static/image/index/play.png" />
text="去看视频" color="linear-gradient(90deg, #E66501 0%, #F8A42C 100%)" icon="play-circle" @click="toPlaceLive(item)"> </view>
</u-button> <view class="ml15 text-center">
<view class="cor-333 fs15 fw600 mt10">真实考场模拟</view> <u-button :customStyle="{width:'200rpx',height:'66rpx',borderRadius: '33rpx'}" iconColor="#fff"
</view> text="去看视频" color="linear-gradient(90deg, #E66501 0%, #F8A42C 100%)" icon="play-circle"
</view> @click="toPlaceLive(item)">
</view> </u-button>
</view> <view class="cor-333 fs15 fw600 mt10">真实考场模拟</view>
</swiper-item> </view>
</swiper> </view>
</view> </view>
</view> </view>
</swiper-item>
</swiper>
</view>
</view>
</view>
</template> </template>
<script> <script>
import useUserStore from '@/jtools/store/user' import {
export default { mapState,
computed: { mapActions
vipAllList() { } from 'pinia' //引入映射函数
return useUserStore().vipAllList.filter(it => [1, 2, 3, 4].includes(Number(it.subjects))) import useQuestionStore from '@/jtools/store/question' //引入store
}, import useUserStore from '@/jtools/store/user'
vipOnList() { import {
return useUserStore().vipOnList queryQuestionId,
}, getTestQuestionId
} from '@/jtools/api/question';
import storage from '@/jtools/storage';
export default {
computed: {
...mapState(useQuestionStore, ["loading_subject4", "loading_subject1", "version"]), //映射函数，取出tagslist
getLoading() {
return this.loading_subject4 && this.loading_subject1
},
vipAllList() {
return useUserStore().vipAllList.filter(it => [1, 2, 3, 4].includes(Number(it.subjects)))
},
vipOnList() {
return useUserStore().vipOnList
},
},
data() {
return {
current: 0
}
},
methods: {
chargeVip(item){
uni.navigateTo({
url:"/pages/index/videoVip?subject="+item.subjects
})
}, },
onChange(e) { data() {
this.current = e.detail.current return {
}, current: 0
getKmTitle(km) { }
return { },
'1': '科一', methods: {
'2': '科二', ...mapActions(useQuestionStore, ['getOrderQuestion_sub1', 'getOrderQuestion_sub4', 'getAllQuestion']),
'3': '科三', chargeVip(item) {
'4': '科四',
}[km]
},
getExpireText(item) {
const vipOn = this.vipOnList.find(it => it.memberId == item.memberId)
if (vipOn) {
return `${vipOn.endDate.split(' ')[0]}到期`
} else {
return '开通vip助您快速拿证'
}
},
vipHasOpened(item) {;
return !!this.vipOnList.some(it => it.subjects.includes(item.subjects) )
},
// 去精选500题 item=> 当前科目vip信息
to500(item) {
// 当前vip是否已开通
if (this.vipHasOpened(item)) {
// 跳转
uni.navigateTo({ uni.navigateTo({
url:"/pages/questionBank/questionBank?navTitle=精简500题&subject="+item.subjects+"&needVip=true&isVip=1" url: "/pages/index/videoVip?subject=" + item.subjects
}) })
} else { },
uni.showToast({ onChange(e) {
title: `请先充值${this.getKmTitle(item.subjects)}vip`, this.current = e.detail.current
icon: 'none' },
}) getKmTitle(km) {
} return {
}, '1': '科一',
// 去真实考场 item=> 当前科目vip信息 '2': '科二',
toRealExam(item) { '3': '科三',
// 当前vip是否已开通 '4': '科四',
if (this.vipHasOpened(item)) { } [km]
// 跳转 },
uni.navigateTo({ getExpireText(item) {
url: "/pages/index/trueTest?subject="+item.subjects const vipOn = this.vipOnList.find(it => it.memberId == item.memberId)
}) if (vipOn) {
} else { return `${vipOn.endDate.split(' ')[0]}到期`
uni.showToast({ } else {
title: `请先充值${this.getKmTitle(item.subjects)}vip`, return '开通vip助您快速拿证'
icon: 'none' }
}) },
} vipHasOpened(item) {
}, ;
// 去秘卷 item=> 当前科目vip信息 return !!this.vipOnList.some(it => it.subjects.includes(item.subjects))
toSpecExam(item) { },
// 当前vip是否已开通 // 去精选500题 item=> 当前科目vip信息
if (this.vipHasOpened(item)) { to500(item) {
// 跳转 // 当前vip是否已开通
uni.navigateTo({ if (this.vipHasOpened(item)) {
url:"/pages/questionBank/practiceExams?subject="+item.subjects+'&title=考前密卷&isExam1=1' // 跳转
}) queryQuestionId({
} else { versionId: this.version,
uni.showToast({ carTypeId: storage.get('carType') || '1001',
title: `请先充值${this.getKmTitle(item.subjects)}vip`, subject: item.subjects,
icon: 'none' isVip: '1'
}) }).then(async (resp) => {
} if (resp.code === '0000') {
}, const arr = resp.data
// 去考场实况 item=> 当前科目vip信息 if (arr && arr.length) {
toPlaceLive(item) { const listJson = JSON.stringify(arr)
// 当前vip是否已开通 uni.navigateTo({
if (this.vipHasOpened(item)) { url: "/pages/questionBank/questionBank?navTitle=精简500题&subject=" + item.subjects +
// 跳转 "&questionIdList=" + listJson
uni.showToast({ })
title:'敬请期待', } else {
icon:'none' uni.showToast({
}) title: '暂无题目',
} else { icon: 'none'
uni.showToast({ })
title: `请先充值${this.getKmTitle(item.subjects)}vip`, }
icon: 'none' } else if (resp.code === '4001') {
}) uni.showToast({
} title: '当前题库非最新版，请更新~',
} icon: 'none'
} })
} this.getAllQuestion()
}
})
} else {
uni.showToast({
title: `请先充值${this.getKmTitle(item.subjects)}vip`,
icon: 'none'
})
}
},
// 去真实考场 item=> 当前科目vip信息
toRealExam(item) {
// 当前vip是否已开通
if (this.vipHasOpened(item)) {
// 跳转
uni.navigateTo({
url: "/pages/index/trueTest?subject=" + item.subjects
})
} else {
uni.showToast({
title: `请先充值${this.getKmTitle(item.subjects)}vip`,
icon: 'none'
})
}
},
// 去秘卷 item=> 当前科目vip信息
toSpecExam(item) {
// 当前vip是否已开通
if (this.vipHasOpened(item)) {
// 跳转
uni.navigateTo({
url: "/pages/index/secretPapers?subject=" + item.subjects
})
} else {
uni.showToast({
title: `请先充值${this.getKmTitle(item.subjects)}vip`,
icon: 'none'
})
}
},
// 去考场实况 item=> 当前科目vip信息
toPlaceLive(item) {
// 当前vip是否已开通
if (this.vipHasOpened(item)) {
// 跳转
uni.showToast({
title: '敬请期待',
icon: 'none'
})
} else {
uni.showToast({
title: `请先充值${this.getKmTitle(item.subjects)}vip`,
icon: 'none'
})
}
}
}
}
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.km-item { .km-item {
margin-right: 8px; margin-right: 8px;
width: 72px; width: 72px;
height: 30px; height: 30px;
line-height: 30px; line-height: 30px;
font-size: 12px; font-size: 12px;
color: #333; color: #333;
text-align: center; text-align: center;
border-radius: 15px; border-radius: 15px;
border: 1px solid #CCCCCC; border: 1px solid #CCCCCC;
} }
.actived { .actived {
background: linear-gradient(90deg, #E66501 0%, #F8A42C 100%); background: linear-gradient(90deg, #E66501 0%, #F8A42C 100%);
color: #fff; color: #fff;
} }
.km-item:last-of-type { .km-item:last-of-type {
margin-right: 0; margin-right: 0;
} }
.vip-info { .vip-info {
position: absolute; position: absolute;
top: 15px; top: 15px;
left: 10px; left: 10px;
display: flex; display: flex;
align-items: center; align-items: center;
z-index: 1; z-index: 1;
} }
.corner { .corner {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
left: 0; left: 0;
width: 77px; width: 77px;
height: 23px; height: 23px;
background: linear-gradient(0deg, #E66501 0%, #F8A42C 100%); background: linear-gradient(0deg, #E66501 0%, #F8A42C 100%);
opacity: 0.86; opacity: 0.86;
border-radius: 0px 8px 0px 8px; border-radius: 0px 8px 0px 8px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
font-size: 12px; font-size: 12px;
color: #fff; color: #fff;
z-index: 1; z-index: 1;
} }
.renew { .renew {
position: absolute; position: absolute;
right: 10%; right: 10%;
bottom: 15px; bottom: 15px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
width: 185rpx; width: 185rpx;
height: 52rpx; height: 52rpx;
background: #873E1D; background: #873E1D;
border-radius: 26rpx; border-radius: 26rpx;
font-size: 12px; font-size: 12px;
color: #F6E99F; color: #F6E99F;
z-index: 1; z-index: 1;
} }
.buy { .buy {
position: absolute; position: absolute;
left: 45%; left: 45%;
transform: translateX(-50%); transform: translateX(-50%);
bottom: 15px; bottom: 15px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
width: 200rpx; width: 200rpx;
height: 60rpx; height: 60rpx;
background: #873E1D; background: #873E1D;
border-radius: 30rpx; border-radius: 30rpx;
font-size: 14px; font-size: 14px;
color: #F6E99F; color: #F6E99F;
z-index: 1; z-index: 1;
} }
.study { .study {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
width: 161rpx; width: 161rpx;
height: 67rpx; height: 67rpx;
background: #F6E99F; background: #F6E99F;
border-radius: 34rpx; border-radius: 34rpx;
font-size: 12px; font-size: 12px;
color: #873E1D; color: #873E1D;
} }
.video-box {
padding: 20rpx;
width: 694rpx;
height: 369rpx;
background: #F9F3E7;
border: 2rpx solid #CF8B6D;
border-radius: 16rpx;
}
.video-box {
padding: 20rpx;
width: 694rpx;
height: 369rpx;
background: #F9F3E7;
border: 2rpx solid #CF8B6D;
border-radius: 16rpx;
}
.contain-box { .contain-box {
width: 406rpx; width: 406rpx;
height: 228rpx; height: 228rpx;
background: #00B74F; background: #00B74F;
border-radius: 16rpx; border-radius: 16rpx;
} }
.play_btn_2 { .play_btn_2 {
width: 65rpx; width: 65rpx;
height: 65rpx; height: 65rpx;

38
src/pages/questionBank/components/Question.vue
View File

@@ -346,7 +346,7 @@
}, },
timeCount() { timeCount() {
const time = this.subject == '1' ? 60 * 60 * 1000 : 45 * 60 * 1000 const time = 45 * 60 * 1000
return time return time
} }
}, },
@@ -504,21 +504,27 @@
toSubmit() { toSubmit() {
const restTime = this.time.hours * 60 * 60 + this.time.minutes * 60 + this.time.seconds const restTime = this.time.hours * 60 * 60 + this.time.minutes * 60 + this.time.seconds
const score = (this.rightList.length / this.questionList.length * 100).toFixed(0) const score = (this.rightList.length / this.questionList.length * 100).toFixed(0)
submitTest({ if(this.rightList.length+this.wrongList.length==0){
"carTypeId": storage.get('carType') || '1001', uni.navigateBack({
"score": score, delta:1
"testTime": 60 * 60 - restTime, })
subject: this.subject }else{
}).then(resp => { submitTest({
const doNotNum = this.questionList.length - this.rightList.length - this.wrongList.length "carTypeId": storage.get('carType') || '1001',
const list = JSON.stringify(this.wrongList) "score": score,
if (resp.code === '0000') { "testTime": 45 * 60 - restTime,
uni.navigateTo({ subject: this.subject
url: "/pages/questionBank/examResult?doNotNum=" + doNotNum + "&wrongList=" + list + "&score=" + }).then(resp => {
score + "&subject=" + this.subject + "&navTitle=" + this.navTitle const doNotNum = this.questionList.length - this.rightList.length - this.wrongList.length
}) const list = JSON.stringify(this.wrongList)
} if (resp.code === '0000') {
}) uni.navigateTo({
url: "/pages/questionBank/examResult?doNotNum=" + doNotNum + "&wrongList=" + list + "&score=" +
score + "&subject=" + this.subject + "&navTitle=" + this.navTitle
})
}
})
}
}, },
//查看考试结果 //查看考试结果
toResult() { toResult() {

51
src/pages/questionBank/videoDetail.vue
View File

@@ -96,6 +96,7 @@
label: "庐江考场", label: "庐江考场",
value: 6 value: 6
}], }],
driveType:'',
videoType: '', videoType: '',
popupShow: false, popupShow: false,
videoList: [{ videoList: [{
@@ -128,6 +129,10 @@
} }
}, },
onLoad(op) { onLoad(op) {
if(op.driveType){
this.driveType=op.driveType
this.param.driveType=op.driveType
}
if (op.type) { if (op.type) {
this.videoType = op.type this.videoType = op.type
} }
@@ -139,6 +144,7 @@
} }
if (op.type) { if (op.type) {
this.param.type = op.type this.param.type = op.type
this.getVideoList()
} }
if (op.type == '1') { if (op.type == '1') {
if (this.param.subject == '2') { if (this.param.subject == '2') {
@@ -149,10 +155,7 @@
} else { } else {
this.title = '基础操作讲解' this.title = '基础操作讲解'
} }
if (op.videoList) {
this.videoList = JSON.parse(op.videoList)
this.currentIndex = this.videoList.findIndex(item => item.projectId == this.projectId)
}
}, },
computed: { computed: {
getScrollLeft() { getScrollLeft() {
@@ -161,6 +164,46 @@
} }
}, },
methods: { methods: {
formateTime(time) {
const h = parseInt(time / 3600)
const minute = parseInt(time / 60 % 60)
const second = Math.ceil(time % 60)
const hours = h < 10 ? '0' + h : h
const formatSecond = second > 59 ? 59 : second
return `${hours > 0 ? `${hours}:` : ''}${minute < 10 ? '0' + minute : minute}:${formatSecond < 10 ? '0' + formatSecond : formatSecond}`
},
getVideoList() {
queryProjectList({
"carTypeId": storage.get('carType') || '1001',
...this.param,
}).then(resp => {
if(resp.code==='0000'){
let arr=[]
if(this.param.type=='1'){
arr = JSON.parse(JSON.stringify(resp.data))
arr = arr.map(item => {
return {
...item,
videoUrl: item.videoList[0]?.videoUrl,
videoTime: this.formateTime(item.videoList[0]?.videoTime)
}
})
}else{
arr = JSON.parse(JSON.stringify(resp.data[0].videoList))
arr = arr.map(item => {
return {
...item,
projectId: item.videoId,
subDesc: resp.data[0].description,
videoTime: this.formateTime(item.videoTime)
}
})
}
this.videoList = arr
this.currentIndex = this.videoList.findIndex(item => item.projectId == this.projectId)
}
})
},
checkTest(val) { checkTest(val) {
this.videoIndex = val this.videoIndex = val
}, },

BIN
src/static/image/index/vip_ksxj.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 29 KiB

BIN
src/static/image/index/vip_trueRoom.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 30 KiB