driverSchool/newPages/evaluate/index.vue

<template>
  <view class="page flex-col">
    <view style="width: 100%;background: #f4f5f6;box-sizing: border-box;padding-top: 88px;">
      <headers titles="预约">
        <uni-icons type="left" color="#000000" size="22px"></uni-icons>
      </headers>
    </view>
    <view class="group_4 flex-col">
      <view class="list_1 flex-col">
        <view
          class="list-items_1 flex-col"
          v-for="(item, index) in loopData0"
          :key="index"
        >
          <view class="text-wrapper_1 flex-row">
            <text class="text_2" v-html="item.lanhutext0"></text>
          </view>
          <view class="group_6 flex-row justify-between">
            <view class="text-wrapper_2 flex-col">
              <text class="text_3" v-html="item.lanhutext1"></text>
            </view>
            <view class="text-wrapper_3 flex-col">
              <text class="text_4" v-html="item.lanhutext2"></text>
            </view>
          </view>
          <view class="group_7 flex-row">
            <view class="image-text_1 flex-row justify-between">
              <image
                class="label_2"
                referrerpolicy="no-referrer"
                :src="item.lanhuimage0"
              />
              <text class="text-group_1" v-html="item.lanhutext3"></text>
            </view>
            <view class="section_2 flex-col"></view>
            <view class="section_3 flex-col"></view>
            <view class="section_4 flex-col"></view>
            <view class="section_5 flex-col"></view>
            <view class="section_6 flex-col"></view>
            <text class="text_5" v-html="item.lanhutext4"></text>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>
<script>
import headers from "@/components/header/headers.vue";
import {getLocalUserInfo} from "@/utils/auth";
import request from "@/utils/request";

export default {
  components: {headers},
  data() {
    return {
      loopData0: [
        {
          lanhutext0: '科目二训练',
          lanhutext1: '科目二',
          lanhutext2: 'C2',
          lanhuimage0:
            'https://lanhu-oss-2537-2.lanhuapp.com/FigmaDDSSlicePNG9781bf564ae15eee66e88c90622422db.png',
          lanhutext3: '马文峰',
          lanhutext4: '4.0'
        },
        {
          lanhutext0: '科目二考试',
          lanhutext1: '科目二',
          lanhutext2: 'C2',
          lanhuimage0:
            'https://lanhu-oss-2537-2.lanhuapp.com/FigmaDDSSlicePNG9781bf564ae15eee66e88c90622422db.png',
          lanhutext3: '马文峰',
          lanhutext4: '4.0'
        }
      ],
      constants: {},
      userId: getLocalUserInfo().id,
      pageNo: 1,
      pageSize: 10
    };
  },
  onLoad() {
    this.getList()
  },
  methods: {
    getList() {
      request({
        url: '/app-api/feed-back/page',
        method: 'GET',
        params: {
          userId: 5171,
          pageNo: this.pageNo,
          pageSize: this.pageSize
        }
      }).then(res => {
        console.log(res)
      })
    }
  }
};
</script>
<style lang='scss'>
@import '../common/common.scss';
@import './assets/style/index.rpx.scss';
</style>