|
|
@@ -1,12 +1,14 @@
|
|
|
<template>
|
|
|
- <view class="phone-kaoshi-page">
|
|
|
+ <view class="admin-kaoshi-page">
|
|
|
+ <view class="icon-title-navBar-box">
|
|
|
+ <view @click="goUpPage" class="nav-bar-icon"></view>
|
|
|
+ <text class="nav-bar-title">考试管理</text>
|
|
|
+ </view>
|
|
|
<!-- 查询职业 -->
|
|
|
- <view style="padding: 10px">
|
|
|
- <view class="phone-search-content">
|
|
|
- <input class="search-input" placeholder="请输入职业" v-model="data.zyName" />
|
|
|
- <view class="search-icon" @click="handleSearch">
|
|
|
- <uni-icons type="search" size="20"></uni-icons>
|
|
|
- </view>
|
|
|
+ <view class="phone-search-box">
|
|
|
+ <input class="search-input" placeholder="请输入职业名称" v-model="data.zyName" />
|
|
|
+ <view class="search-icon" @click="handleSearch">
|
|
|
+ <uni-icons type="search" size="24" color="#fff"></uni-icons>
|
|
|
</view>
|
|
|
</view>
|
|
|
<!-- 考试列表 -->
|
|
|
@@ -14,23 +16,23 @@
|
|
|
<scroll-view scroll-y="true" refresher-enabled="true" :refresher-triggered="data.loading"
|
|
|
:refresher-threshold="50" refresher-background="transparent" @refresherrefresh="onRefresh"
|
|
|
class="kaoshi-scroll-view">
|
|
|
- <uni-list>
|
|
|
- <uni-list-item v-for="item in data.list" class="list-item-box">
|
|
|
+ <uni-list class="admin-list-box">
|
|
|
+ <uni-list-item v-for="item in data.list" class="admin-list-item-box">
|
|
|
<template v-slot:body>
|
|
|
<!-- 考试项 -->
|
|
|
<view class="item-kaoshi-row">
|
|
|
<!-- 考试名 + 等级 -->
|
|
|
- <view class="ks-item-top row-item">
|
|
|
+ <view class="ks-item-top">
|
|
|
<view class="ks-name">{{item.ksName}}</view>
|
|
|
<view class="ks-zyLevelName">{{item.zyLevelName}}</view>
|
|
|
</view>
|
|
|
<!-- 时间 -->
|
|
|
- <view class="ks-totalTm row-item">时间：{{item.totalTm}} 分钟</view>
|
|
|
- <view class="ks-totalTm row-item">次数：{{item.maxTimes}}次</view>
|
|
|
+ <view class="ks-totalTm"><icon class="phone-time-icon"/>时间：{{item.totalTm}}分钟</view>
|
|
|
+ <view class="ks-totalTm"><icon class="phone-ceshu-icon"/>次数：{{item.maxTimes}}次</view>
|
|
|
<!-- 分数 -->
|
|
|
- <view class="ks-score-content row-item">
|
|
|
- <text class="ks-score">总分： {{item.ksScore}}</text>
|
|
|
- <text class="ks-okScore">及格分： {{item.okScore}}</text>
|
|
|
+ <view class="ks-score-content">
|
|
|
+ <view class="ks-score"><icon class="phone-zongfen-icon"/>总分：<text>{{item.ksScore}}</text></view>
|
|
|
+ <view class="ks-okScore"><icon class="phone-jigefen-icon"/>及格分：<text>{{item.okScore}}</text></view>
|
|
|
</view>
|
|
|
<button type="primary" size="mini" @click="checkKsXz(item)" class="kaoshi-btn">查看内容</button>
|
|
|
</view>
|
|
|
@@ -78,6 +80,10 @@
|
|
|
}
|
|
|
})
|
|
|
|
|
|
+ function goUpPage(){
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
function handleConfirmKs(ksId) {
|
|
|
checkKaoshi({ksId})
|
|
|
}
|
|
|
@@ -162,85 +168,3 @@
|
|
|
getMore()
|
|
|
})
|
|
|
</script>
|
|
|
-
|
|
|
-<style lang="scss" scoped>
|
|
|
- .phone-kaoshi-page {
|
|
|
- background-color: #ccc;
|
|
|
- box-sizing: border-box;
|
|
|
-
|
|
|
- // 查询区域
|
|
|
- .phone-search-content {
|
|
|
- position: relative;
|
|
|
- background-color: #fff;
|
|
|
- height: 42px;
|
|
|
-
|
|
|
- .search-input {
|
|
|
- height: 42px;
|
|
|
- line-height: 40px;
|
|
|
- border-radius: 20px;
|
|
|
- border: 1px solid #ccc;
|
|
|
- padding: 0 70px 0 20px;
|
|
|
- }
|
|
|
-
|
|
|
- .search-icon {
|
|
|
- position: absolute;
|
|
|
- right: 5px;
|
|
|
- top: 4px;
|
|
|
- padding: 6px;
|
|
|
- background-color: #ccc;
|
|
|
- border-radius: 20px;
|
|
|
- width: 50px;
|
|
|
- text-align: center;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- // 列表区域
|
|
|
- .item-kaoshi-row {
|
|
|
- width: 100%;
|
|
|
-
|
|
|
- .ks-item-top {
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
-
|
|
|
- .ks-name {
|
|
|
- font-weight: bold;
|
|
|
- font-size: 18px;
|
|
|
- }
|
|
|
-
|
|
|
- .ks-zyLevelName {
|
|
|
- padding: 2px 20px;
|
|
|
- background-color: #ccc;
|
|
|
- border-radius: 4px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .ks-totalTm {}
|
|
|
-
|
|
|
- .ks-score-content {
|
|
|
- background-color: #ccc;
|
|
|
- width: calc(100vw - 140px);
|
|
|
-
|
|
|
- .ks-score {
|
|
|
- padding-right: 10px
|
|
|
- }
|
|
|
-
|
|
|
- .ks-okScore {}
|
|
|
- }
|
|
|
-
|
|
|
- .row-item {
|
|
|
- margin-bottom: 10px;
|
|
|
- }
|
|
|
-
|
|
|
- .kaoshi-btn {
|
|
|
- width: 120px;
|
|
|
- font-size: 16px;
|
|
|
- margin-left: 0;
|
|
|
- }
|
|
|
-
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .kaoshi-scroll-view {
|
|
|
- height: calc(100vh - 166px);
|
|
|
- }
|
|
|
-</style>
|
tanxue