Skip to content

C
confucius
Commit 58f4cfd8 authored by zhengke's avatar zhengke
Browse files
Options

修改

parent 22452e13
Hide whitespace changes
Inline Side-by-side
Showing with 56 additions and 73 deletions
src/components/course/record-form.vue
View file @ 58f4cfd8
...@@ -10,7 +10,6 @@ ...@@ -10,7 +10,6 @@
} }
#timeright div { #timeright div {
height: 65px;
color: #333333; color: #333333;
} }
...@@ -18,95 +17,80 @@ ...@@ -18,95 +17,80 @@
margin: 0 0 0px; margin: 0 0 0px;
} }
.cicle1 { .recordForm .cicle1 {
position: absolute; position: absolute;
top: 0px; left: -15px;
left: -10px; border-radius: 50%;
border-radius: 10px;
list-style: none; list-style: none;
width: 20px; width: 30px;
height: 20px; height: 30px;
border: 1px solid #cccccc;
background: #ffffff; background: #ffffff;
text-align: center;
line-height: 30px;
color:#fff;
} }
.cicle2 { .cicle1:first-child {
position: absolute; top: -5px !important;
top: 70px;
left: -10px;
border-radius: 10px;
list-style: none;
width: 20px;
height: 20px;
border: 1px solid #cccccc;
background: #ffffff;
} }
.cicle3 { .recordForm .TeacherContent {
position: absolute; height: 40px;
top: 140px; line-height: 40px;
left: -10px; margin-top: 10px;
border-radius: 10px; border-radius: 2px;
list-style: none; font-size: 12px;
width: 20px; padding-left: 20px;
height: 20px; background-color: #F0F5FB;
border: 1px solid #cccccc;
background: #ffffff;
} }
.recordForm .reCordRed{
.cicle4 { color:#FDD5dc;
position: absolute; background-color: #F72E52;
top: 210px; }
left: -10px; .recordForm .reCordBlue{
border-radius: 10px; color:#2961FE;
list-style: none; background-color: #D4DFFF;
width: 20px; }
height: 20px; .recordForm .reCordOrange{
border: 1px solid #cccccc; color:#F28C1D;
background: #ffffff; background-color: #FCE8D2;
} }
</style> </style>
<template> <template>
<div class="page-body"> <div class="page-body">
<div class="page-content"> <div class="page-content recordForm">
<div class="row wrap" style="display:flex;justify-content:flex-end"> <div class="row wrap" style="display:flex;justify-content:flex-end">
<div class="col-3"> <div class="col-3">
<q-select filled stack-label option-value="TId" @input="GetTeacherList()" option-label="TeacherName" <q-select filled stack-label option-value="TId" @input="getRecord()" option-label="TeacherName"
v-model="msg.TeacherId" ref="Teacher_Id" :options="TeacherList" label="关联教师" :dense="false" v-model="msg.TeacherId" ref="Teacher_Id" :options="TeacherList" label="关联教师" :dense="false"
class="col-6 q-pr-lg q-pb-lg" emit-value map-options /> class="col-6 q-pr-lg q-pb-lg" emit-value map-options />
</div> </div>
</div> </div>
<div> <div>
<!-- <div class="q-px-lg q-pb-md"> <div class="col-10" style="margin-top:30px;display:flex;" v-if="dataList.resultList.length>0">
<q-timeline color="secondary"> <div class="col-4" id="timeleft">
<q-timeline-entry :title="item.TeacherName" subtitle="February 22, 1986" v-for="item in dataList.resultList" <div v-for="item in dataList.resultList">
avatar="张" :body="body" /> {{item.YearStr}}-{{item.MonthStr}}-{{item.DayStr}}
</q-timeline>
</div> -->
<div class="col-10" style="margin-top:30px;display:flex;">
<div class="col-4" id="timeleft">
<div v-for="item in dataList.resultList">
{{item.YearStr}}-{{item.MonthStr}}-{{item.DayStr}}
</div>
</div> </div>
<div class="col-4" id="timecenter"> </div>
<div style="height:70px; border-left:1px solid #366595; position:absolute; left:130px;"> <div class="col-4" id="timecenter">
<ul> <div style="height:80px; border-left:1px solid #366595; position:absolute; left:130px;">
<!-- <li class="cicle1" v-for="item in dataList.resultList"> <ul>
{{getFirst(item.TeacherName)}} <li class="cicle1" v-for="(item,index) in dataList.resultList" :class="{'reCordRed':item.ColorType==1,'reCordBlue':item.ColorType==2,
</li> --> 'reCordOrange':item.ColorType==3}" :style="{'top':getTop(index)}">
<li class="cicle1"></li> {{getFirst(item.TeacherName)}}
<li class="cicle2"></li> </li>
</ul> </ul>
</div>
</div> </div>
<div class="col-4" id="timeright" style="margin-left:50px;"> </div>
<div v-for="item in dataList.resultList"> <div class="col-4" id="timeright" style="margin-left:50px;width:80%;">
<p>{{item.TeacherName}}</p> <div v-for="item in dataList.resultList" style="margin-bottom:10px;">
<p>学习1小时</p> <p>{{item.TeacherName}}</p>
</div> <div class="TeacherContent">
签到数{{item.CheckNum}}，缺勤数{{item.NoCheckNum}}
</div>
</div> </div>
</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -140,7 +124,6 @@ ...@@ -140,7 +124,6 @@
}, },
dataList: {}, dataList: {},
TeacherList: [], //关联老师下拉 TeacherList: [], //关联老师下拉
body:'123'
} }
}, },
created() { created() {
...@@ -150,13 +133,11 @@ ...@@ -150,13 +133,11 @@
}, },
mounted() { mounted() {
this.GetTeacherList(); this.GetTeacherList();
console.log(this.setingObj, 'setingObj');
}, },
methods: { methods: {
getRecord() { getRecord() {
GetClassPlanLogPageList(this.msg).then(res => { GetClassPlanLogPageList(this.msg).then(res => {
if (res.Code == 1) { if (res.Code == 1) {
console.log(res, '数据');
this.dataList = res.Data.PageData; this.dataList = res.Data.PageData;
} }
}) })
...@@ -171,14 +152,16 @@ ...@@ -171,14 +152,16 @@
} }
this.TeacherList = res.Data; this.TeacherList = res.Data;
this.TeacherList.unshift(obj); this.TeacherList.unshift(obj);
console.log(res, '数据');
} }
}) })
}, },
getFirst(val){ getFirst(val) {
if (val) { if (val) {
return val.substr(0, 1); return val.substr(0, 1);
} }
},
getTop(index) {
return index * 77 + 'px';
} }
}, },
} }
......
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