driverSchool/newPages/examinationList/index.vue
2025-03-15 17:32:23 +08:00

154 lines
5.2 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<template>
<view class="page flex-col">
<view class="block_1 flex-row">
<image
class="image_1"
referrerpolicy="no-referrer"
src="/static/lanhu_kaoshijieguoluru/FigmaDDSSlicePNG5472ef46deab947fe098747eb1b07bd2.png"
/>
<view class="box_1 flex-col"></view>
<view class="box_2 flex-col"></view>
<image
class="image_2"
referrerpolicy="no-referrer"
src="/static/lanhu_kaoshijieguoluru/FigmaDDSSlicePNGb239db97c719ec7467ee7c9615d3d24a.png"
/>
</view>
<view class="block_2 flex-col">
<view class="box_3 flex-row">
<image
class="label_1"
referrerpolicy="no-referrer"
src="/static/lanhu_kaoshijieguoluru/FigmaDDSSlicePNGacf527a62cbe7351c6472edd8f5b2814.png"
/>
<text class="text_1">考试结果录入</text>
<view class="section_1 flex-col">
<view class="image-wrapper_1 flex-row">
<image
class="thumbnail_1"
referrerpolicy="no-referrer"
src="/static/lanhu_kaoshijieguoluru/FigmaDDSSlicePNGdc9929c2b5fd86c1689cc5990a0b4397.png"
/>
</view>
<view class="box_4 flex-row justify-between">
<view class="group_1 flex-col"></view>
<view class="group_2 flex-col"></view>
</view>
</view>
</view>
<view class="box_5 flex-col">
<view class="block_3 flex-row justify-between">
<view class="text-group_1 flex-col justify-between">
<text class="text_2">2025-01-20</text>
<text class="text_3">考试名称</text>
</view>
<view class="text-group_2 flex-col justify-between">
<text class="text_4">99</text>
<text class="text_5">考试通过</text>
</view>
</view>
<view class="block_4 flex-row justify-between">
<view class="text-wrapper_1 flex-col">
<text class="text_6">科目二</text>
</view>
<view class="text-wrapper_2 flex-col">
<text class="text_7">C2</text>
</view>
</view>
<view class="text-wrapper_3 flex-row justify-between">
<text class="text_8">考试地址</text>
<text class="text_9">山东省济南市历下区</text>
</view>
<view class="block_5 flex-row">
<view class="text-wrapper_4 flex-col">
<text class="text_10">开始评价</text>
</view>
</view>
</view>
<view class="list_1 flex-col">
<view
class="list-items_1 flex-col"
v-for="(item, index) in loopData0"
:key="index"
>
<view class="block_6 flex-row justify-between">
<view class="text-group_3 flex-col justify-between">
<text class="text_11" v-html="item.lanhutext0"></text>
<text class="text_12" v-html="item.lanhutext1"></text>
</view>
<view class="text-group_4 flex-col justify-between">
<text
class="text_13"
:style="{ color: item.lanhufontColor2 }"
v-html="item.lanhutext2"
></text>
<text
class="text_14"
:style="{ color: item.lanhufontColor3 }"
v-html="item.lanhutext3"
></text>
</view>
</view>
<view class="block_7 flex-row justify-between">
<view class="text-wrapper_5 flex-col">
<text class="text_15" v-html="item.lanhutext4"></text>
</view>
<view class="text-wrapper_6 flex-col">
<text class="text_16" v-html="item.lanhutext5"></text>
</view>
</view>
<view class="text-wrapper_7 flex-row justify-between">
<text class="text_17" v-html="item.lanhutext6"></text>
<text class="text_18" v-html="item.lanhutext7"></text>
</view>
</view>
</view>
</view>
<view class="block_8 flex-col">
<view class="text-wrapper_8 flex-col">
<text class="text_19">笔试成绩录入</text>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
loopData0: [
{
lanhutext0: '2025-01-20',
lanhutext1: '考试名称',
lanhutext2: '60分',
lanhufontColor2: 'rgba(251,66,59,1.000000)',
lanhutext3: '考试未通过',
lanhufontColor3: 'rgba(251,66,59,1.000000)',
lanhutext4: '科目二',
lanhutext5: 'C2',
lanhutext6: '考试地址:',
lanhutext7: '山东省济南市历下区'
},
{
lanhutext0: '2025-01-20',
lanhutext1: '考试名称',
lanhutext2: '--',
lanhufontColor2: 'rgba(51,51,51,1.000000)',
lanhutext3: '待审批',
lanhufontColor3: 'rgba(51,51,51,1.000000)',
lanhutext4: '科目二',
lanhutext5: 'C2',
lanhutext6: '考试地址:',
lanhutext7: '山东省济南市历下区'
}
],
constants: {}
};
},
methods: {}
};
</script>
<style lang='scss'>
@import '../common/common.scss';
@import './assets/style/index.rpx.scss';
</style>