tj
This commit is contained in:
parent
ed01d833b9
commit
af094e55b0
1
.gitignore
vendored
1
.gitignore
vendored
@ -1,2 +1,3 @@
|
|||||||
/unpackage
|
/unpackage
|
||||||
/.hbuilderx
|
/.hbuilderx
|
||||||
|
.history
|
||||||
@ -5,6 +5,9 @@ const api_prefix = api_host + '/addons/exam/'
|
|||||||
|
|
||||||
//工具类
|
//工具类
|
||||||
module.exports = {
|
module.exports = {
|
||||||
|
apiUrlReturn(){
|
||||||
|
return api_host;
|
||||||
|
},
|
||||||
isShowTip(apiUrl) {
|
isShowTip(apiUrl) {
|
||||||
let filterList = ['/agency/getAuditVersion']
|
let filterList = ['/agency/getAuditVersion']
|
||||||
if (filterList.indexOf(apiUrl) != -1) {
|
if (filterList.indexOf(apiUrl) != -1) {
|
||||||
|
|||||||
@ -41,7 +41,8 @@
|
|||||||
<!-- 功能列表 start -->
|
<!-- 功能列表 start -->
|
||||||
<view class="about-shadow tn-padding-top-sm tn-padding-bottom-sm">
|
<view class="about-shadow tn-padding-top-sm tn-padding-bottom-sm">
|
||||||
<view style="display: flex;justify-content: center;align-items: center;gap: 12px;">
|
<view style="display: flex;justify-content: center;align-items: center;gap: 12px;">
|
||||||
<view v-if="classes_show == 1" class="tn-padding-sm tn-margin-xs" @click="goPage('/pagesSubject/video/index')">
|
<view v-if="classes_show == 1" class="tn-padding-sm tn-margin-xs"
|
||||||
|
@click="goPage('/pagesSubject/video/index')">
|
||||||
<view class="tn-flex tn-flex-direction-column tn-flex-row-center tn-flex-col-center">
|
<view class="tn-flex tn-flex-direction-column tn-flex-row-center tn-flex-col-center">
|
||||||
<view
|
<view
|
||||||
class="icon15__item--image tn-flex tn-flex-row-center tn-flex-col-center tn-shadow-blur tn-color-white">
|
class="icon15__item--image tn-flex tn-flex-row-center tn-flex-col-center tn-shadow-blur tn-color-white">
|
||||||
@ -53,11 +54,11 @@
|
|||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view v-if="classes_show == 1" class="tn-padding-sm tn-margin-xs" @click="goPage('/pages/index/news-list')">
|
<view class="tn-padding-sm tn-margin-xs" @click="goPage('/pages/index/news-detail?id=1')">
|
||||||
<view class="tn-flex tn-flex-direction-column tn-flex-row-center tn-flex-col-center">
|
<view class="tn-flex tn-flex-direction-column tn-flex-row-center tn-flex-col-center">
|
||||||
<view
|
<view
|
||||||
class="icon15__item--image tn-flex tn-flex-row-center tn-flex-col-center tn-shadow-blur tn-color-white">
|
class="icon15__item--image tn-flex tn-flex-row-center tn-flex-col-center tn-shadow-blur tn-color-white">
|
||||||
<image src="/static/img/1.png" style="width: 100%;height: 100%"></image>
|
<image src="/static/img/5.png" style="width: 100%;height: 100%"></image>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="tn-text-center">
|
<view class="tn-text-center">
|
||||||
@ -65,6 +66,18 @@
|
|||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
<view class="tn-padding-sm tn-margin-xs" @click="goPage('/pagesSubject/sign_up')">
|
||||||
|
<view class="tn-flex tn-flex-direction-column tn-flex-row-center tn-flex-col-center">
|
||||||
|
<view
|
||||||
|
class="icon15__item--image tn-flex tn-flex-row-center tn-flex-col-center tn-shadow-blur tn-color-white">
|
||||||
|
<image src="/static/img/4.png" style="width: 100%;height: 100%"></image>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="tn-text-center">
|
||||||
|
<text class="tn-text-ellipsis" style="font-size: 28rpx">预约报名</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
<!-- <view class="tn-padding-sm tn-margin-xs" @click="goPage('/pages/train/index?page=train')">
|
<!-- <view class="tn-padding-sm tn-margin-xs" @click="goPage('/pages/train/index?page=train')">
|
||||||
<view class="tn-flex tn-flex-direction-column tn-flex-row-center tn-flex-col-center">
|
<view class="tn-flex tn-flex-direction-column tn-flex-row-center tn-flex-col-center">
|
||||||
<view
|
<view
|
||||||
@ -89,24 +102,39 @@
|
|||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="tn-padding-sm tn-margin-xs" @click="goPage('/pages/collect/index')">
|
|
||||||
<view class="tn-flex tn-flex-direction-column tn-flex-row-center tn-flex-col-center">
|
|
||||||
<view
|
|
||||||
class="icon15__item--image tn-flex tn-flex-row-center tn-flex-col-center tn-shadow-blur tn-color-white">
|
|
||||||
<image src="/static/img/4.png" style="width: 100%;height: 100%"></image>
|
|
||||||
</view>
|
|
||||||
|
|
||||||
<view class="tn-text-center">
|
|
||||||
<text class="tn-text-ellipsis" style="font-size: 28rpx">题目收藏</text>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<!-- 功能列表 end -->
|
<!-- 功能列表 end -->
|
||||||
|
<!-- 题库列表 -->
|
||||||
|
<view class="tn-padding-top-xs tn-padding-bottom-sm">
|
||||||
|
<view class="tn-flex tn-flex-row-between tn-margin-sm">
|
||||||
|
<view class="justify-content-item tn-text-bold tn-text-xl">
|
||||||
|
<text class="tn-icon-title"></text>
|
||||||
|
<text class="">题库中心</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="tn-margin-top-sm">
|
||||||
|
<view class="tn-flex tn-flex-wrap tn-margin-sm">
|
||||||
|
<block v-for="(item, index) in cateList" :key="index">
|
||||||
|
<view style="width: 50%">
|
||||||
|
<view class="question-bank-card tn-margin-xs" @click="checkPay(item.value)">
|
||||||
|
<view class="question-bank-image-wrapper">
|
||||||
|
<image class="question-bank-image" :src="imgUrl + item.image"
|
||||||
|
mode="aspectFill"></image>
|
||||||
|
</view>
|
||||||
|
<view class="question-bank-title">
|
||||||
|
{{ item.text }}
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</block>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
<!-- 试卷列表 -->
|
<!-- 试卷列表 -->
|
||||||
<view class="about-shadow tn-margin-top tn-padding-top-xs tn-padding-bottom-sm"
|
<!-- <view class="about-shadow tn-margin-top tn-padding-top-xs tn-padding-bottom-sm"
|
||||||
v-if="papers.length > 0">
|
v-if="papers.length > 0">
|
||||||
<view class="tn-flex tn-flex-row-between tn-margin-sm">
|
<view class="tn-flex tn-flex-row-between tn-margin-sm">
|
||||||
<view class="justify-content-item tn-text-bold tn-text-xl">
|
<view class="justify-content-item tn-text-bold tn-text-xl">
|
||||||
@ -123,7 +151,6 @@
|
|||||||
<view class="skill-sequence-panel-content-wrapper-vertical">
|
<view class="skill-sequence-panel-content-wrapper-vertical">
|
||||||
<view class="kite-classify-cell-vertical shadow" v-for="(item, index) in papers"
|
<view class="kite-classify-cell-vertical shadow" v-for="(item, index) in papers"
|
||||||
:key="index">
|
:key="index">
|
||||||
<!-- <view :class="'nav-li bg-index' + (index + 1)"> -->
|
|
||||||
<view :class="'nav-li bg-index3'">
|
<view :class="'nav-li bg-index3'">
|
||||||
<view class="nav-name">{{ item.title }}</view>
|
<view class="nav-name">{{ item.title }}</view>
|
||||||
</view>
|
</view>
|
||||||
@ -147,7 +174,7 @@
|
|||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view> -->
|
||||||
|
|
||||||
<!-- 考场列表 -->
|
<!-- 考场列表 -->
|
||||||
<!-- <view class="about-shadow tn-margin-top-xl tn-padding-top-xs tn-padding-bottom-sm"
|
<!-- <view class="about-shadow tn-margin-top-xl tn-padding-top-xs tn-padding-bottom-sm"
|
||||||
@ -236,14 +263,15 @@
|
|||||||
</view> -->
|
</view> -->
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
<login ref="login" v-on:succ="ajax"></login>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import template_page_mixin from "@/libs/mixin/template_page_mixin.js";
|
import template_page_mixin from "@/libs/mixin/template_page_mixin.js";
|
||||||
// import NavIndexButton from '@/libs/components/nav-index-button.vue'
|
// import NavIndexButton from '@/libs/components/nav-index-button.vue'
|
||||||
|
import cateApi from "@/common/api/cate.js"
|
||||||
export default {
|
export default {
|
||||||
name: "kz-page-index-list1",
|
name: "kz-page-index-list1",
|
||||||
mixins: [template_page_mixin],
|
mixins: [template_page_mixin],
|
||||||
components: {
|
components: {
|
||||||
@ -345,7 +373,7 @@
|
|||||||
* 监听rooms
|
* 监听rooms
|
||||||
* @param list
|
* @param list
|
||||||
*/
|
*/
|
||||||
rooms(list) {},
|
rooms(list) { },
|
||||||
/**
|
/**
|
||||||
* 监听modules
|
* 监听modules
|
||||||
* @param list
|
* @param list
|
||||||
@ -363,6 +391,7 @@
|
|||||||
if (diyIndexButton) {
|
if (diyIndexButton) {
|
||||||
this.moduleList = diyIndexButton;
|
this.moduleList = diyIndexButton;
|
||||||
}
|
}
|
||||||
|
this.getCate();
|
||||||
console.log("mounted diyIndexButton", diyIndexButton, this.moduleList);
|
console.log("mounted diyIndexButton", diyIndexButton, this.moduleList);
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
@ -445,9 +474,20 @@
|
|||||||
// path: '/pages/room/signup-index'
|
// path: '/pages/room/signup-index'
|
||||||
// },
|
// },
|
||||||
],
|
],
|
||||||
|
cateList: [],
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
// 获取题库
|
||||||
|
getCate() {
|
||||||
|
this.http('cate/getThree', {
|
||||||
|
kind: 'QUESTION',
|
||||||
|
page: this.page,
|
||||||
|
subject_id: this.subjectId
|
||||||
|
}).then(res => {
|
||||||
|
this.cateList = res.data
|
||||||
|
})
|
||||||
|
},
|
||||||
// 跳转页面
|
// 跳转页面
|
||||||
goPage(page) {
|
goPage(page) {
|
||||||
this.utils.goto(page);
|
this.utils.goto(page);
|
||||||
@ -469,17 +509,77 @@
|
|||||||
this.utils.goto(slide.front_info.full_url);
|
this.utils.goto(slide.front_info.full_url);
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
ajax() {
|
||||||
|
if (uni.getStorageSync("token")) {
|
||||||
|
userApi.getUserInfo(this).then((res) => {
|
||||||
|
if (res.code == 1) {
|
||||||
|
this.user = { ...res.data };
|
||||||
|
uni.setStorageSync("user", this.user);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
},
|
},
|
||||||
};
|
// 检测题库是否已开通
|
||||||
|
checkPay(cateId) {
|
||||||
|
|
||||||
|
// if (!this.cateId) {
|
||||||
|
// this.utils.toast('请先选择练习的题库')
|
||||||
|
// return
|
||||||
|
// }
|
||||||
|
|
||||||
|
// 检测题库是否已开通
|
||||||
|
cateApi.checkPay(this, cateId).then(res => {
|
||||||
|
console.log('checkPay res', res)
|
||||||
|
|
||||||
|
if (res.code != 1) {
|
||||||
|
// this.utils.toast(res.msg)
|
||||||
|
// if (res.data.need_open_member) {
|
||||||
|
// this.utils.goto('/pages/user/member-center')
|
||||||
|
// }
|
||||||
|
uni.showModal({
|
||||||
|
title: '提示',
|
||||||
|
content: res.msg,
|
||||||
|
confirmText: '联系客服',
|
||||||
|
success: (res) => {
|
||||||
|
if (res.confirm) {
|
||||||
|
//this.utils.goto('/pages/user/member-center?from_train=1')
|
||||||
|
uni.makePhoneCall({
|
||||||
|
phoneNumber: '18903795988' //仅为示例
|
||||||
|
});
|
||||||
|
} else if (res.cancel) {
|
||||||
|
this.utils.goback()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
return
|
||||||
|
}
|
||||||
|
if (res.data.status == 1) {
|
||||||
|
uni.navigateTo({
|
||||||
|
url: '/pages/train/detail?id=' + cateId
|
||||||
|
});
|
||||||
|
}
|
||||||
|
// 无须支付
|
||||||
|
// if (res.data.status == 1) {
|
||||||
|
// this.goTrain()
|
||||||
|
// return
|
||||||
|
// } else if (res.data.status == 2) {
|
||||||
|
// this.catePrice = parseFloat(res.data.price)
|
||||||
|
// this.confirmCateContent = res.data.msg
|
||||||
|
// this.showCateConfirm = true
|
||||||
|
// }
|
||||||
|
})
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.page-index-list {
|
.page-index-list {
|
||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 自定义导航栏内容 start */
|
/* 自定义导航栏内容 start */
|
||||||
.custom-nav {
|
.custom-nav {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
|
||||||
&__back {
|
&__back {
|
||||||
@ -514,36 +614,36 @@
|
|||||||
color: #aaaaaa;
|
color: #aaaaaa;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/*logo start */
|
/*logo start */
|
||||||
.logo-image {
|
.logo-image {
|
||||||
width: 65rpx;
|
width: 65rpx;
|
||||||
height: 65rpx;
|
height: 65rpx;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.logo-pic {
|
.logo-pic {
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
// background-attachment:fixed;
|
// background-attachment:fixed;
|
||||||
background-position: top;
|
background-position: top;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 自定义导航栏内容 end */
|
/* 自定义导航栏内容 end */
|
||||||
|
|
||||||
/* 内容布局 start*/
|
/* 内容布局 start*/
|
||||||
.course-shadow {
|
.course-shadow {
|
||||||
box-shadow: 0rpx 0rpx 80rpx 0rpx rgba(0, 0, 0, 0.07);
|
box-shadow: 0rpx 0rpx 80rpx 0rpx rgba(0, 0, 0, 0.07);
|
||||||
}
|
}
|
||||||
|
|
||||||
.course-radius {
|
.course-radius {
|
||||||
border-radius: 15rpx;
|
border-radius: 15rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 图标容器15 start */
|
/* 图标容器15 start */
|
||||||
.icon15 {
|
.icon15 {
|
||||||
&__item {
|
&__item {
|
||||||
width: 30%;
|
width: 30%;
|
||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
@ -592,10 +692,10 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 业务展示 start */
|
/* 业务展示 start */
|
||||||
.tn-info {
|
.tn-info {
|
||||||
&__container {
|
&__container {
|
||||||
margin-top: 10rpx;
|
margin-top: 10rpx;
|
||||||
margin-bottom: 50rpx;
|
margin-bottom: 50rpx;
|
||||||
@ -675,12 +775,12 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 业务展示 end */
|
/* 业务展示 end */
|
||||||
|
|
||||||
/* 文章内容 start*/
|
/* 文章内容 start*/
|
||||||
.tn-blogger-content {
|
.tn-blogger-content {
|
||||||
&__wrap {
|
&__wrap {
|
||||||
box-shadow: 0rpx 0rpx 80rpx 0rpx rgba(0, 0, 0, 0.07);
|
box-shadow: 0rpx 0rpx 80rpx 0rpx rgba(0, 0, 0, 0.07);
|
||||||
border-radius: 20rpx;
|
border-radius: 20rpx;
|
||||||
@ -736,36 +836,36 @@
|
|||||||
font-size: 30rpx;
|
font-size: 30rpx;
|
||||||
padding-right: 5rpx;
|
padding-right: 5rpx;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.image-music {
|
.image-music {
|
||||||
padding: 100rpx 0rpx;
|
padding: 100rpx 0rpx;
|
||||||
font-size: 16rpx;
|
font-size: 16rpx;
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.image-pic {
|
.image-pic {
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
// background-attachment:fixed;
|
// background-attachment:fixed;
|
||||||
background-position: top;
|
background-position: top;
|
||||||
border-radius: 20rpx 20rpx 0 0;
|
border-radius: 20rpx 20rpx 0 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 文章内容 end*/
|
/* 文章内容 end*/
|
||||||
|
|
||||||
/* 底部tabbar start*/
|
/* 底部tabbar start*/
|
||||||
.footerfixed {
|
.footerfixed {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
z-index: 999;
|
z-index: 999;
|
||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
box-shadow: 0rpx 0rpx 30rpx 0rpx rgba(0, 0, 0, 0.07);
|
box-shadow: 0rpx 0rpx 30rpx 0rpx rgba(0, 0, 0, 0.07);
|
||||||
}
|
}
|
||||||
|
|
||||||
.tabbar {
|
.tabbar {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
min-height: 110rpx;
|
min-height: 110rpx;
|
||||||
@ -773,9 +873,9 @@
|
|||||||
padding: 0;
|
padding: 0;
|
||||||
height: calc(110rpx + env(safe-area-inset-bottom) / 2);
|
height: calc(110rpx + env(safe-area-inset-bottom) / 2);
|
||||||
padding-bottom: calc(env(safe-area-inset-bottom) / 2);
|
padding-bottom: calc(env(safe-area-inset-bottom) / 2);
|
||||||
}
|
}
|
||||||
|
|
||||||
.tabbar .action {
|
.tabbar .action {
|
||||||
font-size: 22rpx;
|
font-size: 22rpx;
|
||||||
position: relative;
|
position: relative;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
@ -786,9 +886,9 @@
|
|||||||
line-height: 1;
|
line-height: 1;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
overflow: initial;
|
overflow: initial;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tabbar .action .bar-icon {
|
.tabbar .action .bar-icon {
|
||||||
width: 100rpx;
|
width: 100rpx;
|
||||||
position: relative;
|
position: relative;
|
||||||
display: block;
|
display: block;
|
||||||
@ -796,54 +896,54 @@
|
|||||||
margin: 0 auto 10rpx;
|
margin: 0 auto 10rpx;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 42rpx;
|
font-size: 42rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tabbar .action .bar-icon image {
|
.tabbar .action .bar-icon image {
|
||||||
width: 50rpx;
|
width: 50rpx;
|
||||||
height: 50rpx;
|
height: 50rpx;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*scroll-view外层*/
|
/*scroll-view外层*/
|
||||||
.skill-sequence-panel-content-wrapper {
|
.skill-sequence-panel-content-wrapper {
|
||||||
position: relative;
|
position: relative;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
padding: 10rpx 0 10rpx 10rpx;
|
padding: 10rpx 0 10rpx 10rpx;
|
||||||
// background-color: #f2f5f9;
|
// background-color: #f2f5f9;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*左右渐变遮罩*/
|
/*左右渐变遮罩*/
|
||||||
.hide-content-box {
|
.hide-content-box {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
width: 10px;
|
width: 10px;
|
||||||
z-index: 2;
|
z-index: 2;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hide-content-box-left {
|
.hide-content-box-left {
|
||||||
left: 0;
|
left: 0;
|
||||||
background-image: linear-gradient(to left,
|
background-image: linear-gradient(to left,
|
||||||
rgba(255, 255, 255, 0),
|
rgba(255, 255, 255, 0),
|
||||||
#f3f3f3 60%);
|
#f3f3f3 60%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.hide-content-box-right {
|
.hide-content-box-right {
|
||||||
right: 0;
|
right: 0;
|
||||||
background-image: linear-gradient(to right,
|
background-image: linear-gradient(to right,
|
||||||
rgba(255, 255, 255, 0),
|
rgba(255, 255, 255, 0),
|
||||||
#f3f3f3 60%);
|
#f3f3f3 60%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.kite-classify-scroll {
|
.kite-classify-scroll {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 380rpx;
|
height: 380rpx;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
padding-top: 15rpx;
|
padding-top: 15rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.kite-classify-cell {
|
.kite-classify-cell {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 266rpx;
|
width: 266rpx;
|
||||||
height: 350rpx;
|
height: 350rpx;
|
||||||
@ -852,15 +952,15 @@
|
|||||||
border-radius: 20rpx;
|
border-radius: 20rpx;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
box-shadow: 2px 2px 3px rgba(26, 26, 26, 0.2);
|
box-shadow: 2px 2px 3px rgba(26, 26, 26, 0.2);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 垂直布局样式 */
|
/* 垂直布局样式 */
|
||||||
.skill-sequence-panel-content-wrapper-vertical {
|
.skill-sequence-panel-content-wrapper-vertical {
|
||||||
position: relative;
|
position: relative;
|
||||||
padding: 10rpx 20rpx;
|
padding: 10rpx 20rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.kite-classify-cell-vertical {
|
.kite-classify-cell-vertical {
|
||||||
display: block;
|
display: block;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 280rpx;
|
height: 280rpx;
|
||||||
@ -869,9 +969,9 @@
|
|||||||
border-radius: 20rpx;
|
border-radius: 20rpx;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
box-shadow: 2px 2px 3px rgba(26, 26, 26, 0.2);
|
box-shadow: 2px 2px 3px rgba(26, 26, 26, 0.2);
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-li {
|
.nav-li {
|
||||||
padding: 40rpx 30rpx;
|
padding: 40rpx 30rpx;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background-image: url(https://s1.ax1x.com/2020/06/27/NyU04x.png);
|
background-image: url(https://s1.ax1x.com/2020/06/27/NyU04x.png);
|
||||||
@ -880,18 +980,18 @@
|
|||||||
position: relative;
|
position: relative;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
margin: 0 !important;
|
margin: 0 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-name {
|
.nav-name {
|
||||||
font-size: 30rpx;
|
font-size: 30rpx;
|
||||||
text-transform: Capitalize;
|
text-transform: Capitalize;
|
||||||
margin-top: 20upx;
|
margin-top: 20upx;
|
||||||
position: relative;
|
position: relative;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-name::before {
|
.nav-name::before {
|
||||||
content: "";
|
content: "";
|
||||||
position: absolute;
|
position: absolute;
|
||||||
display: block;
|
display: block;
|
||||||
@ -901,9 +1001,9 @@
|
|||||||
bottom: 0;
|
bottom: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-name::after {
|
.nav-name::after {
|
||||||
content: "";
|
content: "";
|
||||||
position: absolute;
|
position: absolute;
|
||||||
display: block;
|
display: block;
|
||||||
@ -913,70 +1013,70 @@
|
|||||||
bottom: 0;
|
bottom: 0;
|
||||||
right: 40rpx;
|
right: 40rpx;
|
||||||
opacity: 0.3;
|
opacity: 0.3;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-content {
|
.nav-content {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 15rpx;
|
padding: 15rpx;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
overflow-wrap: break-word;
|
overflow-wrap: break-word;
|
||||||
white-space: normal;
|
white-space: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-btn {
|
.nav-btn {
|
||||||
width: 200rpx;
|
width: 200rpx;
|
||||||
height: 60rpx;
|
height: 60rpx;
|
||||||
margin-right: 30rpx;
|
margin-right: 30rpx;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
line-height: 60rpx;
|
line-height: 60rpx;
|
||||||
border-radius: 10rpx;
|
border-radius: 10rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bg-index1 {
|
.bg-index1 {
|
||||||
background-color: #19cf8a;
|
background-color: #19cf8a;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bg-index2 {
|
.bg-index2 {
|
||||||
background-color: #954ff6;
|
background-color: #954ff6;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bg-index3 {
|
.bg-index3 {
|
||||||
font-size: 30rpx;
|
font-size: 30rpx;
|
||||||
background-color: #5177ee;
|
background-color: #5177ee;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bg-index4 {
|
.bg-index4 {
|
||||||
background-color: #f49a02;
|
background-color: #f49a02;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bg-index5 {
|
.bg-index5 {
|
||||||
background-color: #ff4f94;
|
background-color: #ff4f94;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bg-index6 {
|
.bg-index6 {
|
||||||
background-color: #7fd02b;
|
background-color: #7fd02b;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 页面阴影 start*/
|
/* 页面阴影 start*/
|
||||||
.wallpaper-shadow {
|
.wallpaper-shadow {
|
||||||
border-radius: 15rpx;
|
border-radius: 15rpx;
|
||||||
box-shadow: 0rpx 0rpx 50rpx 0rpx rgba(0, 0, 0, 0.07);
|
box-shadow: 0rpx 0rpx 50rpx 0rpx rgba(0, 0, 0, 0.07);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 用户头像 start */
|
/* 用户头像 start */
|
||||||
.logo-image {
|
.logo-image {
|
||||||
width: 100rpx;
|
width: 100rpx;
|
||||||
height: 100rpx;
|
height: 100rpx;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.logo-pic {
|
.logo-pic {
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
// background-attachment:fixed;
|
// background-attachment:fixed;
|
||||||
@ -986,10 +1086,10 @@
|
|||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
// background-color: #FFFFFF;
|
// background-color: #FFFFFF;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*公告*/
|
/*公告*/
|
||||||
.tui-rolling-news {
|
.tui-rolling-news {
|
||||||
width: calc(100% - 40rpx);
|
width: calc(100% - 40rpx);
|
||||||
padding: 12rpx 20rpx;
|
padding: 12rpx 20rpx;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
@ -1000,28 +1100,56 @@
|
|||||||
background: #fff;
|
background: #fff;
|
||||||
border-radius: 10rpx;
|
border-radius: 10rpx;
|
||||||
margin: 0 20rpx 30rpx;
|
margin: 0 20rpx 30rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tui-swiper {
|
.tui-swiper {
|
||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
height: 50rpx;
|
height: 50rpx;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tui-swiper-item {
|
.tui-swiper-item {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tui-news-item {
|
.tui-news-item {
|
||||||
line-height: 24rpx;
|
line-height: 24rpx;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*公告*/
|
/*公告*/
|
||||||
|
|
||||||
|
/* 题库卡片样式 start */
|
||||||
|
.question-bank-card {
|
||||||
|
background-color: #ffffff;
|
||||||
|
border-radius: 15rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.question-bank-image-wrapper {
|
||||||
|
width: 100%;
|
||||||
|
height: 200rpx;
|
||||||
|
overflow: hidden;
|
||||||
|
border-radius: 15rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.question-bank-image {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
.question-bank-title {
|
||||||
|
padding: 15rpx;
|
||||||
|
font-size: 32rpx;
|
||||||
|
color: #333333;
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 题库卡片样式 end */
|
||||||
</style>
|
</style>
|
||||||
16
pages.json
16
pages.json
@ -95,7 +95,7 @@
|
|||||||
}, {
|
}, {
|
||||||
"path": "pages/train/index",
|
"path": "pages/train/index",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "题目选择",
|
"navigationBarTitleText": "平台题库",
|
||||||
"enablePullDownRefresh": false
|
"enablePullDownRefresh": false
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -106,6 +106,13 @@
|
|||||||
"enablePullDownRefresh": false
|
"enablePullDownRefresh": false
|
||||||
}
|
}
|
||||||
|
|
||||||
|
}, {
|
||||||
|
"path": "pages/train/detail",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "题目选择",
|
||||||
|
"enablePullDownRefresh": false
|
||||||
|
}
|
||||||
|
|
||||||
}, {
|
}, {
|
||||||
"path": "pages/webview/webview",
|
"path": "pages/webview/webview",
|
||||||
"style": {
|
"style": {
|
||||||
@ -142,7 +149,7 @@
|
|||||||
}, {
|
}, {
|
||||||
"path": "pages/index/news-detail",
|
"path": "pages/index/news-detail",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "详情",
|
"navigationBarTitleText": "关于我们",
|
||||||
"enablePullDownRefresh": false
|
"enablePullDownRefresh": false
|
||||||
}
|
}
|
||||||
}, {
|
}, {
|
||||||
@ -219,6 +226,11 @@
|
|||||||
"navigationBarTitleText": "科目",
|
"navigationBarTitleText": "科目",
|
||||||
"enablePullDownRefresh": true
|
"enablePullDownRefresh": true
|
||||||
}
|
}
|
||||||
|
},{
|
||||||
|
"path": "sign_up",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "预约报名"
|
||||||
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"path": "video/index",
|
"path": "video/index",
|
||||||
|
|||||||
@ -14,18 +14,17 @@
|
|||||||
我们的位置
|
我们的位置
|
||||||
</view>
|
</view>
|
||||||
<view class="mapContainer">
|
<view class="mapContainer">
|
||||||
<map
|
<map :latitude="mapData.latitude" :longitude="mapData.longitude" :markers="mapData.markers"
|
||||||
:latitude="mapData.latitude"
|
:scale="mapData.scale" :show-location="true" @markertap="handleMarkerTap"
|
||||||
:longitude="mapData.longitude"
|
@callouttap="handleCalloutTap" class="map"></map>
|
||||||
:markers="mapData.markers"
|
|
||||||
:scale="mapData.scale"
|
|
||||||
:show-location="true"
|
|
||||||
@markertap="handleMarkerTap"
|
|
||||||
@callouttap="handleCalloutTap"
|
|
||||||
class="map"
|
|
||||||
></map>
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
<view style="padding-bottom: 30rpx;margin-top: 50rpx;">
|
||||||
|
<tn-button fontColor="#ffffff" type="primary" width="100%" height="88rpx" @click="openBm"
|
||||||
|
:loading="submitting" backgroundColor="#1A73E8">
|
||||||
|
预约报名
|
||||||
|
</tn-button>
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<!-- <view class="cu-bar justify-left bg-white margin-top-sm">
|
<!-- <view class="cu-bar justify-left bg-white margin-top-sm">
|
||||||
@ -48,6 +47,7 @@
|
|||||||
<text class="text-df" style="margin-top: 2rpx;">{{newsData.commentNum}}</text>
|
<text class="text-df" style="margin-top: 2rpx;">{{newsData.commentNum}}</text>
|
||||||
</view>
|
</view>
|
||||||
</view> -->
|
</view> -->
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<!-- <view class="cu-bar bg-white tabbar border shop bottomBox">
|
<!-- <view class="cu-bar bg-white tabbar border shop bottomBox">
|
||||||
@ -68,9 +68,9 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import newsApi from "@/common/api/news.js"
|
import newsApi from "@/common/api/news.js"
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
newsData: [],
|
newsData: [],
|
||||||
@ -90,8 +90,8 @@
|
|||||||
latitude: 34.621881,
|
latitude: 34.621881,
|
||||||
longitude: 112.436631,
|
longitude: 112.436631,
|
||||||
title: '名扬体育学院',
|
title: '名扬体育学院',
|
||||||
width:15,
|
width: 15,
|
||||||
height:20,
|
height: 20,
|
||||||
callout: {
|
callout: {
|
||||||
content: '名扬体育学院',
|
content: '名扬体育学院',
|
||||||
color: '#000000',
|
color: '#000000',
|
||||||
@ -117,6 +117,7 @@
|
|||||||
newsApi.getNewsDetail(this, {
|
newsApi.getNewsDetail(this, {
|
||||||
id: id
|
id: id
|
||||||
}).then(res => {
|
}).then(res => {
|
||||||
|
s
|
||||||
if (res && res.data) {
|
if (res && res.data) {
|
||||||
this.newsData = res.data
|
this.newsData = res.data
|
||||||
}
|
}
|
||||||
@ -160,6 +161,11 @@
|
|||||||
this.utils.goto(this.newsData.front_info.full_url)
|
this.utils.goto(this.newsData.front_info.full_url)
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
openBm() {
|
||||||
|
uni.navigateTo({
|
||||||
|
url: '/pagesSubject/sign_up'
|
||||||
|
})
|
||||||
|
},
|
||||||
previewImage(index) {
|
previewImage(index) {
|
||||||
// 预览功能需要数组格式，具体查看uniapp文档：previewImage
|
// 预览功能需要数组格式，具体查看uniapp文档：previewImage
|
||||||
const seeImgList = this.newsData.images
|
const seeImgList = this.newsData.images
|
||||||
@ -170,62 +176,62 @@
|
|||||||
},
|
},
|
||||||
|
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
button::after {
|
button::after {
|
||||||
border: none;
|
border: none;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
uni-button {
|
uni-button {
|
||||||
background: transparent;
|
background: transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
.container {
|
.container {
|
||||||
background-color: #f2f2f2;
|
background-color: #f2f2f2;
|
||||||
}
|
}
|
||||||
|
|
||||||
.solid {
|
.solid {
|
||||||
border-radius: 50rpx;
|
border-radius: 50rpx;
|
||||||
text-indent: 12rpx;
|
text-indent: 12rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
image {
|
image {
|
||||||
width: 750rpx;
|
width: 750rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bottomBox {
|
.bottomBox {
|
||||||
width: 750rpx;
|
width: 750rpx;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
left: 0;
|
left: 0;
|
||||||
bottom: 0rpx;
|
bottom: 0rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 地图相关样式 */
|
/* 地图相关样式 */
|
||||||
.mapSection {
|
.mapSection {
|
||||||
background-color: #FFFFFF;
|
background-color: #FFFFFF;
|
||||||
margin-top: 20rpx;
|
margin-top: 20rpx;
|
||||||
border-radius: 16rpx;
|
border-radius: 16rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mapTitle {
|
.mapTitle {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
margin-bottom: 20rpx;
|
margin-bottom: 20rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mapContainer {
|
.mapContainer {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 400rpx;
|
height: 400rpx;
|
||||||
border-radius: 12rpx;
|
border-radius: 12rpx;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.1);
|
box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.map {
|
.map {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
136
pages/train/detail.vue
Normal file
136
pages/train/detail.vue
Normal file
@ -0,0 +1,136 @@
|
|||||||
|
<template>
|
||||||
|
<view style="padding: 30rpx; background-color: #FAFAFA; min-height: 100vh;">
|
||||||
|
<view style="display: flex;align-items: center;">
|
||||||
|
<view @click="show = true"
|
||||||
|
style="display: flex;align-items: center; border: 2rpx solid #1A73E8; border-radius: 32rpx; padding: 8rpx 24rpx; color: #1A73E8; background: #fff; font-weight: 500; box-shadow: 0 2rpx 8rpx rgba(26,115,232,0.08); cursor: pointer; transition: background 0.2s;">
|
||||||
|
<view style="margin-right: 8rpx;">更多题库</view>
|
||||||
|
<view>
|
||||||
|
<text class="tn-icon-down-triangle"
|
||||||
|
style="font-size: 24rpx; color: #1A73E8; position: relative;"></text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view style="display: inline-block; position: relative;padding-left: 30rpx;font-size: 32rpx;font-weight: bold;">
|
||||||
|
<text>{{ info.text }}</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view style="padding: 20rpx 0px;margin-top: 30rpx;">
|
||||||
|
<view v-for="item in info.children" style="margin-bottom: 40rpx;">
|
||||||
|
<view @click="goTrain(item.value, item.text, item.type)"
|
||||||
|
style="display: flex;justify-content: space-between;align-items: center; background: #fff; border-radius: 16rpx; box-shadow: 0 4rpx 16rpx rgba(26,115,232,0.06); padding: 30rpx;">
|
||||||
|
<view style="display: flex;align-items: center;">
|
||||||
|
<view
|
||||||
|
style="height: 40rpx;width: 40rpx;background-color: #1A73E8;border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 24rpx; font-weight: bold;">
|
||||||
|
题
|
||||||
|
</view>
|
||||||
|
<view style="padding-left: 32rpx;">
|
||||||
|
<view style="font-size: 32rpx; font-weight: bold; color: #222;">{{ item.text }}</view>
|
||||||
|
<view style="color: #999999;font-size: 24rpx;padding-top: 8rpx;">题目数量：{{ item.count }}道
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<!-- 1会员 2不是会员 -->
|
||||||
|
<view v-if="item.type == 2"
|
||||||
|
style="background: #1A73E8; color: #fff; border-radius: 24rpx; padding: 4rpx 28rpx; font-size: 26rpx; font-weight: 500; letter-spacing: 2rpx;">
|
||||||
|
免费</view>
|
||||||
|
<view v-else
|
||||||
|
style="background: #f39c12; color: #fff; border-radius: 24rpx; padding: 4rpx 28rpx; font-size: 26rpx; font-weight: 500; letter-spacing: 2rpx;">
|
||||||
|
会员</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<tn-popup v-model="show" mode="left" width="550rpx"
|
||||||
|
:style="'border-radius:32rpx 0 0 32rpx; box-shadow: 0 8rpx 32rpx rgba(26,115,232,0.12); overflow: hidden;'">
|
||||||
|
<view style="padding: 30rpx;">
|
||||||
|
<view v-for="item in cateList" @click="getTree(item)"
|
||||||
|
style="margin-bottom: 40rpx;padding:25rpx 20rpx;text-align: center;background-color: #F3F5F7;border-radius: 60rpx; font-size: 28rpx; color: #1A73E8;">
|
||||||
|
{{ item.text }}</view>
|
||||||
|
</view>
|
||||||
|
</tn-popup>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import newsApi from "@/common/api/news.js"
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
show: false,
|
||||||
|
id: 0,
|
||||||
|
cateList: [],
|
||||||
|
info: {},
|
||||||
|
vip: 0,
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onLoad(op) {
|
||||||
|
console.log(op);
|
||||||
|
this.id = op.id;
|
||||||
|
this.getCate();
|
||||||
|
this.getIsUser();
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
getTree(item) {
|
||||||
|
this.info = item;
|
||||||
|
this.show = false;
|
||||||
|
},
|
||||||
|
getIsUser() {
|
||||||
|
newsApi.ifUserMember(this, {}).then(res => {
|
||||||
|
//0 不是会员
|
||||||
|
console.log(res);
|
||||||
|
this.vip = res.code;
|
||||||
|
})
|
||||||
|
},
|
||||||
|
getCate() {
|
||||||
|
this.http('cate/getThree', {
|
||||||
|
kind: 'QUESTION',
|
||||||
|
}).then(res => {
|
||||||
|
this.cateList = res.data;
|
||||||
|
this.info = res.data.find(item => item.value == this.id);
|
||||||
|
})
|
||||||
|
},
|
||||||
|
goTrain(id, name, type) {
|
||||||
|
if (type == 1 && this.vip == 0) {
|
||||||
|
uni.showModal({
|
||||||
|
title: '提示',
|
||||||
|
content: '该题库仅限会员可用，请联系客服开通会员！',
|
||||||
|
confirmText: '联系客服',
|
||||||
|
success: (res) => {
|
||||||
|
if (res.confirm) {
|
||||||
|
uni.makePhoneCall({
|
||||||
|
phoneNumber: '18903795988' //仅为示例
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
this.utils.goto('train?cateId=' + id + '&cateName=' + name + '&mode=normal')
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
page {
|
||||||
|
background-color: #FAFAFA;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 统一字体和颜色 */
|
||||||
|
body,
|
||||||
|
view,
|
||||||
|
text {
|
||||||
|
font-family: 'PingFang SC', 'Microsoft YaHei', Arial, sans-serif;
|
||||||
|
color: #222;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 主题色变量可用于后续扩展 */
|
||||||
|
:root {
|
||||||
|
--theme-color: #1A73E8;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 适当增加全局间距 */
|
||||||
|
view {
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 注释：如需进一步美化可在此扩展 */
|
||||||
|
</style>
|
||||||
@ -3,8 +3,8 @@
|
|||||||
<!-- <view class="card-view">
|
<!-- <view class="card-view">
|
||||||
<image :src="bannerImage" mode="aspectFill" style="width: 100%; height: 200rpx;"></image>
|
<image :src="bannerImage" mode="aspectFill" style="width: 100%; height: 200rpx;"></image>
|
||||||
</view> -->
|
</view> -->
|
||||||
<view style="height:99vh">
|
<view>
|
||||||
<view class="card-view" style="height: 85%;">
|
<view>
|
||||||
<!-- <tui-divider width="80%" gradual>选择要练习的题目类型</tui-divider>
|
<!-- <tui-divider width="80%" gradual>选择要练习的题目类型</tui-divider>
|
||||||
<view class="margin">
|
<view class="margin">
|
||||||
<tn-radio-group activeColor="#1A73E8" v-model="mode">
|
<tn-radio-group activeColor="#1A73E8" v-model="mode">
|
||||||
@ -20,13 +20,34 @@
|
|||||||
<view v-if="mode == 'random'">* 随机出题，不记忆当前做题题标</view>
|
<view v-if="mode == 'random'">* 随机出题，不记忆当前做题题标</view>
|
||||||
</view> -->
|
</view> -->
|
||||||
|
|
||||||
<tui-cascade-selection height="75vh" :itemList="cateList" @complete="complete" text="请选择题库"
|
<!-- <tui-cascade-selection height="75vh" :itemList="cateList" @complete="complete" text="请选择题库"
|
||||||
:defaultItemList="defaultCateList"></tui-cascade-selection>
|
:defaultItemList="defaultCateList"></tui-cascade-selection>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view style="width:90%; margin: 10rpx auto;" class="padding-bottom-xl">
|
<view style="width:90%; margin: 10rpx auto;" class="padding-bottom-xl">
|
||||||
<tui-button shape="circle" shadow bold preventClick :disabled="questionCount == 0"
|
<tui-button shape="circle" shadow bold preventClick :disabled="questionCount == 0"
|
||||||
@click="checkPay">{{btnText}}</tui-button>
|
@click="checkPay">{{btnText}}</tui-button>
|
||||||
|
</view> -->
|
||||||
|
|
||||||
|
<view class="tn-margin-top-sm">
|
||||||
|
<view class="tn-flex tn-flex-wrap tn-margin-sm">
|
||||||
|
<block v-for="(item, index) in cateList" :key="index">
|
||||||
|
<view style="width: 50%">
|
||||||
|
<view class="question-bank-card tn-margin-xs"
|
||||||
|
@click="checkPay(item.value)">
|
||||||
|
<view class="question-bank-image-wrapper">
|
||||||
|
<image class="question-bank-image" :src="imgUrl + item.image" mode="aspectFill">
|
||||||
|
</image>
|
||||||
|
</view>
|
||||||
|
<view class="question-bank-title">
|
||||||
|
{{ item.text }}
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</block>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
@ -42,10 +63,12 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import cateApi from "@/common/api/cate.js"
|
import cateApi from "@/common/api/cate.js"
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
// 图片域名
|
||||||
|
imgUrl: this.imgUrl,
|
||||||
page: '',
|
page: '',
|
||||||
cateList: [],
|
cateList: [],
|
||||||
cateId: 0,
|
cateId: 0,
|
||||||
@ -209,14 +232,14 @@
|
|||||||
|
|
||||||
},
|
},
|
||||||
// 检测题库是否已开通
|
// 检测题库是否已开通
|
||||||
checkPay() {
|
checkPay(cateId) {
|
||||||
if (!this.cateId) {
|
// if (!this.cateId) {
|
||||||
this.utils.toast('请先选择练习的题库')
|
// this.utils.toast('请先选择练习的题库')
|
||||||
return
|
// return
|
||||||
}
|
// }
|
||||||
|
|
||||||
// 检测题库是否已开通
|
// 检测题库是否已开通
|
||||||
cateApi.checkPay(this, this.cateId).then(res => {
|
cateApi.checkPay(this, cateId).then(res => {
|
||||||
console.log('checkPay res', res)
|
console.log('checkPay res', res)
|
||||||
|
|
||||||
if (res.code != 1) {
|
if (res.code != 1) {
|
||||||
@ -241,16 +264,19 @@
|
|||||||
});
|
});
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
|
||||||
// 无须支付
|
|
||||||
if (res.data.status == 1) {
|
if (res.data.status == 1) {
|
||||||
this.goTrain()
|
this.utils.goto('/pages/train/detail?id=' + cateId);
|
||||||
return
|
return
|
||||||
} else if (res.data.status == 2) {
|
|
||||||
this.catePrice = parseFloat(res.data.price)
|
|
||||||
this.confirmCateContent = res.data.msg
|
|
||||||
this.showCateConfirm = true
|
|
||||||
}
|
}
|
||||||
|
// 无须支付
|
||||||
|
// if (res.data.status == 1) {
|
||||||
|
// this.goTrain()
|
||||||
|
// return
|
||||||
|
// } else if (res.data.status == 2) {
|
||||||
|
// this.catePrice = parseFloat(res.data.price)
|
||||||
|
// this.confirmCateContent = res.data.msg
|
||||||
|
// this.showCateConfirm = true
|
||||||
|
// }
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
// 开始练习
|
// 开始练习
|
||||||
@ -268,12 +294,46 @@
|
|||||||
this.showCateConfirm = false
|
this.showCateConfirm = false
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
.tn-radio__label {
|
page {
|
||||||
|
background-color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tn-radio__label {
|
||||||
color: #333 !important;
|
color: #333 !important;
|
||||||
font-size: 15px !important;
|
font-size: 15px !important;
|
||||||
|
}
|
||||||
|
/* 题库卡片样式 start */
|
||||||
|
.question-bank-card {
|
||||||
|
background-color: #ffffff;
|
||||||
|
border-radius: 15rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.question-bank-card:active {
|
||||||
|
transform: scale(0.98);
|
||||||
|
}
|
||||||
|
|
||||||
|
.question-bank-image-wrapper {
|
||||||
|
width: 100%;
|
||||||
|
height: 200rpx;
|
||||||
|
overflow: hidden;
|
||||||
|
border-radius: 15rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.question-bank-image {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
.question-bank-title {
|
||||||
|
padding: 15rpx;
|
||||||
|
font-size: 32rpx;
|
||||||
|
color: #333333;
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
/* 题库卡片样式 end */
|
||||||
</style>
|
</style>
|
||||||
@ -6,6 +6,7 @@
|
|||||||
|
|
||||||
<!-- toast提示 -->
|
<!-- toast提示 -->
|
||||||
<tui-toast ref="toast"></tui-toast>
|
<tui-toast ref="toast"></tui-toast>
|
||||||
|
<login ref="login" v-on:succ="ajax"></login>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@ -30,6 +31,9 @@ export default {
|
|||||||
this.getQuestion()
|
this.getQuestion()
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
ajax(){
|
||||||
|
this.getQuestion()
|
||||||
|
},
|
||||||
// 获取试题（包括延迟获取）
|
// 获取试题（包括延迟获取）
|
||||||
getQuestion (page = 1, callback = null) {
|
getQuestion (page = 1, callback = null) {
|
||||||
console.log('getQuestion', page, this.currentPage, this.lastPage)
|
console.log('getQuestion', page, this.currentPage, this.lastPage)
|
||||||
|
|||||||
953
pagesSubject/sign_up.vue
Normal file
953
pagesSubject/sign_up.vue
Normal file
@ -0,0 +1,953 @@
|
|||||||
|
<template>
|
||||||
|
<view class="container">
|
||||||
|
<view class="form-container">
|
||||||
|
<tn-form ref="form" :model="form" :errorType="errorType" :labelPosition="labelPosition"
|
||||||
|
:labelWidth="labelWidth" :labelAlign="labelAlign" :borderBottom="false">
|
||||||
|
<!-- 姓名 -->
|
||||||
|
<tn-form-item label="姓名" prop="name" class="form-item-vertical" required>
|
||||||
|
<tn-input v-model="form.name" type="text" placeholder="请输入姓名" :border="false"
|
||||||
|
:placeholderStyle="placeholderStyle" />
|
||||||
|
</tn-form-item>
|
||||||
|
|
||||||
|
<!-- 性别 -->
|
||||||
|
<tn-form-item label="性别" prop="sex" class="form-item-vertical" required>
|
||||||
|
<tn-radio-group activeColor="#1A73E8" :size="43" v-model="form.sex" direction="row">
|
||||||
|
<tn-radio name="男" style="margin-right: 40rpx;">男</tn-radio>
|
||||||
|
<tn-radio name="女">女</tn-radio>
|
||||||
|
</tn-radio-group>
|
||||||
|
</tn-form-item>
|
||||||
|
|
||||||
|
<!-- 身份证号 -->
|
||||||
|
<tn-form-item label="身份证号" prop="code" class="form-item-vertical" required>
|
||||||
|
<tn-input v-model="form.code" type="text" placeholder="请输入身份证号" :border="false"
|
||||||
|
:placeholderStyle="placeholderStyle" maxlength="18" />
|
||||||
|
</tn-form-item>
|
||||||
|
|
||||||
|
<!-- 出生日期 -->
|
||||||
|
<tn-form-item label="出生日期" prop="userymd" class="form-item-vertical" required @click="showDatePicker">
|
||||||
|
<view class="date-picker-wrapper" @click="showDatePicker">
|
||||||
|
<tn-input @click="showDatePicker" v-model="form.userymd" type="text" placeholder="请选择出生日期"
|
||||||
|
:border="false" :placeholderStyle="placeholderStyle" :disabled="true" />
|
||||||
|
<view class="picker-icon">
|
||||||
|
<text class="tn-icon-calendar"></text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</tn-form-item>
|
||||||
|
<!-- 联系电话 -->
|
||||||
|
<tn-form-item label="手机号码" prop="phone" class="form-item-vertical" required>
|
||||||
|
<tn-input v-model="form.phone" type="number" placeholder="请输入手机号码" :border="false"
|
||||||
|
:placeholderStyle="placeholderStyle" maxlength="11" @blur="validatePhone" />
|
||||||
|
</tn-form-item>
|
||||||
|
|
||||||
|
<!-- 上传蓝底电子版照片 -->
|
||||||
|
<tn-form-item label="蓝底电子版照片" prop="oneimage" class="form-item-vertical" required>
|
||||||
|
<view class="upload-new-wrapper">
|
||||||
|
<view class="upload-status">
|
||||||
|
<view class="upload-status-text">
|
||||||
|
<text v-if="form.imageFile">文件选择成功，</text>
|
||||||
|
<text v-if="form.imageFile" class="preview-link" @click="previewImage">点击预览</text>
|
||||||
|
<text v-if="!form.imageFile">请选择图片文件</text>
|
||||||
|
</view>
|
||||||
|
<text style="color: #E5E5E5;">|</text>
|
||||||
|
<view class="upload-btn" @click="chooseImage">
|
||||||
|
<text class="upload-btn-text">{{ form.imageFile ? '重新选择' : '选择文件' }}</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</tn-form-item>
|
||||||
|
|
||||||
|
<!-- 报考科目 -->
|
||||||
|
<tn-form-item label="报考科目" prop="kemu" class="form-item-vertical" required>
|
||||||
|
<view class="subject-tags">
|
||||||
|
<view v-for="subject in subjectOptions" :key="subject.value" class="subject-tag"
|
||||||
|
:class="{ 'subject-tag--selected': form.kemu.includes(subject.value) }"
|
||||||
|
@click="toggleSubject(subject.value)">
|
||||||
|
<text>{{ subject.label }}</text>
|
||||||
|
<view v-if="form.kemu.includes(subject.value)" class="subject-tag__check">
|
||||||
|
<text class="tn-icon-success"></text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</tn-form-item>
|
||||||
|
|
||||||
|
<!-- 报考级别 -->
|
||||||
|
<tn-form-item label="报考级别" prop="jibie" class="form-item-vertical" required>
|
||||||
|
<tn-radio-group activeColor="#1A73E8" :size="43" v-model="form.jibie" direction="row">
|
||||||
|
<tn-radio v-for="level in levelOptions" :key="level.value" :name="level.value"
|
||||||
|
style="margin-right: 40rpx;">
|
||||||
|
{{ level.label }}
|
||||||
|
</tn-radio>
|
||||||
|
</tn-radio-group>
|
||||||
|
</tn-form-item>
|
||||||
|
|
||||||
|
<!-- 报考类型 -->
|
||||||
|
<tn-form-item label="报考类型" prop="type" class="form-item-vertical" required>
|
||||||
|
<view class="exam-type-tags">
|
||||||
|
<view v-for="type in examTypeOptions" :key="type.value" class="exam-type-tag"
|
||||||
|
:class="{ 'exam-type-tag--selected': form.type.includes(type.value) }"
|
||||||
|
@click="toggleExamType(type.value)">
|
||||||
|
<text>{{ type.label }}</text>
|
||||||
|
<view v-if="form.type.includes(type.value)" class="exam-type-tag__check">
|
||||||
|
<text class="tn-icon-success"></text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</tn-form-item>
|
||||||
|
|
||||||
|
<!-- 毕业学校 -->
|
||||||
|
<tn-form-item label="毕业学校" prop="by_school" class="form-item-vertical" required>
|
||||||
|
<tn-input v-model="form.by_school" type="text" placeholder="请输入毕业学校" :border="false"
|
||||||
|
:placeholderStyle="placeholderStyle" />
|
||||||
|
</tn-form-item>
|
||||||
|
|
||||||
|
<!-- 毕业专业 -->
|
||||||
|
<tn-form-item label="毕业专业" prop="by_zy" class="form-item-vertical" required>
|
||||||
|
<tn-input v-model="form.by_zy" type="text" placeholder="请输入毕业专业" :border="false"
|
||||||
|
:placeholderStyle="placeholderStyle" />
|
||||||
|
</tn-form-item>
|
||||||
|
|
||||||
|
<!-- 最高学历 -->
|
||||||
|
<tn-form-item label="最高学历" prop="zgxl" class="form-item-vertical" required>
|
||||||
|
<tn-radio-group activeColor="#1A73E8" :size="43" v-model="form.zgxl" direction="row">
|
||||||
|
<tn-radio v-for="edu in educationOptions" :key="edu.value" :name="edu.value">{{ edu.label
|
||||||
|
}}</tn-radio>
|
||||||
|
</tn-radio-group>
|
||||||
|
</tn-form-item>
|
||||||
|
|
||||||
|
<!-- 工作单位 -->
|
||||||
|
<tn-form-item label="工作单位" prop="danwei" class="form-item-vertical" required>
|
||||||
|
<tn-input v-model="form.danwei" type="text" placeholder="请输入工作单位" :border="false"
|
||||||
|
:placeholderStyle="placeholderStyle" />
|
||||||
|
</tn-form-item>
|
||||||
|
|
||||||
|
<!-- 累计从事本职业时间 -->
|
||||||
|
<tn-form-item label="累计从事本职业时间" prop="leijishijian" class="form-item-vertical" required>
|
||||||
|
<tn-input v-model="form.leijishijian" type="text" placeholder="请输入累计从事本职业时间" :border="false"
|
||||||
|
:placeholderStyle="placeholderStyle" />
|
||||||
|
</tn-form-item>
|
||||||
|
|
||||||
|
<!-- 培训基地 -->
|
||||||
|
<tn-form-item label="培训基地" prop="pxjd" class="form-item-vertical" required>
|
||||||
|
<tn-input v-model="form.pxjd" type="text" placeholder="请输入培训基地" :border="false"
|
||||||
|
:placeholderStyle="placeholderStyle" />
|
||||||
|
</tn-form-item>
|
||||||
|
</tn-form>
|
||||||
|
|
||||||
|
<!-- 提交按钮 -->
|
||||||
|
<view class="submit-section">
|
||||||
|
|
||||||
|
<tn-button fontColor="#ffffff" type="primary" width="100%" height="88rpx" @click="submitForm"
|
||||||
|
:loading="submitting" backgroundColor="#1A73E8">
|
||||||
|
马上提交
|
||||||
|
</tn-button>
|
||||||
|
</view>
|
||||||
|
<!-- 用户协议同意 -->
|
||||||
|
<view class="agreement-section">
|
||||||
|
<view>
|
||||||
|
<tn-checkbox-group activeColor="#1A73E8" :size="43" v-model="agreementChecked">
|
||||||
|
<tn-checkbox name="agree" class="agreement-checkbox"></tn-checkbox>
|
||||||
|
</tn-checkbox-group>
|
||||||
|
</view>
|
||||||
|
<view class="agreement-content">
|
||||||
|
<text class="agreement-text">我已阅读并同意</text>
|
||||||
|
<text class="agreement-link" @click="openUserAgreement">《用户服务协议》</text>
|
||||||
|
<text class="agreement-text">和</text>
|
||||||
|
<text class="agreement-link" @click="openPrivacyPolicy">《隐私政策》</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<!-- 日期选择器 -->
|
||||||
|
<tn-picker v-model="datePickerShow" mode="time" :params="dateParams" @confirm="onDateConfirm"
|
||||||
|
@cancel="datePickerShow = false"></tn-picker>
|
||||||
|
<login ref="login" v-on:succ="ajax()"></login>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
TimeShow: false,
|
||||||
|
// 表单数据
|
||||||
|
form: {
|
||||||
|
name: '', // 姓名
|
||||||
|
sex: '', // 性别
|
||||||
|
code: '', // 身份证号
|
||||||
|
userymd: '', // 出生日期
|
||||||
|
phone: '', // 联系电话
|
||||||
|
oneimage: '', // 电子照片URL（用于显示）
|
||||||
|
imageFile: null, // 电子照片文件（用于提交）
|
||||||
|
kemu: [], // 报考科目
|
||||||
|
jibie: '', // 报考级别
|
||||||
|
type: [], // 报考类型
|
||||||
|
by_school: '', // 毕业学校
|
||||||
|
by_zy: '', // 毕业专业
|
||||||
|
zgxl: '', // 最高学历
|
||||||
|
danwei: '', // 工作单位
|
||||||
|
leijishijian: '', // 累计从事本职业时间
|
||||||
|
pxjd: '' // 培训基地
|
||||||
|
},
|
||||||
|
|
||||||
|
// 表单配置
|
||||||
|
errorType: ['toast'],
|
||||||
|
labelPosition: 'top',
|
||||||
|
labelWidth: 120,
|
||||||
|
labelAlign: 'left',
|
||||||
|
placeholderStyle: 'color: #999; font-size: 28rpx;',
|
||||||
|
// 日期选择器
|
||||||
|
datePickerShow: false,
|
||||||
|
dateParams: {
|
||||||
|
year: true,
|
||||||
|
month: true,
|
||||||
|
day: true,
|
||||||
|
hour: false,
|
||||||
|
minute: false,
|
||||||
|
second: false
|
||||||
|
},
|
||||||
|
|
||||||
|
// 提交状态
|
||||||
|
submitting: false,
|
||||||
|
|
||||||
|
// 用户协议同意状态
|
||||||
|
agreementChecked: [],
|
||||||
|
|
||||||
|
// 选项数据
|
||||||
|
subjectOptions: [
|
||||||
|
{ label: '游泳救生员', value: '游泳救生员' },
|
||||||
|
{ label: '游泳社会体育指导员', value: '游泳社会体育指导员' },
|
||||||
|
{ label: '健身教练', value: '健身教练' },
|
||||||
|
{ label: '水质管理员', value: '水质管理员' },
|
||||||
|
{ label: '潜水', value: '潜水' },
|
||||||
|
{ label: '滑雪', value: '滑雪' },
|
||||||
|
{ label: '少儿体适能', value: '少儿体适能' }
|
||||||
|
],
|
||||||
|
|
||||||
|
levelOptions: [
|
||||||
|
{ label: '初级（五级）', value: '初级（五级）' },
|
||||||
|
{ label: '中级（四级）', value: '中级（四级）' },
|
||||||
|
{ label: '高级（三级）', value: '高级（三级）' }
|
||||||
|
],
|
||||||
|
|
||||||
|
examTypeOptions: [
|
||||||
|
{ label: '正常', value: '正常' },
|
||||||
|
{ label: '补考理论', value: '补考理论' },
|
||||||
|
{ label: '补考实操', value: '补考实操' },
|
||||||
|
{ label: '补考双项', value: '补考双项' }
|
||||||
|
],
|
||||||
|
|
||||||
|
educationOptions: [
|
||||||
|
{ label: '博士', value: '博士' },
|
||||||
|
{ label: '硕士', value: '硕士' },
|
||||||
|
{ label: '大学', value: '大学' },
|
||||||
|
{ label: '大专', value: '大专' },
|
||||||
|
{ label: '高中、高职、中专', value: '高中、高职、中专' },
|
||||||
|
{ label: '初中', value: '初中' },
|
||||||
|
{ label: '小学', value: '小学' }
|
||||||
|
]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onLoad(){
|
||||||
|
//console.log(this.utils.apiUrlReturn());
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// 显示日期选择器
|
||||||
|
showDatePicker() {
|
||||||
|
this.datePickerShow = true
|
||||||
|
},
|
||||||
|
|
||||||
|
// 日期选择确认
|
||||||
|
onDateConfirm(e) {
|
||||||
|
this.form.userymd = e.year + '/' + e.month + '/' + e.day;
|
||||||
|
this.datePickerShow = false
|
||||||
|
},
|
||||||
|
|
||||||
|
// 选择图片
|
||||||
|
chooseImage() {
|
||||||
|
console.log(123);
|
||||||
|
uni.chooseImage({
|
||||||
|
count: 1,
|
||||||
|
sizeType: ['compressed'],
|
||||||
|
sourceType: ['album', 'camera'],
|
||||||
|
success: (res) => {
|
||||||
|
const tempFilePath = res.tempFilePaths[0]
|
||||||
|
// 保存文件路径用于后续提交
|
||||||
|
this.form.imageFile = tempFilePath
|
||||||
|
// 设置显示用的URL
|
||||||
|
this.form.oneimage = tempFilePath
|
||||||
|
|
||||||
|
uni.showToast({
|
||||||
|
title: '图片选择成功',
|
||||||
|
icon: 'success'
|
||||||
|
})
|
||||||
|
},
|
||||||
|
fail: (res) => {
|
||||||
|
console.log(res);
|
||||||
|
uni.showToast({
|
||||||
|
title: '选择图片失败',
|
||||||
|
icon: 'none'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
// 预览图片
|
||||||
|
previewImage() {
|
||||||
|
if (this.form.oneimage) {
|
||||||
|
uni.previewImage({
|
||||||
|
urls: [this.form.oneimage],
|
||||||
|
current: this.form.oneimage
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// 提交表单
|
||||||
|
submitForm() {
|
||||||
|
// 检查是否同意用户协议
|
||||||
|
if (!this.agreementChecked.includes('agree')) {
|
||||||
|
uni.showToast({
|
||||||
|
title: '请先同意用户服务协议和隐私政策',
|
||||||
|
icon: 'none'
|
||||||
|
})
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
// 验证表单字段
|
||||||
|
if (!this.validateForm()) {
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
this.submitting = true
|
||||||
|
|
||||||
|
// 准备提交数据
|
||||||
|
const formData = {
|
||||||
|
name: this.form.name,
|
||||||
|
sex: this.form.sex,
|
||||||
|
code: this.form.code,
|
||||||
|
userymd: this.form.userymd,
|
||||||
|
phone: this.form.phone,
|
||||||
|
kemu: this.form.kemu.join(','), // 数组转字符串
|
||||||
|
jibie: this.form.jibie,
|
||||||
|
type: this.form.type.join(','), // 数组转字符串
|
||||||
|
by_school: this.form.by_school,
|
||||||
|
by_zy: this.form.by_zy,
|
||||||
|
zgxl: this.form.zgxl,
|
||||||
|
danwei: this.form.danwei,
|
||||||
|
leijishijian: this.form.leijishijian,
|
||||||
|
pxjd: this.form.pxjd
|
||||||
|
}
|
||||||
|
|
||||||
|
// 使用uni.uploadFile提交表单和文件
|
||||||
|
uni.uploadFile({
|
||||||
|
url: this.utils.apiUrlReturn() + '/addons/exam/gzinfo/add', // 替换为您的提交接口
|
||||||
|
filePath: this.form.imageFile,
|
||||||
|
name: 'oneimage', // 文件字段名
|
||||||
|
formData: formData, // 其他表单数据
|
||||||
|
header: {
|
||||||
|
'token': uni.getStorageSync('token')
|
||||||
|
},
|
||||||
|
success: (res) => {
|
||||||
|
this.submitting = false;
|
||||||
|
console.log(res);
|
||||||
|
const data = JSON.parse(res.data)
|
||||||
|
if(data.code===401){
|
||||||
|
uni.showToast({
|
||||||
|
title: '请登录后提交！',
|
||||||
|
icon: 'none'
|
||||||
|
})
|
||||||
|
this.$refs.login.modal = true;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (res.statusCode === 200 && data.code === 1) {
|
||||||
|
uni.showToast({
|
||||||
|
title: '提交成功',
|
||||||
|
icon: 'success'
|
||||||
|
})
|
||||||
|
// 提交成功后清空表单
|
||||||
|
this.resetForm()
|
||||||
|
} else {
|
||||||
|
uni.showToast({
|
||||||
|
title: data.message || '提交失败',
|
||||||
|
icon: 'none'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
fail: (error) => {
|
||||||
|
this.submitting = false
|
||||||
|
uni.showToast({
|
||||||
|
title: '提交失败',
|
||||||
|
icon: 'none'
|
||||||
|
})
|
||||||
|
console.error('提交错误:', error)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
//判断表单字段
|
||||||
|
validateForm() {
|
||||||
|
// 判断姓名
|
||||||
|
if (!this.form.name || this.form.name.trim() === '') {
|
||||||
|
uni.showToast({
|
||||||
|
title: '请输入姓名',
|
||||||
|
icon: 'none'
|
||||||
|
})
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
|
||||||
|
// 判断性别
|
||||||
|
if (!this.form.sex || this.form.sex === '') {
|
||||||
|
uni.showToast({
|
||||||
|
title: '请选择性别',
|
||||||
|
icon: 'none'
|
||||||
|
})
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
|
||||||
|
// 判断身份证号
|
||||||
|
if (!this.form.code || this.form.code.trim() === '') {
|
||||||
|
uni.showToast({
|
||||||
|
title: '请输入身份证号',
|
||||||
|
icon: 'none'
|
||||||
|
})
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
|
||||||
|
// 验证身份证号格式
|
||||||
|
const idCardReg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/
|
||||||
|
if (!idCardReg.test(this.form.code)) {
|
||||||
|
uni.showToast({
|
||||||
|
title: '身份证号格式不正确',
|
||||||
|
icon: 'none'
|
||||||
|
})
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
|
||||||
|
// 判断出生日期
|
||||||
|
if (!this.form.userymd || this.form.userymd === '') {
|
||||||
|
uni.showToast({
|
||||||
|
title: '请选择出生日期',
|
||||||
|
icon: 'none'
|
||||||
|
})
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
|
||||||
|
// 判断联系电话
|
||||||
|
if (!this.form.phone || this.form.phone.trim() === '') {
|
||||||
|
uni.showToast({
|
||||||
|
title: '请输入联系电话',
|
||||||
|
icon: 'none'
|
||||||
|
})
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
|
||||||
|
// 验证手机号格式
|
||||||
|
const phone = this.form.phone.trim()
|
||||||
|
|
||||||
|
// 检查是否为11位数字
|
||||||
|
if (!/^\d{11}$/.test(phone)) {
|
||||||
|
uni.showToast({
|
||||||
|
title: '手机号必须为11位数字',
|
||||||
|
icon: 'none'
|
||||||
|
})
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
|
||||||
|
// 检查是否以1开头
|
||||||
|
if (!phone.startsWith('1')) {
|
||||||
|
uni.showToast({
|
||||||
|
title: '手机号必须以1开头',
|
||||||
|
icon: 'none'
|
||||||
|
})
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
|
||||||
|
// 检查第二位数字是否为3-9
|
||||||
|
const secondDigit = phone.charAt(1)
|
||||||
|
if (!/[3-9]/.test(secondDigit)) {
|
||||||
|
uni.showToast({
|
||||||
|
title: '手机号第二位必须为3-9',
|
||||||
|
icon: 'none'
|
||||||
|
})
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
|
||||||
|
// 详细的运营商号段验证
|
||||||
|
const phoneReg = /^1(3[0-9]|4[01456879]|5[0-35-9]|6[2567]|7[0-8]|8[0-9]|9[0-35-9])\d{8}$/
|
||||||
|
if (!phoneReg.test(phone)) {
|
||||||
|
uni.showToast({
|
||||||
|
title: '请输入正确的手机号码',
|
||||||
|
icon: 'none'
|
||||||
|
})
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
|
||||||
|
// 判断电子照片
|
||||||
|
if (!this.form.imageFile) {
|
||||||
|
uni.showToast({
|
||||||
|
title: '请选择蓝底电子版照片',
|
||||||
|
icon: 'none'
|
||||||
|
})
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
|
||||||
|
// 判断报考科目
|
||||||
|
if (!this.form.kemu || this.form.kemu.length === 0) {
|
||||||
|
uni.showToast({
|
||||||
|
title: '请选择报考科目',
|
||||||
|
icon: 'none'
|
||||||
|
})
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
|
||||||
|
// 判断报考级别
|
||||||
|
if (!this.form.jibie || this.form.jibie === '') {
|
||||||
|
uni.showToast({
|
||||||
|
title: '请选择报考级别',
|
||||||
|
icon: 'none'
|
||||||
|
})
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
|
||||||
|
// 判断报考类型
|
||||||
|
if (!this.form.type || this.form.type.length === 0) {
|
||||||
|
uni.showToast({
|
||||||
|
title: '请选择报考类型',
|
||||||
|
icon: 'none'
|
||||||
|
})
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
|
||||||
|
// 判断毕业学校
|
||||||
|
if (!this.form.by_school || this.form.by_school.trim() === '') {
|
||||||
|
uni.showToast({
|
||||||
|
title: '请输入毕业学校',
|
||||||
|
icon: 'none'
|
||||||
|
})
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
|
||||||
|
// 判断毕业专业
|
||||||
|
if (!this.form.by_zy || this.form.by_zy.trim() === '') {
|
||||||
|
uni.showToast({
|
||||||
|
title: '请输入毕业专业',
|
||||||
|
icon: 'none'
|
||||||
|
})
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
|
||||||
|
// 判断最高学历
|
||||||
|
if (!this.form.zgxl || this.form.zgxl === '') {
|
||||||
|
uni.showToast({
|
||||||
|
title: '请选择最高学历',
|
||||||
|
icon: 'none'
|
||||||
|
})
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
|
||||||
|
// 判断工作单位
|
||||||
|
if (!this.form.danwei || this.form.danwei.trim() === '') {
|
||||||
|
uni.showToast({
|
||||||
|
title: '请输入工作单位',
|
||||||
|
icon: 'none'
|
||||||
|
})
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
|
||||||
|
// 判断累计从事本职业时间
|
||||||
|
if (!this.form.leijishijian || this.form.leijishijian.trim() === '') {
|
||||||
|
uni.showToast({
|
||||||
|
title: '请输入累计从事本职业时间',
|
||||||
|
icon: 'none'
|
||||||
|
})
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
|
||||||
|
// 判断培训基地
|
||||||
|
if (!this.form.pxjd || this.form.pxjd.trim() === '') {
|
||||||
|
uni.showToast({
|
||||||
|
title: '请输入培训基地',
|
||||||
|
icon: 'none'
|
||||||
|
})
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
|
||||||
|
// 所有验证通过
|
||||||
|
return true
|
||||||
|
},
|
||||||
|
|
||||||
|
// 打开用户服务协议
|
||||||
|
openUserAgreement() {
|
||||||
|
// 这里可以跳转到用户服务协议页面
|
||||||
|
uni.showToast({
|
||||||
|
title: '打开用户服务协议',
|
||||||
|
icon: 'none'
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
// 打开隐私政策
|
||||||
|
openPrivacyPolicy() {
|
||||||
|
// 这里可以跳转到隐私政策页面
|
||||||
|
uni.showToast({
|
||||||
|
title: '打开隐私政策',
|
||||||
|
icon: 'none'
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
// 切换科目选择
|
||||||
|
toggleSubject(value) {
|
||||||
|
const index = this.form.kemu.indexOf(value)
|
||||||
|
if (index > -1) {
|
||||||
|
// 如果已选中，则取消选择
|
||||||
|
this.form.kemu.splice(index, 1)
|
||||||
|
} else {
|
||||||
|
// 如果未选中，则添加选择
|
||||||
|
this.form.kemu.push(value)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
// 切换报考类型选择
|
||||||
|
toggleExamType(value) {
|
||||||
|
const index = this.form.type.indexOf(value)
|
||||||
|
if (index > -1) {
|
||||||
|
// 如果已选中，则取消选择
|
||||||
|
this.form.type.splice(index, 1)
|
||||||
|
} else {
|
||||||
|
// 如果未选中，则添加选择
|
||||||
|
this.form.type.push(value)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
// 实时验证手机号
|
||||||
|
validatePhone() {
|
||||||
|
const phone = this.form.phone.trim()
|
||||||
|
|
||||||
|
// 如果为空，不显示错误（在提交时再验证）
|
||||||
|
if (!phone) {
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
// 长度检查
|
||||||
|
if (phone.length !== 11) {
|
||||||
|
uni.showToast({
|
||||||
|
title: '手机号必须为11位',
|
||||||
|
icon: 'none',
|
||||||
|
duration: 1500
|
||||||
|
})
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
// 格式检查
|
||||||
|
const phoneReg = /^1(3[0-9]|4[01456879]|5[0-35-9]|6[2567]|7[0-8]|8[0-9]|9[0-35-9])\d{8}$/
|
||||||
|
if (!phoneReg.test(phone)) {
|
||||||
|
uni.showToast({
|
||||||
|
title: '请输入正确的手机号码',
|
||||||
|
icon: 'none',
|
||||||
|
duration: 1500
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
// 重置表单
|
||||||
|
resetForm() {
|
||||||
|
// 清空表单数据
|
||||||
|
this.form = {
|
||||||
|
name: '', // 姓名
|
||||||
|
sex: '', // 性别
|
||||||
|
code: '', // 身份证号
|
||||||
|
userymd: '', // 出生日期
|
||||||
|
phone: '', // 联系电话
|
||||||
|
oneimage: '', // 电子照片URL（用于显示）
|
||||||
|
imageFile: null, // 电子照片文件（用于提交）
|
||||||
|
kemu: [], // 报考科目
|
||||||
|
jibie: '', // 报考级别
|
||||||
|
type: [], // 报考类型
|
||||||
|
by_school: '', // 毕业学校
|
||||||
|
by_zy: '', // 毕业专业
|
||||||
|
zgxl: '', // 最高学历
|
||||||
|
danwei: '', // 工作单位
|
||||||
|
leijishijian: '', // 累计从事本职业时间
|
||||||
|
pxjd: '' // 培训基地
|
||||||
|
}
|
||||||
|
|
||||||
|
// 清空用户协议选择
|
||||||
|
this.agreementChecked = []
|
||||||
|
|
||||||
|
// 清空日期选择器状态
|
||||||
|
this.datePickerShow = false
|
||||||
|
|
||||||
|
uni.showToast({
|
||||||
|
title: '表单已重置',
|
||||||
|
icon: 'success',
|
||||||
|
duration: 1500
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.container {
|
||||||
|
min-height: 100vh;
|
||||||
|
background-color: #f8f8f8;
|
||||||
|
padding: 20rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-container {
|
||||||
|
background-color: #ffffff;
|
||||||
|
border-radius: 20rpx;
|
||||||
|
padding: 0rpx 40rpx;
|
||||||
|
padding-bottom: 50rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 垂直布局的表单项
|
||||||
|
.form-item-vertical {
|
||||||
|
/deep/ .tn-form-item__body {
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: flex-start;
|
||||||
|
}
|
||||||
|
|
||||||
|
/deep/ .tn-form-item__label {
|
||||||
|
margin-bottom: 20rpx;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #333;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 将必填*号放在文字左侧
|
||||||
|
/deep/ .tn-form-item--left__content--required {
|
||||||
|
position: absolute;
|
||||||
|
left: -20rpx;
|
||||||
|
top: 50%;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
color: #ff0000 !important;
|
||||||
|
order: -1;
|
||||||
|
}
|
||||||
|
|
||||||
|
/deep/ .tn-form-item--left__content {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
/deep/ .tn-form-item__content {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 去掉下划线
|
||||||
|
/deep/ .tn-form-item {
|
||||||
|
border-bottom: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/deep/ .tn-form-item::after {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 确保所有输入框宽度为100%
|
||||||
|
/deep/ .tn-input {
|
||||||
|
width: 640rpx;
|
||||||
|
background-color: #F7F7F7 !important;
|
||||||
|
border: none !important;
|
||||||
|
padding: 20rpx;
|
||||||
|
height: 100rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
/deep/ .tn-input__input {
|
||||||
|
width: 100%;
|
||||||
|
background-color: #F7F7F7 !important;
|
||||||
|
border: none !important;
|
||||||
|
padding: 20rpx;
|
||||||
|
height: 100rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
/deep/ .tn-input__wrap {
|
||||||
|
background-color: #F7F7F7 !important;
|
||||||
|
border: none !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 日期选择器样式
|
||||||
|
.date-picker-wrapper {
|
||||||
|
position: relative;
|
||||||
|
width: 640rpx;
|
||||||
|
|
||||||
|
/deep/ .tn-input {
|
||||||
|
width: 640rpx;
|
||||||
|
background-color: #F7F7F7 !important;
|
||||||
|
border: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/deep/ .tn-input__input {
|
||||||
|
width: 100%;
|
||||||
|
background-color: #F7F7F7 !important;
|
||||||
|
border: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/deep/ .tn-input__wrap {
|
||||||
|
background-color: #F7F7F7 !important;
|
||||||
|
border: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.picker-icon {
|
||||||
|
position: absolute;
|
||||||
|
right: 20rpx;
|
||||||
|
top: 50%;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
color: #999;
|
||||||
|
font-size: 32rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 新的图片上传样式
|
||||||
|
.upload-new-wrapper {
|
||||||
|
width: 640rpx;
|
||||||
|
|
||||||
|
.upload-status {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding: 20rpx 10rpx 20rpx 30rpx;
|
||||||
|
background-color: #F7F7F7;
|
||||||
|
border-radius: 0rpx;
|
||||||
|
height: 100rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
|
||||||
|
.upload-status-text {
|
||||||
|
color: #666;
|
||||||
|
font-size: 28rpx;
|
||||||
|
flex: 1;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
.preview-link {
|
||||||
|
color: #1A73E8;
|
||||||
|
text-decoration: underline;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.upload-btn {
|
||||||
|
padding: 8rpx 20rpx;
|
||||||
|
|
||||||
|
.upload-btn-text {
|
||||||
|
color: #333;
|
||||||
|
font-size: 24rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.preview-section {
|
||||||
|
margin-top: 20rpx;
|
||||||
|
|
||||||
|
.preview-thumb {
|
||||||
|
width: 120rpx;
|
||||||
|
height: 120rpx;
|
||||||
|
border-radius: 8rpx;
|
||||||
|
border: 1rpx solid #eee;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 科目标签样式
|
||||||
|
.subject-tags {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 20rpx;
|
||||||
|
|
||||||
|
.subject-tag {
|
||||||
|
position: relative;
|
||||||
|
width: 640rpx;
|
||||||
|
padding: 10rpx 40rpx;
|
||||||
|
border-radius: 0rpx;
|
||||||
|
background-color: #f8f8f8;
|
||||||
|
color: #666;
|
||||||
|
font-size: 28rpx;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
text-align: left;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
|
||||||
|
&--selected {
|
||||||
|
border-color: #1A73E8;
|
||||||
|
background-color: #e8f0fe;
|
||||||
|
color: #1A73E8;
|
||||||
|
}
|
||||||
|
|
||||||
|
&__check {
|
||||||
|
width: 40rpx;
|
||||||
|
height: 40rpx;
|
||||||
|
background-color: #1A73E8;
|
||||||
|
border-radius: 50%;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 24rpx;
|
||||||
|
flex-shrink: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 报考类型标签样式（与科目标签样式一致）
|
||||||
|
.exam-type-tags {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 20rpx;
|
||||||
|
|
||||||
|
.exam-type-tag {
|
||||||
|
position: relative;
|
||||||
|
width: 640rpx;
|
||||||
|
padding: 10rpx 40rpx;
|
||||||
|
background-color: #f8f8f8;
|
||||||
|
color: #666;
|
||||||
|
font-size: 28rpx;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
text-align: left;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
|
||||||
|
&--selected {
|
||||||
|
background-color: #e8f0fe;
|
||||||
|
color: #1A73E8;
|
||||||
|
}
|
||||||
|
|
||||||
|
&__check {
|
||||||
|
width: 40rpx;
|
||||||
|
height: 40rpx;
|
||||||
|
background-color: #1A73E8;
|
||||||
|
border-radius: 50%;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 24rpx;
|
||||||
|
flex-shrink: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 用户协议区域
|
||||||
|
.agreement-section {
|
||||||
|
margin-top: 30rpx;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.agreement-text {
|
||||||
|
color: #666;
|
||||||
|
font-size: 26rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.agreement-link {
|
||||||
|
color: #1A73E8;
|
||||||
|
font-size: 26rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 提交按钮区域
|
||||||
|
.submit-section {
|
||||||
|
margin-top: 30rpx;
|
||||||
|
padding: 0 20rpx;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
BIN
static/img/4.png
BIN
static/img/4.png
Binary file not shown.
|
Before Width: | Height: | Size: 5.2 KiB After Width: | Height: | Size: 5.4 KiB |
BIN
static/img/5.png
Normal file
BIN
static/img/5.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.3 KiB |
@ -201,6 +201,7 @@
|
|||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
line-height: 1.8;
|
line-height: 1.8;
|
||||||
|
padding-bottom: 20rpx;
|
||||||
|
|
||||||
&__icon-wrap {
|
&__icon-wrap {
|
||||||
color: $tn-font-color;
|
color: $tn-font-color;
|
||||||
@ -216,7 +217,7 @@
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
transition-property: color, border-color, background-color;
|
transition-property: color, border-color, background-color;
|
||||||
font-size: 20rpx;
|
font-size: 20rpx;
|
||||||
border: 1rpx solid $tn-font-sub-color;
|
border: 1px solid $tn-font-sub-color;
|
||||||
transition-duration: 0.2s;
|
transition-duration: 0.2s;
|
||||||
|
|
||||||
/* #ifdef MP-TOUTIAO */
|
/* #ifdef MP-TOUTIAO */
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user