driverSchool/newPages/my/index.vue

<template>
  <view class="page flex-col">
    <view class="box_1 flex-col justify-end">


      <view class="box_7 flex-row justify-between">
        <view class="image-text_1 flex-row justify-between">
          <view class="group_1 flex-col">
            <view class="image-wrapper_2 flex-col">
              <image
                  class="image_2"
                  referrerpolicy="no-referrer"
                  :src="selfInfo && selfInfo.avatar ? imageUrl + '/' + selfInfo.avatar : '/static/lanhu_gerenzhongxin/FigmaDDSSlicePNG185e54e3ffd47170ac4e6e5108c9a54f.png'"
              />
            </view>
          </view>
          <view class="text-group_1 flex-col justify-between">
            <view v-if="selfInfo.nickname" class="text_3">{{ selfInfo.nickname }}</view>
            <view v-if="selfInfo.username" class="text_3">{{ selfInfo.username }}</view>
            <view v-else @click="toLogin()" class="text_2">登录/注册</view>
            <text v-if="!selfInfo.username" class="text_3">登录将开启全部服务</text>
          </view>
        </view>
        <view class="image-text_2 flex-col justify-between" @click="toMyQrCode()">
          <image
              class="label_1"
              referrerpolicy="no-referrer"
              src="/static/lanhu_gerenzhongxin/FigmaDDSSlicePNG7e67772393591f7c5436c0b59f7b3b17.png"
          />
          <text class="text-group_2">学车码</text>
        </view>
      </view>
      <view class="box_8 flex-row">
        <view class="image-wrapper_3 flex-col justify-center">
          <image
              class="label_2"
              referrerpolicy="no-referrer"
              :src="coachDetails && coachDetails.image ? imageUrl + '/' + coachDetails.image : '/static/lanhu_gerenzhongxin/FigmaDDSSlicePNGa95a4d1d98d08b238a3082514eefafd0.png'"
          />
        </view>
        <view class="text-group_3 flex-col justify-between">
          <text class="text_4" v-if="coachDetails.name != null">{{ coachDetails.name }}</text>
          <text class="text_111" v-else> 暂无教练信息</text>
          <view class="text-wrapper_1" v-if="coachDetails.seniority != null">
            <text class="text_5">教龄：</text>
            <text class="text_6">{{ coachDetails.seniority }}</text>
            <text class="text_7">年</text>
          </view>

        </view>
        <!-- <view class="text-wrapper_2" v-if="coachDetails">
          <text class="text_8">学员数：</text>
          <text class="text_9">{{}}</text>
        </view>
		<view class="text-wrapper_2" v-else>
		  <text class="text_8">暂无数据</text>
		</view> -->
      </view>
    </view>
    <view class="box_9 flex-col">
      <view class="block_1 flex-col">
        <text class="text_10">我的订单</text>
        <view class="list_1 flex-row">
          <view
              class="image-text_3 flex-col justify-between"
              v-for="(item, index) in loopData"
              :key="index"
              @click="toOrderPage(item.orderType,item.type)"
          >
            <image
                class="label_3"
                referrerpolicy="no-referrer"
                :src="item.url"
            />
            <text class="text-group_4" v-text="item.text"></text>
          </view>
        </view>
      </view>
      <view class="block_2 flex-row" @click="goMyInDetails()">
        <view class="image-wrapper_4 flex-col">
          <image
              class="thumbnail_2"
              referrerpolicy="no-referrer"
              src="/static/lanhu_gerenzhongxin/FigmaDDSSlicePNG1bb0cdc369203c305a42d848736e8f01.png"
          />
        </view>
        <text class="text_11">个人信息</text>
        <image
            class="thumbnail_3"
            referrerpolicy="no-referrer"
            src="/static/lanhu_gerenzhongxin/FigmaDDSSlicePNG4f20daae79bb7c60189f8702897465d1.png"
        />
      </view>
      <view class="block_3 flex-row">
        <view class="image-wrapper_5 flex-col">
          <image
              class="thumbnail_4"
              referrerpolicy="no-referrer"
              src="/static/lanhu_gerenzhongxin/FigmaDDSSlicePNGb5e90b5b4c1f154eb4e27313164118a4.png"
          />
        </view>
        <text class="text_12">在线客服</text>
        <image
            class="thumbnail_5"
            referrerpolicy="no-referrer"
            src="/static/lanhu_gerenzhongxin/FigmaDDSSlicePNG4f20daae79bb7c60189f8702897465d1.png"
        />
      </view>
      <view class="block_4 flex-row">
        <view class="image-wrapper_6 flex-col">
          <image
              class="thumbnail_6"
              referrerpolicy="no-referrer"
              src="/static/lanhu_gerenzhongxin/FigmaDDSSlicePNGa728895586dafec1bde5f90c89d05c48.png"
          />
        </view>
        <text class="text_13">建议反馈</text>
        <image
            class="thumbnail_7"
            referrerpolicy="no-referrer"
            src="/static/lanhu_gerenzhongxin/FigmaDDSSlicePNG4f20daae79bb7c60189f8702897465d1.png"
        />
      </view>
    </view>
    <tabbar :msg='msg'></tabbar>
    <u-popup round="20" :show="showQrCode" @close="closeQrCode" mode="center" zoom="false" @open="openQrCode">
      <view style="padding: 50rpx">
        <canvas id="qrcode" canvas-id="qrcode" style="width: 600rpx;height:600rpx;"/>
      </view>
      <span style="text-align: center">学车码</span>
    </u-popup>
  </view>
</template>
<script>
import headers from '../../components/header/headers.vue'
import tabbar from '../../components/tabbar/tabbar.vue'
import request from '@/utils/request.js'
import UQRCode from 'uqrcodejs';
import {
  getLocalUserInfo,
  getToken,
  setLocalUserInfo
} from '@/utils/auth'

export default {

  data() {
    return {
      msg: "3",
      selfInfo: {},
      selfInfoLocal: {},
      coachDetails: {},
      userDetails: {},
      orderList: {},
      processList: {},
      showQrCode: false,
      isCreateQrCode:true,
      loopData: [
        {
          url: '/static/myImgs/alreadyPaid.png',
          text: '已付款',
          orderType: '2',
          type: '2',
        },
        {
          url: '/static/myImgs/alreadyInterviewed.png',
          text: '已面签',
          orderType: '4',
          type: '3',
        },
        {
          url: '/static/myImgs/registered.png',
          text: '已报名',
          orderType: '2',
          type: '4',
        },
        {
          url: '/static/myImgs/allOrder.png',
          text: '全部订单',
          orderType: '',
          type: '1',
        }
      ],
      constants: {},
      imageUrl: this.$imagesUrl,
    };
  },
  onLoad() {
    this.selfInfoLocal = getLocalUserInfo()
    console.log("用户信息", this.selfInfoLocal)
    this.getUserInfo()
  },
  onShow() {
    if (getToken()) {
      // this.findSelfInfo()
    }

  },
  onPullDownRefresh() {
    console.log("刷新");
    uni.stopPullDownRefresh()
    this.getUserInfo()
  },
  onReachBottom() {
    // this.show = true
    setTimeout(() => {
      console.log("加载执行");
    }, 2000)
  },
  components: {
    headers,
    tabbar
  },
  methods: {
    goback() {
      uni.navigateBack()
    },
    toLogin() {
      uni.navigateTo({
        url: "/pages/login/login"
      })
    },
    createQrCode(data) {
      const qr = new UQRCode();
      qr.data = data;
      qr.size = 300;
      qr.make();
      const ctx = uni.createCanvasContext('qrcode', this); // 组件内调用需传this，vue3 中 this 为 getCurrentInstance()?.proxy
      qr.canvasContext = ctx;
      qr.drawCanvas();
      this.isCreateQrCode = false
    },
    closeQrCode() {
      this.showQrCode = false
    },
    openQrCode(){
      console.log(this.userDetails,'202222')
      // 判断是否有二维码 有了不需要绘制
      if (this.isCreateQrCode){
        this.createQrCode(this.userDetails.uniqueCode)
      }
    },
    /*async findSelfInfo() {
      let res = await request({
        url: `/app-api/small/driving/findSelfInfo`,
        method: 'get',
      })
      console.log(res, 138);
      this.selfInfo = res
    },*/
    toMyQrCode() {
      this.showQrCode = true
    },

    toOrderPage(orderType, type) {
      uni.navigateTo({
        url: `/newPages/orderList/index?orderType=${orderType}&type=${type}&userId=${this.selfInfo.id}`
      })
    },
    goMyInDetails() {
      uni.navigateTo({
        url: `/newPages/information/index?userId=${this.selfInfo.id}`
      })
    },


    getUserInfo() {
      request({
        url: '/app-api/small/dl-drive-school-student/getUsersInfo',
        method: 'GET',
      }).then(res => {
        this.selfInfo = res.data
        if (this.userInfo != null) {
          setLocalUserInfo(this.selfInfo)
        }
        this.getOrder()
        this.getStudentInfo()
        console.log('userDetails', this.selfInfo)
      })
    },
    getStudentInfo(){
      request({
        url: '/app-api/small/dl-drive-school-student/getByUserId',
        method: 'GET',
        params: { userId: this.selfInfo.id }
      }).then(res => {
        console.log('userDetailsRes', res)
        this.userDetails = { ...res.data };
      });
    },

    getCoachDetails(coachId) {
      request({
        url: '/app-api/dl-drive-school-coach-small/getCoachByUserId',
        method: 'GET',
        params: {
          userId: coachId
        }
      }).then(res => {
        this.coachDetails = res.data
        console.log('coachDetails', this.coachDetails);
      })
    },

    getOrder() {
      request({
        url: '/app-api/small/drive/school-course-order/getCourseByLoginUser',
        method: 'GET',
      }).then(res => {
        this.orderList = res.data
        if (this.orderList.length > 0) {
          console.log('orderList', this.orderList)
          this.getProcess(this.orderList[0].courseId)

        }
      })
    },

    getProcess(courseId) {
      request({
        url: '/app-api/process/getAllByCourseId',
        method: 'GET',
        params: {
          courseId: courseId
        }
      }).then(res => {
        let result = null; // 默认返回 null（如果没有符合条件的数据）

        if (res.data && Array.isArray(res.data)) {
          this.processList = res.data;

          // 1. 筛选出所有 status === "1" 的数据（注意是字符串 "1"）
          const statusOneItems = this.processList.filter(item => item.status === "1");

          if (statusOneItems.length === 1) {
            // 2. 如果只有一条，直接赋值
            result = statusOneItems[0];
            this.getCoachDetails(result.coachId)
          } else if (statusOneItems.length > 1) {
            // 3. 如果有多条，按 subject（int 类型）降序排序，取第一条（subject 最大的）
            const sortedItems = [...statusOneItems].sort((a, b) => b.subject - a.subject);
            result = sortedItems[0];
            this.getCoachDetails(result.coachId)
          }
          // 如果没有数据，result 保持 null
        }

        console.log('最终结果:', result); // 调试用，可删除
        return result; // 如果需要返回结果，可以加上 return
      }).catch(error => {
        console.error('请求出错:', error);
        return null; // 出错时也返回 null
      });
    }

  }
};
</script>
<style lang='scss'>
@import '../common/common.scss';
@import './assets/style/index.rpx.scss';
</style>