Skip to content

E
educationStu
Commit 585dc3de authored by 罗超's avatar 罗超
Browse files
Options

2

parent d55f4bf6
Show whitespace changes
Inline Side-by-side
Showing with 113 additions and 54 deletions
src/pages/contract/orderList.vue
View file @ 585dc3de
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
background-color: #fff; background-color: #fff;
} }
.Order_List { .OrderItem {
width: 100%; width: 100%;
height: auto; height: auto;
background-color: #fff; background-color: #fff;
...@@ -20,18 +20,25 @@ ...@@ -20,18 +20,25 @@
.Order_Top { .Order_Top {
display: flex; display: flex;
justify-content: space-between; align-items: center;
margin: 30rpx 0;
} }
.Order_Number { .Order_label {
color: #111111; color: #AFB0B5;
font-size: 26rpx; font-size: 24rpx;
} }
.Order_Name { .Order_Number {
color: #0000ff;
font-size: 28rpx; font-size: 28rpx;
}
.courseName {
font-size: 40rpx;
margin-bottom: 20rpx; margin-bottom: 20rpx;
font-weight: 500;
color: #000000;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
...@@ -49,67 +56,103 @@ ...@@ -49,67 +56,103 @@
color: #2FB4FB; color: #2FB4FB;
} }
.Order_Bottom { .p-lc-c {
display: flex; display: flex;
justify-content: space-between; align-items: center;
margin-top: 32rpx; color: #B3B3B5;
}
.text_tree {
white-space: normal;
color: #111111;
font-size: 20rpx;
font-weight: bold;
margin-bottom: 20rpx;
} }
.Order_TipList { .p-lc-item {
margin-bottom: 17rpx; flex: 1;
color: #111111; text-align: center;
font-size: 24rpx; font-size: 24rpx;
display: inline-block;
} }
.Order_tips { .p-lc-item:last-child .item-val {
margin-right: 30rpx; border: none;
display: inline-block;
width: 120rpx;
text-align-last: justify;
color: #999999;
} }
.Order_Status { .item-val {
font-size: 36rpx; color: #8E8D92;
font-size: 32rpx;
font-weight: bold;
box-sizing: border-box;
padding: 10rpx 0;
margin: 10rpx 0;
display: block;
border-right: 1rpx solid #C7C7C7;
} }
.di {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%
}
/* image {
width: 20px;
height: 20px;
} */
</style> </style>
<template> <template>
<view class="orderList"> <view class="orderList">
<van-empty description="暂无数据" v-if="orderList.length === 0" /> <van-empty description="暂无数据" v-if="orderList.length === 0" />
<view v-if="orderList.length > 0"> <view v-if="orderList.length > 0">
<view class="Order_List" v-for="(item,index) in orderList" :key="index"> <view class="OrderItem" v-for="(item,index) in orderList" :key="index">
<view class="courseName">{{item.CourseName}}</view>
<view class="Order_Top"> <view class="Order_Top">
<view class="Order_Number">订单号：{{item.OrderId}}</view> <view class="Order_label">订单号：</view>
<view class="Order_Status"> <view class="Order_Number">#{{item.OrderId}}</view>
<text class="Order_Complete" v-if="item.OrderState==1">正常</text> </view>
<text class="Order_Cancel" v-if="item.OrderState==2">退学</text> <view class="p-lc-c">
<text class="Order_Cancel" v-if="item.OrderState==3">取消</text> <view class="p-lc-item">
<text class="Order_noPay" v-if="item.OrderState==4">待付款</text> <view>客户</view>
<view class="item-val">
{{item.GuestName}}
</view>
<view class="di">学员</view>
</view>
<view class="p-lc-item">
<view>总课时</view>
<view class="item-val">
{{item.TotalHours}}
</view>
<view class="di">课时</view>
</view> </view>
<view class="p-lc-item">
<view>完成课时</view>
<view class="item-val">
{{item.CompleteHours}}
</view> </view>
<view class="Order_Bottom"> <view class="di">课时</view>
<view style="width:100%;">
<view class="Order_Name">{{item.CourseName}}</view>
<view class="text_tree">{{item.ClassName}}</view>
<view class="Order_TipList">
<view class="Order_tips">客户</view>
<text>{{item.GuestName}}</text>
</view> </view>
<view class="Order_TipList"> <view class="p-lc-item">
<view class="Order_tips">完成课时</view> <view>状态</view>
<text>{{item.CompleteHours}}</text> <view class="item-val">
<image
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/educationStu/zhengchang.png"
mode="heightFix" style="height:36rpx" v-if="item.OrderState==1"></image>
<image
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/educationStu/tuixue.png"
mode="heightFix" style="height:36rpx" v-if="item.OrderState==2"></image>
<image
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/educationStu/quxiao.png"
mode="heightFix" style="height:36rpx" v-if="item.OrderState==3"></image>
<image
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/educationStu/daifukuan.png"
mode="heightFix" style="height:36rpx" v-if="item.OrderState==4"></image>
</view> </view>
<view class="Order_TipList"> <view class="di">
<view class="Order_tips">总课时</view> <text v-if="item.OrderState==1">正常</text>
<text>{{item.TotalHours}}</text> <text v-if="item.OrderState==2">退学</text>
<text v-if="item.OrderState==3">取消</text>
<text v-if="item.OrderState==4">待付款</text>
</view> </view>
</view> </view>
</view> </view>
......
src/pages/person/person.vue
View file @ 585dc3de
...@@ -279,7 +279,7 @@ ...@@ -279,7 +279,7 @@
.courseInfo { .courseInfo {
/* height: 535rpx; */ /* height: 535rpx; */
background-color: #ebebeb; background-color: #ebebeb;
padding: 35rpx; padding: 40rpx 35rpx;
margin-bottom: 70rpx; margin-bottom: 70rpx;
} }
......
src/static/font/iconfont.css
View file @ 585dc3de
@font-face { @font-face {
font-family: "iconfont"; /* Project id 2734547 */ font-family: "iconfont"; /* Project id 2734547 */
src: url('//at.alicdn.com/t/font_2734547_dxj3l449tva.woff2?t=1631176297771') format('woff2'), src: url('//at.alicdn.com/t/font_2734547_dmciakf5o5.woff2?t=1642156587432') format('woff2'),
url('//at.alicdn.com/t/font_2734547_dxj3l449tva.woff?t=1631176297771') format('woff'), url('//at.alicdn.com/t/font_2734547_dmciakf5o5.woff?t=1642156587432') format('woff'),
url('//at.alicdn.com/t/font_2734547_dxj3l449tva.ttf?t=1631176297771') format('truetype'); url('//at.alicdn.com/t/font_2734547_dmciakf5o5.ttf?t=1642156587432') format('truetype');
} }
.iconfont { .iconfont {
...@@ -13,6 +13,22 @@ ...@@ -13,6 +13,22 @@
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
} }
.icon-tuixue:before {
content: "\e639";
}
.icon-quxiao:before {
content: "\e933";
}
.icon-daifukuai:before {
content: "\e650";
}
.icon-zhengchang:before {
content: "\e616";
}
.icon-caidanzu:before { .icon-caidanzu:before {
content: "\e647"; content: "\e647";
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment