Skip to content

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

2

parent 036fc508
Show whitespace changes
Inline Side-by-side
Showing with 412 additions and 451 deletions
src/pages/index/index.vue
View file @ ff2bd7bc
...@@ -67,13 +67,9 @@ ...@@ -67,13 +67,9 @@
@click="jumpPage(`/pages/word/word?CourseId=${pageData.Words.CourseId}&&ChapterId=${pageData.Words.NextCourseNo}&&ReviewChapterId=${pageData.Words.ReviewCourseNo}&&ClassId=${pageData.Words.ClassId}`)"> @click="jumpPage(`/pages/word/word?CourseId=${pageData.Words.CourseId}&&ChapterId=${pageData.Words.NextCourseNo}&&ReviewChapterId=${pageData.Words.ReviewCourseNo}&&ClassId=${pageData.Words.ClassId}`)">
开始学习 开始学习
</view> </view>
<view class="wordBtn"
@click="jumpPage(`/pages/word/test?CourseId=${pageData.Words.CourseId}&&ChapterId=${pageData.Words.NextCourseNo}&&ReviewChapterId=${pageData.Words.ReviewCourseNo}`)">
开始测试
</view>
</view> </view>
<view class="courseBox"> <view class="courseBox">
<view class="courseInnerBox"> <view class="courseInnerBox" @click="jumpTimetable">
<view class="top"> <view class="top">
<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/educationStu/classtime.png" <image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/educationStu/classtime.png"
mode="aspectFit" class="courseIcon"></image> mode="aspectFit" class="courseIcon"></image>
...@@ -114,7 +110,7 @@ ...@@ -114,7 +110,7 @@
font-weight: 500; font-weight: 500;
color: #4C50E7;" @click="jumpGarden(item.Id)">查看更多</text> color: #4C50E7;" @click="jumpGarden(item.Id)">查看更多</text>
</view> </view>
<view class="gardenCon" v-for="(item1,index1) in item.List" :key="index1" id="img"> <view class="gardenCon" v-for="(item1,index1) in item.List" :key="index1" id="img" @click="jumpPage(`/pages/learningGarden/learningGardenDetails?Id=${item1.Id}`)">
<image :src="item1.Img" mode="aspectFill" :id="'img'+index1" <image :src="item1.Img" mode="aspectFill" :id="'img'+index1"
style="width: 100%;height:100%;border-radius: 24rpx 24rpx 0 0;"></image> style="width: 100%;height:100%;border-radius: 24rpx 24rpx 0 0;"></image>
<view class="gardenTextBox" <view class="gardenTextBox"
...@@ -185,6 +181,11 @@ ...@@ -185,6 +181,11 @@
url: url, url: url,
}); });
}, },
jumpTimetable() {
uni.switchTab({
url: '/pages/timetable/timeTable',
})
},
scan() { scan() {
// 调起条码扫描 // 调起条码扫描
uni.scanCode({ uni.scanCode({
......
src/pages/person/person.vue
View file @ ff2bd7bc
...@@ -2,17 +2,13 @@ ...@@ -2,17 +2,13 @@
<view class="person"> <view class="person">
<view class="info flex_between_center flex_nowrap"> <view class="info flex_between_center flex_nowrap">
<view class="left flex_start_between"> <view class="left flex_start_between">
<view class="date"> <!-- <view class="date">
2021年12月30日 2021年12月30日
</view> </view> -->
<view class="name"> Hello，{{ pageData.StuName }} </view> <view class="name"> Hello，{{ pageData.StuName }} </view>
</view> </view>
<view class="right"> <view class="right">
<image <image :src="pageData.StuIcon" mode="aspectFill" style="width:100%;height:100%;border-radius: 50%;">
:src="pageData.StuIcon"
mode="aspectFill"
style="width:100%;height:100%;border-radius: 50%;"
>
</image> </image>
</view> </view>
</view> </view>
...@@ -20,11 +16,7 @@ ...@@ -20,11 +16,7 @@
<view class="orderItem "> <view class="orderItem ">
<view class=" flex_between_center" style="width:100%"> <view class=" flex_between_center" style="width:100%">
<view class="orderNum">{{ pageData.OrderNum }}</view> <view class="orderNum">{{ pageData.OrderNum }}</view>
<image <image src="../../static/image/person/order1.png" mode="aspectFill" class="orderIcon"></image>
src="../../static/image/person/order1.png"
mode="aspectFill"
class="orderIcon"
></image>
</view> </view>
<view class="orderName"> <view class="orderName">
语培订单 语培订单
...@@ -33,24 +25,16 @@ ...@@ -33,24 +25,16 @@
<view class="orderItem "> <view class="orderItem ">
<view class=" flex_between_center" style="width:100%"> <view class=" flex_between_center" style="width:100%">
<view class="orderNum">{{ pageData.StudyAbroadNum }}</view> <view class="orderNum">{{ pageData.StudyAbroadNum }}</view>
<image <image src="../../static/image/person/order2.png" mode="aspectFill" class="orderIcon"></image>
src="../../static/image/person/order2.png"
mode="aspectFill"
class="orderIcon"
></image>
</view> </view>
<view class="orderName"> <view class="orderName">
留学订单 留学订单
</view> </view>
</view> </view>
<view class="orderItem "> <view class="orderItem " >
<view class=" flex_between_center" style="width:100%"> <view class=" flex_between_center" style="width:100%">
<view class="orderNum">{{ pageData.ContractNum }}</view> <view class="orderNum">{{ pageData.ContractNum }}</view>
<image <image src="../../static/image/person/order3.png" mode="aspectFill" class="orderIcon"></image>
src="../../static/image/person/order3.png"
mode="aspectFill"
class="orderIcon"
></image>
</view> </view>
<view class="orderName"> <view class="orderName">
合同信息 合同信息
...@@ -61,41 +45,34 @@ ...@@ -61,41 +45,34 @@
<view class="title">课程信息</view> <view class="title">课程信息</view>
<view class="statistic"> <view class="statistic">
<view class="statisticItem"> <view class="statisticItem">
<view class="time" <view class="time">{{ pageData.CourseInfo.TotalHours }}
>{{ pageData.CourseInfo.TotalHours }} <text class="unit">节</text>
<text class="unit">节</text></view </view>
>
<view class="statisticName">总共课时</view> <view class="statisticName">总共课时</view>
</view> </view>
<view class="statisticItem"> <view class="statisticItem">
<view class="time" <view class="time">{{ pageData.CourseInfo.CompleteHours }}
>{{ pageData.CourseInfo.CompleteHours }} <text class="unit">节</text>
<text class="unit">节</text></view </view>
>
<view class="statisticName">已学课时</view> <view class="statisticName">已学课时</view>
</view> </view>
<view class="statisticItem"> <view class="statisticItem">
<view class="time" <view class="time">{{ pageData.CourseInfo.AbsenceNum }}
>{{ pageData.CourseInfo.AbsenceNum }} <text class="unit">节</text>
<text class="unit">节</text></view </view>
>
<view class="statisticName">缺勤课时</view> <view class="statisticName">缺勤课时</view>
</view> </view>
<view class="statisticItem"> <view class="statisticItem">
<view class="time" <view class="time">{{ pageData.CourseInfo.LeaveNum }}
>{{ pageData.CourseInfo.LeaveNum }} <text class="unit">节</text>
<text class="unit">节</text></view </view>
>
<view class="statisticName">请假课时</view> <view class="statisticName">请假课时</view>
</view> </view>
</view> </view>
<view class="courseBox"> <view class="courseBox">
<view class="left"> <view class="left">
<image <image :src="pageData.CourseInfo.B2BIcon" mode="aspectFill"
:src="pageData.CourseInfo.B2BIcon" style="width:100%;height:100%;border-radius: 30rpx;"></image>
mode="aspectFill"
style="width:100%;height:100%;border-radius: 30rpx;"
></image>
</view> </view>
<view class="right"> <view class="right">
<view class="className one_line">{{ <view class="className one_line">{{
...@@ -105,8 +82,7 @@ ...@@ -105,8 +82,7 @@
pageData.CourseInfo.ClassName pageData.CourseInfo.ClassName
}}</view> }}</view>
<view class="Grade">等级：{{ pageData.CourseInfo.CourseRate }}</view> <view class="Grade">等级：{{ pageData.CourseInfo.CourseRate }}</view>
<view <view><text class="Grade">状态：</text>
><text class="Grade">状态：</text>
<text class="StatusName">{{ <text class="StatusName">{{
pageData.CourseInfo.ClassStatusName pageData.CourseInfo.ClassStatusName
}}</text> }}</text>
...@@ -114,38 +90,29 @@ ...@@ -114,38 +90,29 @@
</view> </view>
</view> </view>
</view> </view>
<view class="serve"> <view class="serve" v-if="pageData.AssistList.length>0">
<view class="serveSubTitle">随时电话联系哟</view> <view class="serveSubTitle">随时电话联系哟</view>
<view class="serveTitle">服务人员信息</view> <view class="serveTitle">服务人员信息</view>
<view v-for="(item,index) in AssistList" :key="index" class="serviceItem"> <view v-for="(item,index) in pageData.AssistList" :key="index" class="serviceItem">
<view class="headimg"> <view class="headimg">
<image <image :src="item.UserIcon" mode="aspectFill" style="width:100%;height:100%;border-radius: 24rpx;"
:src="item.UserIcon" v-if="item.UserIcon" />
mode="aspectFill" <view class="flex_center_center"
style="width:100%;height:100%;border-radius: 24rpx;"
v-if="item.UserIcon"
/>
<view
class="flex_center_center"
style="width:100%;height:100%;border-radius: 24rpx;font-size: 46rpx;font-weight: bold;color: #FFFFFF;background-color: #4c50e7;" style="width:100%;height:100%;border-radius: 24rpx;font-size: 46rpx;font-weight: bold;color: #FFFFFF;background-color: #4c50e7;"
v-else v-else>{{ item.EmployeeName.slice(0, 1) }}</view>
>{{ item.EmployeeName.slice(0, 1) }}</view
>
</view> </view>
<view class="serviceInfo flex_between_center"> <view class="serviceInfo flex_between_center">
<view class="flex_start_around" style="width:380rpx;height:100%"> <view class="flex_start_around" style="width:380rpx;height:100%">
<view class="flex_start_center" style="height:32rpx"> <view class="flex_start_center" style="height:32rpx">
<text class="EmployeeName">{{ item.EmployeeName }}</text <text class="EmployeeName">{{ item.EmployeeName }}</text><text
><text class="AssistTypeName">{{ item.AssistTypeName }}</text> class="AssistTypeName">{{ item.AssistTypeName }}</text>
</view> </view>
<view class="Mobile" >{{item.Mobile }}</view> <view class="Mobile">{{item.Mobile }}</view>
</view> </view>
<view style="width:60rpx;height:40rpx;" @click="callphone(item.Mobile)"> <view style="width:60rpx;height:40rpx;" @click="callphone(item.Mobile)">
<image <image
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/educationStu/callphone.png" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/educationStu/callphone.png"
mode="aspectFit" mode="aspectFit" style="width:100%;height:100%" />
style="width:100%;height:100%"
/>
</view> </view>
</view> </view>
</view> </view>
...@@ -155,7 +122,7 @@ ...@@ -155,7 +122,7 @@
</template> </template>
<script> <script>
import { import {
ref, ref,
reactive, reactive,
toRefs, toRefs,
...@@ -165,42 +132,30 @@ import { ...@@ -165,42 +132,30 @@ import {
computed, computed,
onMounted, onMounted,
inject, inject,
} from "vue"; } from "vue";
import bottom from "../../components/bottom"; import bottom from "../../components/bottom";
export default { export default {
components: { components: {
bottom, bottom,
}, },
setup(props, context) { setup(props, context) {
let { proxy } = getCurrentInstance(); let {
proxy
} = getCurrentInstance();
let data = reactive({ let data = reactive({
pageData: {}, pageData: {
AssistList: [ AssistList:[]
{
AssistTypeName: "市场经理",
EmployeeName: "阿里粑粑",
UserIcon: "",
Mobile: "18011251414",
},
{
AssistTypeName: "市场经理",
EmployeeName: "阿里粑粑",
UserIcon: "",
Mobile: "18011251414",
},
{
AssistTypeName: "市场经理",
EmployeeName: "阿里粑粑",
UserIcon: "",
Mobile: "18011251414",
}, },
],
}); });
const methods = { const methods = {
async getData() { jumpPage(url) {
uni.navigateTo({
url: url,
});
},
getData() {
proxy.$request("/AppletCenter/GetMyCenterInfo", {}).then((res) => { proxy.$request("/AppletCenter/GetMyCenterInfo", {}).then((res) => {
data.pageData = res.Data; data.pageData = res.Data;
console.log(431, data.pageData);
}); });
}, },
callphone(num) { callphone(num) {
...@@ -219,52 +174,53 @@ export default { ...@@ -219,52 +174,53 @@ export default {
...methods ...methods
}; };
}, },
}; };
</script> </script>
<style scoped> <style scoped>
.person { .person {
min-height: 100vh; min-height: 100vh;
background-color: #f5f5f5; background-color: #f5f5f5;
} }
.person .info { .person .info {
height: 160rpx; height: 160rpx;
padding: 0 35rpx; padding: 0 35rpx;
} }
.person .info .left { .person .info .left {
width: 50%; width: 50%;
} }
.person .info .left .date { .person .info .left .date {
font-size: 22rpx; font-size: 22rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 500; font-weight: 500;
color: #999999; color: #999999;
} }
.person .info .left .name { .person .info .left .name {
font-size: 46rpx; font-size: 46rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: bold; font-weight: bold;
color: #111111; color: #111111;
} white-space: nowrap;
}
.person .info .right { .person .info .right {
width: 95rpx; width: 95rpx;
height: 95rpx; height: 95rpx;
border-radius: 50%; border-radius: 50%;
overflow: hidden; overflow: hidden;
} }
.person .orderInfo { .person .orderInfo {
height: 195rpx; height: 195rpx;
padding: 0 35rpx; padding: 0 35rpx;
margin-bottom: 50rpx; margin-bottom: 50rpx;
} }
.person .orderItem { .person .orderItem {
width: 205rpx; width: 205rpx;
height: 195rpx; height: 195rpx;
background-color: #ffffff; background-color: #ffffff;
...@@ -275,111 +231,111 @@ export default { ...@@ -275,111 +231,111 @@ export default {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
align-content: space-between; align-content: space-between;
} }
.orderItem .orderNum { .orderItem .orderNum {
font-size: 46rpx; font-size: 46rpx;
font-weight: 800; font-weight: 800;
font-style: italic; font-style: italic;
color: #111111; color: #111111;
} }
.orderItem .orderIcon { .orderItem .orderIcon {
width: 65rpx; width: 65rpx;
height: 65rpx; height: 65rpx;
background-color: #fff; background-color: #fff;
} }
.orderItem .orderName { .orderItem .orderName {
font-size: 24rpx; font-size: 24rpx;
font-weight: 500; font-weight: 500;
color: #666666; color: #666666;
} }
.courseInfo { .courseInfo {
/* height: 535rpx; */ /* height: 535rpx; */
background-color: #ebebeb; background-color: #ebebeb;
padding: 35rpx; padding: 35rpx;
margin-bottom: 50rpx; margin-bottom: 50rpx;
} }
.courseInfo .title { .courseInfo .title {
font-size: 28rpx; font-size: 28rpx;
font-weight: bold; font-weight: bold;
color: #111111; color: #111111;
margin-bottom: 30rpx; margin-bottom: 30rpx;
} }
.statistic { .statistic {
/* height: 70rpx; */ /* height: 70rpx; */
display: flex; display: flex;
margin-bottom: 50rpx; margin-bottom: 50rpx;
} }
.statisticItem { .statisticItem {
min-width: 80rpx; min-width: 80rpx;
/* height: 70rpx; */ /* height: 70rpx; */
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
align-content: space-between; align-content: space-between;
margin-right: 100rpx; margin-right: 100rpx;
} }
.statisticItem .time { .statisticItem .time {
width: 100%; width: 100%;
font-size: 46rpx; font-size: 46rpx;
line-height: 30rpx; line-height: 30rpx;
font-weight: 800; font-weight: 800;
font-style: italic; font-style: italic;
color: #111111; color: #111111;
} }
.statisticItem .unit { .statisticItem .unit {
font-size: 20rpx; font-size: 20rpx;
font-weight: 500; font-weight: 500;
color: #111111; color: #111111;
font-style: normal; font-style: normal;
margin-left: 10rpx; margin-left: 10rpx;
} }
.statisticName { .statisticName {
font-size: 20rpx; font-size: 20rpx;
font-weight: 500; font-weight: 500;
color: #666666; color: #666666;
white-space: nowrap; white-space: nowrap;
} }
.courseBox { .courseBox {
display: flex; display: flex;
} }
.courseBox .left { .courseBox .left {
width: 215rpx; width: 215rpx;
height: 275rpx; height: 275rpx;
background: #d5f3e9; background: #d5f3e9;
border-radius: 30rpx; border-radius: 30rpx;
margin-right: 40rpx; margin-right: 40rpx;
} }
.courseBox .right { .courseBox .right {
width: 420rpx; width: 420rpx;
padding-top: 25rpx; padding-top: 25rpx;
} }
.courseBox .className { .courseBox .className {
font-size: 36rpx; font-size: 36rpx;
font-weight: bold; font-weight: bold;
color: #111111; color: #111111;
} }
.courseBox .Grade { .courseBox .Grade {
font-size: 22rpx; font-size: 22rpx;
font-weight: 500; font-weight: 500;
color: #666666; color: #666666;
margin: 10rpx 0; margin: 10rpx 0;
} }
.courseBox .StatusName { .courseBox .StatusName {
/* height: 30rpx; */ /* height: 30rpx; */
line-height: 30rpx; line-height: 30rpx;
font-size: 22rpx; font-size: 22rpx;
...@@ -389,27 +345,27 @@ export default { ...@@ -389,27 +345,27 @@ export default {
box-sizing: border-box; box-sizing: border-box;
border-radius: 4rpx; border-radius: 4rpx;
padding: 5rpx 10rpx; padding: 5rpx 10rpx;
} }
.serve { .serve {
padding: 0 35rpx; padding: 0 35rpx;
background-color: #f5f5f5; background-color: #f5f5f5;
} }
.serveTitle { .serveTitle {
font-size: 46rpx; font-size: 46rpx;
font-weight: bold; font-weight: bold;
color: #111111; color: #111111;
} }
.serveSubTitle { .serveSubTitle {
font-size: 28rpx; font-size: 28rpx;
font-weight: 500; font-weight: 500;
color: #666666; color: #666666;
margin-bottom: 20rpx; margin-bottom: 20rpx;
} }
.serviceItem { .serviceItem {
box-sizing: border-box; box-sizing: border-box;
width: 680rpx; width: 680rpx;
height: 185rpx; height: 185rpx;
...@@ -420,24 +376,27 @@ export default { ...@@ -420,24 +376,27 @@ export default {
/* justify-content: space-between; */ /* justify-content: space-between; */
align-items: center; align-items: center;
padding: 25rpx; padding: 25rpx;
} }
.serviceItem .headimg { .serviceItem .headimg {
width: 130rpx; width: 130rpx;
height: 130rpx; height: 130rpx;
border-radius: 24rpx; border-radius: 24rpx;
margin-right: 30rpx; margin-right: 30rpx;
} }
.serviceInfo {
.serviceInfo {
width: 435rpx; width: 435rpx;
height: 100%; height: 100%;
} }
.EmployeeName {
.EmployeeName {
font-size: 34rpx; font-size: 34rpx;
font-weight: bold; font-weight: bold;
color: #111111; color: #111111;
} }
.AssistTypeName {
.AssistTypeName {
height: 26rpx; height: 26rpx;
background-color: #fa9717; background-color: #fa9717;
border-radius: 6rpx; border-radius: 6rpx;
...@@ -450,10 +409,11 @@ export default { ...@@ -450,10 +409,11 @@ export default {
align-items: center; align-items: center;
margin-left: 15rpx; margin-left: 15rpx;
padding: 3rpx 6rpx; padding: 3rpx 6rpx;
} }
.Mobile {
.Mobile {
font-size: 28rpx; font-size: 28rpx;
font-weight: 500; font-weight: 500;
color: #111111; color: #111111;
} }
</style> </style>
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