Commit a81d6c73 authored by Facius's avatar Facius

feat: 选择题库-设置页面

parent 3b4ddfda
(function () {
let NODE_ENV = 'dev'; // dev:开发环境 | test:测试环境 | prod:生产环境
let ENV_VAR = null;
if (process.env.NODE_ENV === "development") {
if (NODE_ENV === 'dev') {
ENV_VAR = require('./.env.dev.js');
} else if (NODE_ENV === 'test') {
ENV_VAR = require('./.env.test.js');
} else if (NODE_ENV === 'prod') {
ENV_VAR = require('./.env.prod.js');
}
} else if (process.env.NODE_ENV === "production") {
if (NODE_ENV === 'test') {
ENV_VAR = require('./.env.test.js');
} else if (NODE_ENV === 'prod') {
ENV_VAR = require('./.env.prod.js');
}
}
if (ENV_VAR) {
process.uniEnv = {};
process.uniEnv['node_env'] = NODE_ENV;
for (let key in ENV_VAR) {
process.uniEnv[key] = ENV_VAR[key];
}
}
})();
;(function() {
let NODE_ENV = 'dev' // dev:开发环境 | test:测试环境 | prod:生产环境
let ENV_VAR = null
if (process.env.NODE_ENV === 'development') {
if (NODE_ENV === 'dev') {
ENV_VAR = require('./.env.dev.js')
} else if (NODE_ENV === 'test') {
ENV_VAR = require('./.env.test.js')
} else if (NODE_ENV === 'prod') {
ENV_VAR = require('./.env.prod.js')
}
} else if (process.env.NODE_ENV === 'production') {
if (NODE_ENV === 'test') {
ENV_VAR = require('./.env.test.js')
} else if (NODE_ENV === 'prod') {
ENV_VAR = require('./.env.prod.js')
}
}
ENV_VAR['bmapAK'] = 'lF1HoyXdiv4uZx6TrGQEZs48F5y8kEHI'
if (ENV_VAR) {
process.uniEnv = {}
process.uniEnv['node_env'] = NODE_ENV
for (let key in ENV_VAR) {
process.uniEnv[key] = ENV_VAR[key]
}
}
})()
This diff is collapsed.
{
"name": "",
"appid": "",
"description": "",
"versionName": "1.0.0",
"versionCode": "100",
"transformPx": false,
"app-plus": { /* 5+App特有相关 */
"usingComponents": true,
"splashscreen": {
"alwaysShowBeforeRender": true,
"waiting": true,
"autoclose": true,
"delay": 0
},
"modules": { /* 模块配置 */
},
"distribute": { /* 应用发布信息 */
"android": { /* android打包配置 */
"permissions": ["<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
"<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
"<uses-permission android:name=\"android.permission.READ_CONTACTS\"/>",
"<uses-permission android:name=\"android.permission.VIBRATE\"/>",
"<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
"<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
"<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
"<uses-permission android:name=\"android.permission.WRITE_CONTACTS\"/>",
"<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
"<uses-permission android:name=\"android.permission.CAMERA\"/>",
"<uses-permission android:name=\"android.permission.RECORD_AUDIO\"/>",
"<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
"<uses-permission android:name=\"android.permission.MODIFY_AUDIO_SETTINGS\"/>",
"<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
"<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
"<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
"<uses-permission android:name=\"android.permission.CALL_PHONE\"/>",
"<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
"<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\"/>",
"<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
]
},
"ios": { /* ios打包配置 */
},
"sdkConfigs": { /* SDK配置 */
}
}
},
"quickapp": { /* 快应用特有相关 */
},
"mp-weixin": { /* 微信小程序特有相关 */
"appid": "wxfd20fa0ca340284b",
"setting": {
"urlCheck": false,
"es6" : true
},
"usingComponents": true
},
"mp-alipay" : {
"usingComponents" : true
},
"mp-baidu" : {
"usingComponents" : true
},
"mp-toutiao" : {
"usingComponents" : true
},
"mp-qq" : {
"usingComponents" : true
}
}
{
"name" : "",
"appid" : "",
"description" : "",
"versionName" : "1.0.0",
"versionCode" : "100",
"transformPx" : false,
"app-plus" : {
/* 5+App特有相关 */
"usingComponents" : true,
"splashscreen" : {
"alwaysShowBeforeRender" : true,
"waiting" : true,
"autoclose" : true,
"delay" : 0
},
"modules" : {},
/* 模块配置 */
"distribute" : {
/* 应用发布信息 */
"android" : {
/* android打包配置 */
"permissions" : [
"<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
"<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
"<uses-permission android:name=\"android.permission.READ_CONTACTS\"/>",
"<uses-permission android:name=\"android.permission.VIBRATE\"/>",
"<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
"<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
"<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
"<uses-permission android:name=\"android.permission.WRITE_CONTACTS\"/>",
"<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
"<uses-permission android:name=\"android.permission.CAMERA\"/>",
"<uses-permission android:name=\"android.permission.RECORD_AUDIO\"/>",
"<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
"<uses-permission android:name=\"android.permission.MODIFY_AUDIO_SETTINGS\"/>",
"<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
"<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
"<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
"<uses-permission android:name=\"android.permission.CALL_PHONE\"/>",
"<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
"<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\"/>",
"<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
]
},
"ios" : {},
/* ios打包配置 */
"sdkConfigs" : {}
}
},
/* SDK配置 */
"quickapp" : {},
/* 快应用特有相关 */
"mp-weixin" : {
/* 微信小程序特有相关 */
"appid" : "wxfd20fa0ca340284b",
"setting" : {
"urlCheck" : false,
"es6" : true
},
"usingComponents" : true,
"permission" : {
"scope.userLocation" : {
"desc" : "您的位置信息将用于默认对应区域题库的选择"
}
}
},
"mp-alipay" : {
"usingComponents" : true
},
"mp-baidu" : {
"usingComponents" : true
},
"mp-toutiao" : {
"usingComponents" : true
},
"mp-qq" : {
"usingComponents" : true
}
}
......@@ -74,6 +74,16 @@
"enablePullDownRefresh": false,
"disableScroll": true
}
},
{
"path": "examSetting",
"name": "learnExamSetting",
"style": {
"navigationBarTitleText": "选择题库-设置",
"navigationStyle": "custom",
"enablePullDownRefresh": false,
"disableScroll": true
}
}
]
},
......
......@@ -11,7 +11,7 @@
<!-- 类别 -->
<view>
<view class="category-view">
<text>{{ category.name}}</text>
<text>{{ category.name }}</text>
</view>
</view>
<view class="label-title">
......@@ -25,11 +25,16 @@
<view>{{ label.name }}</view>
<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>
</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-button>
</view>
......@@ -38,17 +43,16 @@
<view class="tag-loading-view" v-if="loading">
<u-loading mode="flower"></u-loading>
</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>
</template>
<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 {
components: { uButton, UIcon },
data() {
return {
category: {},
......@@ -80,7 +84,13 @@ export default {
methods: {
// 点击了添加按钮
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() {
......@@ -97,6 +107,7 @@ export default {
name: '登高架设作业',
quantity: '80000',
pass: '98%',
id: i,
})
}
// }
......@@ -165,9 +176,7 @@ export default {
font-size: 36rpx;
color: #191c27;
font-weight: bold;
word-break: break-all;
.label-text {
margin-top: 24rpx;
font-size: 26rpx;
......
<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>
......@@ -34,7 +34,7 @@
<view class="tag-loading-view" v-if="tapLoading">
<u-loading mode="flower"></u-loading>
</view>
<!-- 无供应商、无品牌 -->
<!-- 无数据 -->
<view
class="tag-loading-view"
v-else-if="item.length <= 0 && titles[key]"
......@@ -89,7 +89,6 @@ export default {
} else {
// 选中二级标签
this.$u.route({
type: 'redirect',
url: 'pages/learn/addExam',
params: {
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