|
|
@@ -1,23 +1,25 @@
|
|
|
<template>
|
|
|
<view class="phone-list-page ht-list-page">
|
|
|
- <view class="icon-title-navBar-box">
|
|
|
- <view @click="goUpPage" class="nav-bar-icon"></view>
|
|
|
- <text class="nav-bar-title">历史合同</text>
|
|
|
- </view>
|
|
|
+ <!-- 导航区域 -->
|
|
|
+ <customNavbarVue title="我的合同" :show-back-btn="true" @back="goUpPage"></customNavbarVue>
|
|
|
<!-- 课程列表 -->
|
|
|
<scroll-view scroll-y="true" refresher-enabled="true" :refresher-triggered="data.loading"
|
|
|
:refresher-threshold="50" refresher-background="transparent" @refresherrefresh="onRefresh" @scrolltolower="onScrolltolower"
|
|
|
- class="admin-phone-tabbar-view">
|
|
|
+ :style="{ height: `calc(100vh - ${statusBarHeight}px - 212rpx);`}" class="admin-phone-tabbar-view">
|
|
|
<uni-list class="admin-list-box ht-list-box">
|
|
|
<uni-list-item v-for="item in data.list" class="ht-list-item-box">
|
|
|
<template v-slot:body>
|
|
|
<view class="ht-card-row">
|
|
|
<view class="ht-status-btn-row">
|
|
|
<view class="ht-status">合同状态：<view :class="'status-' + item.status">{{formatStatus(item.status)}}</view></view>
|
|
|
- <view class="ht-biew-btn" @click="checkKecheng(item)">查看<icon class="ht-jt"></icon></view>
|
|
|
+ <view class="ht-biew-btn" @click="checkKecheng(item)">查看
|
|
|
+ <icon class="ht-jt" :style="{ backgroundImage: 'url(' + data.imgsArr.htjtIcon + ')' }"></icon>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <view class="ht-time"><icon class="phone-time-icon" />合同开始时间：{{formatTime(item.startDate)}} </view>
|
|
|
- <view class="ht-time"><icon class="phone-time-icon" />合同结束时间：{{formatTime(item.endDate)}} </view>
|
|
|
+ <view class="ht-time">
|
|
|
+ <icon class="phone-time-icon" :style="{ backgroundImage: 'url(' + data.imgsArr.timeIcon + ')' }"/>合同开始时间：{{formatTime(item.startDate)}} </view>
|
|
|
+ <view class="ht-time">
|
|
|
+ <icon class="phone-time-icon" :style="{ backgroundImage: 'url(' + data.imgsArr.timeIcon + ')' }"/>合同结束时间：{{formatTime(item.endDate)}} </view>
|
|
|
</view>
|
|
|
</template>
|
|
|
</uni-list-item>
|
|
|
@@ -30,10 +32,13 @@
|
|
|
</template>
|
|
|
|
|
|
<script setup>
|
|
|
-import {ref,reactive} from "vue";
|
|
|
+import {ref,reactive,onMounted} from "vue";
|
|
|
import {onLoad,onShow} from "@dcloudio/uni-app";
|
|
|
import {getHetongList} from '@/api/jzHetong.js'
|
|
|
import customTabbarClient from "@/components/custom-tabbar/custom-tabbar-client.vue"
|
|
|
+import customNavbarVue from "@/components/custom-navbar/custom-navbar.vue";
|
|
|
+import cacheManager from '@/utils/cacheManager.js'
|
|
|
+const statusBarHeight = ref(0);
|
|
|
const data = reactive({
|
|
|
list: [], // 考试列表
|
|
|
loading: false,
|
|
|
@@ -45,17 +50,28 @@ const data = reactive({
|
|
|
contentrefresh: '加载中',
|
|
|
contentnomore: '没有更多'
|
|
|
},
|
|
|
+ imgsArr: {
|
|
|
+ htjtIcon: '',
|
|
|
+ timeIcon: '',
|
|
|
+ },
|
|
|
})
|
|
|
|
|
|
onLoad((options) => {
|
|
|
data.from = options.from;
|
|
|
-
|
|
|
+ data.imgsArr.htjtIcon = cacheManager.get('projectImg').nav_bar_jt_bottom;
|
|
|
+ data.imgsArr.timeIcon = cacheManager.get('projectImg').date_icon;
|
|
|
})
|
|
|
|
|
|
onShow(() => {
|
|
|
refreshData()
|
|
|
})
|
|
|
-
|
|
|
+onMounted(() => {
|
|
|
+ uni.getSystemInfo({
|
|
|
+ success: (res) => {
|
|
|
+ statusBarHeight.value = res.statusBarHeight;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
function onRefresh() {
|
|
|
data.page = 0;
|
|
|
data.list = [];
|
tanxue