Skip to content

S
study
Commit a81d6c73 authored by Facius's avatar Facius
Browse files
Options

feat: 选择题库-设置页面

parent 3b4ddfda
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 800 additions and 115 deletions
.env.js
View file @ a81d6c73
(function () { ;(function() {
let NODE_ENV = 'dev'; // dev:开发环境 | test:测试环境 | prod:生产环境 let NODE_ENV = 'dev' // dev:开发环境 | test:测试环境 | prod:生产环境
let ENV_VAR = null; let ENV_VAR = null
if (process.env.NODE_ENV === "development") { if (process.env.NODE_ENV === 'development') {
if (NODE_ENV === 'dev') { if (NODE_ENV === 'dev') {
ENV_VAR = require('./.env.dev.js'); ENV_VAR = require('./.env.dev.js')
} else if (NODE_ENV === 'test') { } else if (NODE_ENV === 'test') {
ENV_VAR = require('./.env.test.js'); ENV_VAR = require('./.env.test.js')
} else if (NODE_ENV === 'prod') { } else if (NODE_ENV === 'prod') {
ENV_VAR = require('./.env.prod.js'); ENV_VAR = require('./.env.prod.js')
} }
} else if (process.env.NODE_ENV === "production") { } else if (process.env.NODE_ENV === 'production') {
if (NODE_ENV === 'test') { if (NODE_ENV === 'test') {
ENV_VAR = require('./.env.test.js'); ENV_VAR = require('./.env.test.js')
} else if (NODE_ENV === 'prod') { } else if (NODE_ENV === 'prod') {
ENV_VAR = require('./.env.prod.js'); ENV_VAR = require('./.env.prod.js')
} }
} }
if (ENV_VAR) { ENV_VAR['bmapAK'] = 'lF1HoyXdiv4uZx6TrGQEZs48F5y8kEHI'
process.uniEnv = {}; if (ENV_VAR) {
process.uniEnv['node_env'] = NODE_ENV; process.uniEnv = {}
for (let key in ENV_VAR) { process.uniEnv['node_env'] = NODE_ENV
process.uniEnv[key] = ENV_VAR[key]; for (let key in ENV_VAR) {
} process.uniEnv[key] = ENV_VAR[key]
} }
})(); }
})()
src/libs/bmap-wx.min.js 0 → 100644
View file @ a81d6c73
This diff is collapsed.
src/manifest.json
View file @ a81d6c73
{ {
"name": "", "name" : "",
"appid": "", "appid" : "",
"description": "", "description" : "",
"versionName": "1.0.0", "versionName" : "1.0.0",
"versionCode": "100", "versionCode" : "100",
"transformPx": false, "transformPx" : false,
"app-plus": { /* 5+App特有相关 */ "app-plus" : {
"usingComponents": true, /* 5+App特有相关 */
"splashscreen": { "usingComponents" : true,
"alwaysShowBeforeRender": true, "splashscreen" : {
"waiting": true, "alwaysShowBeforeRender" : true,
"autoclose": true, "waiting" : true,
"delay": 0 "autoclose" : true,
}, "delay" : 0
"modules": { /* 模块配置 */ },
"modules" : {},
}, /* 模块配置 */
"distribute": { /* 应用发布信息 */ "distribute" : {
"android": { /* android打包配置 */ /* 应用发布信息 */
"permissions": ["<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>", "android" : {
"<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>", /* android打包配置 */
"<uses-permission android:name=\"android.permission.READ_CONTACTS\"/>", "permissions" : [
"<uses-permission android:name=\"android.permission.VIBRATE\"/>", "<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
"<uses-permission android:name=\"android.permission.READ_LOGS\"/>", "<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
"<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>", "<uses-permission android:name=\"android.permission.READ_CONTACTS\"/>",
"<uses-feature android:name=\"android.hardware.camera.autofocus\"/>", "<uses-permission android:name=\"android.permission.VIBRATE\"/>",
"<uses-permission android:name=\"android.permission.WRITE_CONTACTS\"/>", "<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
"<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>", "<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
"<uses-permission android:name=\"android.permission.CAMERA\"/>", "<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
"<uses-permission android:name=\"android.permission.RECORD_AUDIO\"/>", "<uses-permission android:name=\"android.permission.WRITE_CONTACTS\"/>",
"<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>", "<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
"<uses-permission android:name=\"android.permission.MODIFY_AUDIO_SETTINGS\"/>", "<uses-permission android:name=\"android.permission.CAMERA\"/>",
"<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>", "<uses-permission android:name=\"android.permission.RECORD_AUDIO\"/>",
"<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>", "<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
"<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>", "<uses-permission android:name=\"android.permission.MODIFY_AUDIO_SETTINGS\"/>",
"<uses-permission android:name=\"android.permission.CALL_PHONE\"/>", "<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
"<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>", "<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
"<uses-permission android:name=\"android.permission.ACCESS_COARSE_LOCATION\"/>", "<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
"<uses-feature android:name=\"android.hardware.camera\"/>", "<uses-permission android:name=\"android.permission.CALL_PHONE\"/>",
"<uses-permission android:name=\"android.permission.ACCESS_FINE_LOCATION\"/>", "<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
"<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>" "<uses-permission android:name=\"android.permission.ACCESS_COARSE_LOCATION\"/>",
] "<uses-feature android:name=\"android.hardware.camera\"/>",
}, "<uses-permission android:name=\"android.permission.ACCESS_FINE_LOCATION\"/>",
"ios": { /* ios打包配置 */ "<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
]
}, },
"sdkConfigs": { /* SDK配置 */ "ios" : {},
/* ios打包配置 */
} "sdkConfigs" : {}
} }
}, },
"quickapp": { /* 快应用特有相关 */ /* SDK配置 */
"quickapp" : {},
}, /* 快应用特有相关 */
"mp-weixin": { /* 微信小程序特有相关 */ "mp-weixin" : {
"appid": "wxfd20fa0ca340284b", /* 微信小程序特有相关 */
"setting": { "appid" : "wxfd20fa0ca340284b",
"urlCheck": false, "setting" : {
"es6" : true "urlCheck" : false,
}, "es6" : true
"usingComponents": true },
}, "usingComponents" : true,
"mp-alipay" : { "permission" : {
"usingComponents" : true "scope.userLocation" : {
}, "desc" : "您的位置信息将用于默认对应区域题库的选择"
"mp-baidu" : { }
"usingComponents" : true }
}, },
"mp-toutiao" : { "mp-alipay" : {
"usingComponents" : true "usingComponents" : true
}, },
"mp-qq" : { "mp-baidu" : {
"usingComponents" : true "usingComponents" : true
} },
} "mp-toutiao" : {
"usingComponents" : true
},
"mp-qq" : {
"usingComponents" : true
}
}
src/pages.json
View file @ a81d6c73
...@@ -74,6 +74,16 @@ ...@@ -74,6 +74,16 @@
"enablePullDownRefresh": false, "enablePullDownRefresh": false,
"disableScroll": true "disableScroll": true
} }
},
{
"path": "examSetting",
"name": "learnExamSetting",
"style": {
"navigationBarTitleText": "选择题库-设置",
"navigationStyle": "custom",
"enablePullDownRefresh": false,
"disableScroll": true
}
} }
] ]
}, },
......
src/pages/learn/addExam.vue
View file @ a81d6c73
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
<!-- 类别 --> <!-- 类别 -->
<view> <view>
<view class="category-view"> <view class="category-view">
<text>{{ category.name}}</text> <text>{{ category.name }}</text>
</view> </view>
</view> </view>
<view class="label-title"> <view class="label-title">
...@@ -25,11 +25,16 @@ ...@@ -25,11 +25,16 @@
<view>{{ label.name }}</view> <view>{{ label.name }}</view>
<view class="label-text"> <view class="label-text">
共 共
<text class="label-blue">{{label.quantity}}</text>道精编试题，通过率 <text class="label-blue">{{ label.quantity }}</text
>道精编试题，通过率
<text class="label-blue">{{ label.pass }}</text> <text class="label-blue">{{ label.pass }}</text>
</view> </view>
</view> </view>
<u-button :customStyle="buttonStyle" @click="handleClick(index)"> <u-button
:customStyle="buttonStyle"
@click="handleClick(index)"
type="primary"
>
<u-icon name="plus"></u-icon>添加 <u-icon name="plus"></u-icon>添加
</u-button> </u-button>
</view> </view>
...@@ -38,17 +43,16 @@ ...@@ -38,17 +43,16 @@
<view class="tag-loading-view" v-if="loading"> <view class="tag-loading-view" v-if="loading">
<u-loading mode="flower"></u-loading> <u-loading mode="flower"></u-loading>
</view> </view>
<!-- 无供应商、无品牌 --> <!-- 无数据 -->
<view class="tag-loading-view" v-else-if="list.length <= 0">暂无数据</view> <view class="tag-loading-view" v-else-if="list.length <= 0"
>暂无数据</view
>
</view> </view>
</view> </view>
</template> </template>
<script> <script>
import uButton from '../../uview-ui/components/u-button/u-button.vue'
import UIcon from '../../uview-ui/components/u-icon/u-icon.vue'
export default { export default {
components: { uButton, UIcon },
data() { data() {
return { return {
category: {}, category: {},
...@@ -80,7 +84,13 @@ export default { ...@@ -80,7 +84,13 @@ export default {
methods: { methods: {
// 点击了添加按钮 // 点击了添加按钮
handleClick(index) { handleClick(index) {
this.selected[key] = label this.$u.route({
url: 'pages/learn/examSetting',
params: {
name: this.list[index].name,
id: this.list[index].id,
},
})
}, },
// 获取题库列表 // 获取题库列表
loadList() { loadList() {
...@@ -97,6 +107,7 @@ export default { ...@@ -97,6 +107,7 @@ export default {
name: '登高架设作业', name: '登高架设作业',
quantity: '80000', quantity: '80000',
pass: '98%', pass: '98%',
id: i,
}) })
} }
// } // }
...@@ -165,9 +176,7 @@ export default { ...@@ -165,9 +176,7 @@ export default {
font-size: 36rpx; font-size: 36rpx;
color: #191c27; color: #191c27;
font-weight: bold; font-weight: bold;
word-break: break-all; word-break: break-all;
.label-text { .label-text {
margin-top: 24rpx; margin-top: 24rpx;
font-size: 26rpx; font-size: 26rpx;
......
src/pages/learn/examSetting.vue 0 → 100644
View file @ a81d6c73
<template>
<view class="exam-setting">
<u-navbar
back-icon-color="#333333"
background="transparent"
titleColor="#191C27"
:border-bottom="false"
title-bold
></u-navbar>
<!-- 类别 -->
<view>
<view class="title-view">
<text>{{ category.name }}</text>
</view>
</view>
<view class="exam-type">
<view>备考类型</view>
<view class="radio-view">
<view
v-for="(item, index) in types"
:key="index"
:class="['item-view', { selected: item.selected }]"
@click="handleClick(item.id)"
>
<view :class="['radio-item-view', { selected: item.selected }]">
<u-icon
name="checkbox-mark"
:class="['item-icon', { selected: item.selected }]"
></u-icon>
<text>{{ item.name }} </text>
</view>
</view>
</view>
</view>
<view class="exam-area">
<view class="area-title-view">
<text class="rea-title-view">包括区域</text>
<text>请确认与所在考试省份一致</text>
</view>
<view class="select-area">
<view @click="handleClickArea" class="area-text-view">
<text>{{ selectedProvince.label }}</text>
<u-icon name="arrow-down"></u-icon>
</view>
<view class="loading-view" v-if="loading">
<u-loading mode="flower"></u-loading>
</view>
<u-picker
mode="region"
v-model="show"
:params="params"
:default-region="defaultRegion"
@confirm="handleConform"
></u-picker>
</view>
</view>
<view class="bottom-view">
<u-button
:customStyle="buttonStyle"
@click="handleClickSure"
shape="circle"
:disabled="buttonDisabled"
:type="buttonDisabled ? '' : 'primary'"
>
确定
</u-button>
</view>
</view>
</template>
<script>
let r = require('../../libs/bmap-wx.min.js')
let h = new r.BMapWX({
ak: process.uniEnv.bmapAK,
})
export default {
data() {
return {
category: { name: '', id: 0 },
list: [], // 题库列表
show: false,
value: '',
types: [
{ id: '1', name: '初训（初次考试）', selected: false },
{ id: '2', name: '复训（年审或换证）', selected: false },
],
selectedProvince: { label: '北京市', value: 11 },
loading: true,
showPop: false,
}
},
computed: {
params() {
return {
province: true,
}
},
defaultRegion() {
console.log(
'---------this.selectedProvince.value-------',
this.selectedProvince.label
)
return [this.selectedProvince.label]
},
buttonStyle() {
return this.buttonDisabled
? {
height: '104rpx',
color: '#FFFFFF',
fontSize: '32rpx',
fontWeight: 'bold',
backgroundColor: '#D2D5DE',
}
: {
height: '104rpx',
color: '#FFFFFF',
fontSize: '32rpx',
fontWeight: 'bold',
backgroundColor: '#2953FF',
}
},
buttonDisabled() {
return !(this.selectedProvince.label && this.selectedType)
},
selectedType() {
for (var item of this.types) {
if (item.selected == true) {
return true
}
}
return false
},
},
onLoad(e) {
if (e && e.name) {
this.category.name = decodeURIComponent(e.name)
console.log('--------this.category.name---------', this.category.name)
}
if (e && e.id) {
this.category.id = e.id
console.log('--------this.category.id---------', this.category.id)
}
this.getLocation()
},
methods: {
// 选中某个单选框时，由radio时触发
radioChange(e) {
// console.log(e);
},
// 选中任一radio时，由radio-group触发
radioGroupChange(e) {
// console.log(e);
},
handleClickArea() {
this.loading = false
this.show = true
},
// 点击了添加按钮
handleClick(selectedId) {
for (var item of this.types) {
console.log(item, selectedId)
item.selected = item.id == selectedId
}
},
handleConform(e) {
console.log(e)
this.selectedProvince = e.province
},
getLocation() {
this.loading = true
uni.getLocation({
type: 'wgs84',
success: (res) => {
console.log('当前位置的经度：' + res.longitude)
console.log('当前位置的纬度：' + res.latitude)
this.baiduLocation(res.longitude, res.latitude)
},
fail: () => {
this.loading = false
},
})
},
handleClickSure() {
console.log('---------handleClickSure----------')
this.showPop = true
},
baiduLocation(long, lat) {
let a = this,
t = function() {
let t = {
success: function(res) {
let e = res.originalData.result
a.selectedProvince.label = e.addressComponent.province
a.loading = false
},
fail: function(a) {
a.loading = false
// n.error(a), console.log(a);
},
}
if (lat && long) {
let e = lat + ',' + long
t.location = e
}
h.regeocoding(t)
}
t()
},
// 获取报考类型
// async loadList() {
// this.loading = true;
// let res = await this.$u.api.fileLabel({categoryId: this.category.id});
// this.loading = false
// if (res && res.code == 200) {
// this.list = res.data || [];
// }
// },
},
}
</script>
<style lang="scss">
.exam-setting {
}
</style>
<style lang="scss" scoped>
.exam-setting {
height: 100vh;
display: flex;
flex-direction: column;
background-color: #f8fafd;
background-image: linear-gradient(to top, #f8fafd 0%, #e9f3ff 50%);
background-size: 100% 520rpx;
background-repeat: no-repeat;
padding: 0 24rpx;
.title-view {
width: 100%;
font-size: 48rpx;
font-weight: bold;
color: #191c27;
margin-bottom: 60rpx;
}
.exam-type {
font-size: 32rpx;
font-weight: bold;
color: #191c27;
.radio-view {
margin-top: 30rpx;
display: flex;
justify-content: space-between;
align-content: center;
margin-bottom: 50rpx;
.item-view {
display: flex;
justify-content: flex-start;
align-content: center;
.radio-item-view {
font-size: 28rpx;
color: #5a6073;
font-weight: bold;
display: flex;
align-items: center;
height: 104rpx;
width: 340rpx;
border-radius: 12rpx;
background-color: #ffffff;
padding-left: 24rpx;
&.selected {
border: 2rpx solid #2953ff;
color: #2953ff;
}
.item-icon {
border: 2rpx solid #9ea5bb;
background-color: transparent;
color: transparent;
border-radius: 36rpx;
width: 36rpx;
height: 36rpx;
display: flex;
justify-content: center;
align-items: center;
margin-right: 16rpx;
flex-shrink: 0;
&.selected {
border: 2rpx solid #2953ff;
color: #ffffff;
background-color: #2953ff;
}
}
}
}
}
}
.exam-area {
height: 100%;
overflow: auto;
.area-title-view {
display: flex;
justify-content: space-between;
align-content: flex-end;
font-size: 26rpx;
color: #9ea5bb;
margin-bottom: 30rpx;
.rea-title-view {
color: #191c27;
font-size: 32rpx;
font-weight: bold;
}
}
.select-area {
position: relative;
.area-text-view {
height: 104rpx;
background-color: #ffffff;
border-radius: 12rpx;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 28rpx;
color: #5a6073;
padding: 0 24rpx;
}
.loading-view {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
left: 24rpx;
top: 0;
height: 104rpx;
width: 100rpx;
background-color: #ffffff;
}
}
}
.bottom-view {
padding-bottom: 44rpx;
}
}
</style>
src/pages/learn/selectCategory.vue
View file @ a81d6c73
...@@ -34,7 +34,7 @@ ...@@ -34,7 +34,7 @@
<view class="tag-loading-view" v-if="tapLoading"> <view class="tag-loading-view" v-if="tapLoading">
<u-loading mode="flower"></u-loading> <u-loading mode="flower"></u-loading>
</view> </view>
<!-- 无供应商、无品牌 --> <!-- 无数据 -->
<view <view
class="tag-loading-view" class="tag-loading-view"
v-else-if="item.length <= 0 && titles[key]" v-else-if="item.length <= 0 && titles[key]"
...@@ -89,7 +89,6 @@ export default { ...@@ -89,7 +89,6 @@ export default {
} else { } else {
// 选中二级标签 // 选中二级标签
this.$u.route({ this.$u.route({
type: 'redirect',
url: 'pages/learn/addExam', url: 'pages/learn/addExam',
params: { params: {
name: '金属冶炼(有色金属冶炼<除铜、铝、铅、锌之外的其他有色金属>', name: '金属冶炼(有色金属冶炼<除铜、铝、铅、锌之外的其他有色金属>',
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment