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