页面渲染 逻辑处理 逻辑修改
This commit is contained in:
parent
ff3a816ace
commit
33f9ef440d
13
pages.json
13
pages.json
|
|
@ -90,7 +90,7 @@
|
|||
}
|
||||
},
|
||||
{
|
||||
"path" : "pages/Mystudent/addforwork",
|
||||
"path" : "pages/Mystudent/addclassforwork",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText": "",
|
||||
|
|
@ -195,6 +195,17 @@
|
|||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
},
|
||||
// 作业添加学生
|
||||
{
|
||||
"path" : "pages_add/add_studentsforwork",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText": "",
|
||||
"navigationBarBackgroundColor": "#4473f6",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
}
|
||||
|
||||
]
|
||||
|
|
|
|||
|
|
@ -13,95 +13,34 @@
|
|||
</image>
|
||||
</view>
|
||||
<input type="text"
|
||||
v-model="searchKeyword"
|
||||
placeholder="搜索相关内容..."
|
||||
class="input"
|
||||
placeholder-style="color:#C7CDD3 ">
|
||||
placeholder-style="color:#C7CDD3"
|
||||
@input="search()">
|
||||
</view>
|
||||
<view class="teacher_card_box" v-show="showpage==0">
|
||||
<view class="teacher_card" >
|
||||
<view class="teacher_card_box" >
|
||||
<view class="teacher_card" v-for="(item, index) in classlist" v-if="isloding == false" :key="index" @click="toggleSelection(item)" :class="{ 'act1': item.isSelected }">
|
||||
<view class="class_card_left">
|
||||
<image src=" https://file.langsi.online/yasiimg/web/static/udWNTRG6GulmTtgPRQ49"></image>
|
||||
</view>
|
||||
<view class="class_card_right">
|
||||
<view class="class_card_right_top">
|
||||
雅思1班
|
||||
<view class="class_card_right_top" v-html="highlightSearch(item.name)">
|
||||
|
||||
</view>
|
||||
<view class="class_card_right_bot">
|
||||
共21人
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="teacher_card act1" >
|
||||
<view class="class_card_left">
|
||||
<image src=" https://file.langsi.online/yasiimg/web/static/udWNTRG6GulmTtgPRQ49"></image>
|
||||
</view>
|
||||
<view class="class_card_right">
|
||||
<view class="class_card_right_top">
|
||||
雅思1班
|
||||
</view>
|
||||
<view class="class_card_right_bot">
|
||||
共21人
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="teacher_card" >
|
||||
<view class="class_card_left">
|
||||
<image src=" https://file.langsi.online/yasiimg/web/static/udWNTRG6GulmTtgPRQ49"></image>
|
||||
</view>
|
||||
<view class="class_card_right">
|
||||
<view class="class_card_right_top">
|
||||
雅思1班
|
||||
</view>
|
||||
<view class="class_card_right_bot">
|
||||
共21人
|
||||
共{{item.totalMembers}}人
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view class="teacher_card_box" v-show="showpage==1">
|
||||
<view class="student_card" >
|
||||
<view class="class_card_left">
|
||||
<image src=" https://file.langsi.online/yasiimg/web/static/udWNTRG6GulmTtgPRQ49"></image>
|
||||
</view>
|
||||
<view class="class_card_right">
|
||||
<view class="class_card_right_top">
|
||||
李斯丹妮
|
||||
</view>
|
||||
<view class="class_card_right_bot">
|
||||
ID：3324
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="student_card act1" >
|
||||
<view class="class_card_left">
|
||||
<image src=" https://file.langsi.online/yasiimg/web/static/udWNTRG6GulmTtgPRQ49"></image>
|
||||
</view>
|
||||
<view class="class_card_right">
|
||||
<view class="class_card_right_top">
|
||||
李斯丹妮
|
||||
</view>
|
||||
<view class="class_card_right_bot">
|
||||
ID：3324
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="student_card" >
|
||||
<view class="class_card_left">
|
||||
<image src=" https://file.langsi.online/yasiimg/web/static/udWNTRG6GulmTtgPRQ49"></image>
|
||||
</view>
|
||||
<view class="class_card_right">
|
||||
<view class="class_card_right_top">
|
||||
李斯丹妮
|
||||
</view>
|
||||
<view class="class_card_right_bot">
|
||||
ID：3324
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="zhanwei" style="width: 100%; height: 230rpx;">
|
||||
|
||||
</view>
|
||||
<view class="botbtn">
|
||||
<view class="btn">
|
||||
确定添加（2）
|
||||
<view class="botbtn" v-if="selectclass.length>0">
|
||||
<view class="btn" @click="addclassinfo()">
|
||||
确定添加（{{selectclass.length}}）
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -115,10 +54,92 @@ export default {
|
|||
backgroundColor: "#transparent",
|
||||
},
|
||||
showpage:1,
|
||||
classlist:{},
|
||||
changeclasslist:{},
|
||||
isloding:true,
|
||||
selectclass: [],
|
||||
searchKeyword:''
|
||||
|
||||
}
|
||||
},
|
||||
onLoad(option) {
|
||||
this.selectclass=JSON.parse(decodeURIComponent(option.classinfo))
|
||||
},
|
||||
onShow() {
|
||||
this.getclassList()
|
||||
},
|
||||
methods: {
|
||||
|
||||
addclassinfo(){
|
||||
uni.setStorageSync('selectedClassInfo', this.selectclass);
|
||||
|
||||
// Navigate back to the previous page
|
||||
uni.navigateBack({
|
||||
delta: 1, // Number of pages to go back
|
||||
success(res) {
|
||||
console.log(res);
|
||||
},
|
||||
fail(err) {
|
||||
console.error(err);
|
||||
}
|
||||
});
|
||||
},
|
||||
toggleSelection(item) {
|
||||
const selectedIndex = this.selectclass.findIndex(selectedItem => selectedItem.id === item.id);
|
||||
|
||||
if (selectedIndex === -1) {
|
||||
// If not selected, add to the array and apply the 'act1' class
|
||||
this.selectclass.push({ name: item.name, avatar: item.avatar, id: item.id });
|
||||
item.isSelected = true;
|
||||
} else {
|
||||
item.isSelected = false;
|
||||
// If already selected, remove from the array and remove the 'act1' class
|
||||
this.selectclass.splice(selectedIndex, 1);
|
||||
}
|
||||
console.log(this.selectclass, 'this.selectclass');
|
||||
},
|
||||
isSelectedClass(item) {
|
||||
return this.selectclass.some(selectedItem => selectedItem.id === item.id);
|
||||
},
|
||||
search() {
|
||||
// 根据关键字过滤 this.classlist
|
||||
if(this.searchKeyword!=''){
|
||||
const filteredList = JSON.parse(JSON.stringify(this.changeclasslist)).filter(item => item.name.includes(this.searchKeyword));
|
||||
// 更新 this.classlist 为过滤后的列表
|
||||
this.classlist = filteredList;
|
||||
}else{
|
||||
this.fuwei()
|
||||
}
|
||||
|
||||
},
|
||||
highlightSearch(name) {
|
||||
// 使用正则表达式替换匹配到的 searchKeyword 为带有颜色的文字
|
||||
if (this.searchKeyword) {
|
||||
const regex = new RegExp(this.searchKeyword, 'gi');
|
||||
return name.replace(regex, match => `<span style="color: #2D7CE6 ;">${match}</span>`);
|
||||
}
|
||||
return name;
|
||||
},
|
||||
fuwei() {
|
||||
|
||||
this.classlist = JSON.parse(JSON.stringify(this.changeclasslist));
|
||||
},
|
||||
getclassList() {
|
||||
this.$u.get("https://api.admin-v2.langsi.online/admin-api/classroom/page").then(res => {
|
||||
|
||||
if (res.code === 0) {
|
||||
this.classlist = res.data.list;
|
||||
this.changeclasslist = JSON.parse(JSON.stringify(this.classlist));
|
||||
this.isloding = false;
|
||||
this.selectclass.forEach(selectedItem => {
|
||||
const index = this.classlist.findIndex(item => item.id === selectedItem.id);
|
||||
if (index !== -1) {
|
||||
this.$set(this.classlist, index, { ...this.classlist[index], isSelected: true });
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
});
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
@ -1,9 +0,0 @@
|
|||
<template>
|
||||
<view>添加学生-个人</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
</script>
|
||||
|
||||
<style>
|
||||
</style>
|
||||
310
pages_teacher/pages_add/add_studentsforwork.vue
Normal file
310
pages_teacher/pages_add/add_studentsforwork.vue
Normal file
|
|
@ -0,0 +1,310 @@
|
|||
<template>
|
||||
<view class="searchpage">
|
||||
<u-navbar title="添加学生" :border-bottom="false" :background="bgc" title-color='#2E4975' title-size='36'
|
||||
height='36'></u-navbar>
|
||||
<u-toast ref="uToast" />
|
||||
<view class="serchbox">
|
||||
<view class="serchimg">
|
||||
<image src="https://file.langsi.online/yasiimg/web/static/uVMACkynkipOxuTYDqm0">
|
||||
|
||||
</image>
|
||||
</view>
|
||||
<input type="text"
|
||||
v-model="searchKeyword"
|
||||
placeholder="搜索相关内容..."
|
||||
class="input"
|
||||
placeholder-style="color:#C7CDD3"
|
||||
@input="search()">
|
||||
</view>
|
||||
<view class="check_card">
|
||||
<view class="check_card_stu " v-for="(item,index ) in stulist" :key="index" @click="toggleSelection(item)" :class="{ 'act1': item.isSelected }">
|
||||
<view class="check_card_stu_info_left">
|
||||
<view class="class_card_left">
|
||||
<image :src="item.headImgUrl"></image>
|
||||
</view>
|
||||
<view class="class_card_right">
|
||||
<view class="class_card_right_top" v-html="highlightSearch(item.nickName)">
|
||||
|
||||
</view>
|
||||
<view class="class_card_right_bot">
|
||||
ID：{{item.id}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
|
||||
</view>
|
||||
<view class="zhanwei" style="width: 100%; height: 230rpx;">
|
||||
|
||||
</view>
|
||||
<view class="botbtn" @click="addstu()" v-show="selectedIds.length>0">
|
||||
<view class="btn">
|
||||
确定添加（{{selectedIds.length}}）
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
bgc: {
|
||||
backgroundColor: "#F6F9FC",
|
||||
},
|
||||
checkindex: 1,
|
||||
stulist:[],
|
||||
searchKeyword:'',
|
||||
orgstulist:[],
|
||||
selectedIds: [],
|
||||
}
|
||||
},
|
||||
onLoad(option) {
|
||||
// this.classid=option.id
|
||||
this.selectedIds=JSON.parse(decodeURIComponent(option.stuinfo))
|
||||
|
||||
},
|
||||
onShow(){
|
||||
this.getallstu()
|
||||
},
|
||||
methods: {
|
||||
addstu() {
|
||||
uni.setStorageSync('selectedStuInfo', this.selectedIds);
|
||||
|
||||
// Navigate back to the previous page
|
||||
uni.navigateBack({
|
||||
delta: 1, // Number of pages to go back
|
||||
success(res) {
|
||||
console.log(res);
|
||||
},
|
||||
fail(err) {
|
||||
console.error(err);
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
},
|
||||
toggleSelection(item) {
|
||||
// const selectedIndex = this.selectedIds.indexOf(item.id);
|
||||
const selectedIndex = this.selectedIds.findIndex(selectedItem => selectedItem.id === item.id);
|
||||
if (selectedIndex === -1) {
|
||||
// If not selected, add to the array and apply the 'act1' class
|
||||
this.selectedIds.push({ name: item.nickName, avatar: item.headImgUrl, id: item.id });
|
||||
|
||||
item.isSelected = true; // Add a property to the item to track selection
|
||||
} else {
|
||||
// If already selected, remove from the array and remove the 'act1' class
|
||||
this.selectedIds.splice(selectedIndex, 1);
|
||||
item.isSelected = false;
|
||||
console.log(this.selectedIds,'selectedIdsselectedIdsselectedIds');
|
||||
}
|
||||
|
||||
},
|
||||
search() {
|
||||
// 根据关键字过滤 this.classlist
|
||||
if (this.searchKeyword !== '') {
|
||||
const filteredList = JSON.parse(JSON.stringify(this.orgstulist)).filter(item => {
|
||||
// 匹配 nickName 或者 id
|
||||
return item.nickName.includes(this.searchKeyword) || item.id.toString().includes(this.searchKeyword);
|
||||
});
|
||||
// 更新 this.classlist 为过滤后的列表
|
||||
this.stulist = filteredList;
|
||||
} else {
|
||||
this.fuwei();
|
||||
}
|
||||
},
|
||||
fuwei() {
|
||||
|
||||
this.stulist = JSON.parse(JSON.stringify(this.orgstulist));
|
||||
},
|
||||
highlightSearch(name) {
|
||||
// 使用正则表达式替换匹配到的 searchKeyword 为带有颜色的文字
|
||||
if (this.searchKeyword) {
|
||||
const regex = new RegExp(this.searchKeyword, 'gi');
|
||||
return name.replace(regex, match => `<span style="color: #2D7CE6 ;">${match}</span>`);
|
||||
}
|
||||
return name;
|
||||
},
|
||||
getallstu(){
|
||||
this.$u.get(`https://api.admin-v2.langsi.online/admin-api/v2/ybs-user/page`).then(res => {
|
||||
|
||||
|
||||
if (res.code == 0) {
|
||||
this.stulist=res.data.list
|
||||
this.orgstulist = JSON.parse(JSON.stringify(res.data.list));
|
||||
this.selectedIds.forEach(selectedItem => {
|
||||
const index = this.stulist.findIndex(item => item.id === selectedItem.id);
|
||||
if (index !== -1) {
|
||||
this.$set(this.stulist, index, { ...this.stulist[index], isSelected: true });
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
page {
|
||||
background: linear-gradient(183deg, #F0F6FF 0%, #FAFAFA 100%);
|
||||
}
|
||||
|
||||
.searchpage {
|
||||
width: 750rpx;
|
||||
padding: 0 32rpx;
|
||||
|
||||
.serchbox {
|
||||
padding: 0 32rpx;
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
margin-top: 30rpx;
|
||||
align-items: center;
|
||||
width: 686rpx;
|
||||
height: 88rpx;
|
||||
background: #FFFFFF;
|
||||
border-radius: 20rpx 20rpx 20rpx 20rpx;
|
||||
|
||||
.serchimg {
|
||||
width: 30.51rpx;
|
||||
height: 32rpx;
|
||||
margin-right: 24rpx;
|
||||
}
|
||||
|
||||
.input {
|
||||
margin: 0 auto;
|
||||
width: 568rpx;
|
||||
height: 88rpx;
|
||||
border-radius: 30rpx;
|
||||
// background-color: #f5f8fc;
|
||||
// display: flex;
|
||||
// justify-content: center;
|
||||
// align-items: center;
|
||||
// text-align: center;
|
||||
font-size: 28rpx;
|
||||
font-family: Source Han Sans CN, Source Han Sans CN-Light;
|
||||
font-weight: 300;
|
||||
text-align: left;
|
||||
color: #a7b9cd;
|
||||
letter-spacing: 1.2rpx;
|
||||
line-height: 36rpx;
|
||||
// padding: 0 100rpx;
|
||||
// padding-right: 135rpx;
|
||||
box-sizing: border-box;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.check_card {
|
||||
margin-top: 20rpx;
|
||||
|
||||
.check_card_stu {
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 32rpx;
|
||||
width: 686rpx;
|
||||
height: 148rpx;
|
||||
background: #FFFFFF;
|
||||
border-radius: 20rpx 20rpx 20rpx 20rpx;
|
||||
border: 2rpx solid #FFFFFF;
|
||||
margin-bottom: 20rpx;
|
||||
|
||||
.check_card_stu_info_left {
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
|
||||
.class_card_left {
|
||||
width: 76rpx;
|
||||
height: 76rpx;
|
||||
}
|
||||
|
||||
.class_card_right {
|
||||
margin-left: 12rpx;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
|
||||
.class_card_right_top {
|
||||
width: 100%;
|
||||
font-size: 28rpx;
|
||||
font-family: 'PingFang', 'PingFang';
|
||||
font-weight: bold;
|
||||
color: #072F5A;
|
||||
}
|
||||
|
||||
.class_card_right_bot {
|
||||
margin-top: 4rpx;
|
||||
font-size: 20rpx;
|
||||
font-family: 'PingFang', 'PingFang';
|
||||
font-weight: 500;
|
||||
color: rgba(7, 47, 90, 0.6);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.check_card_stu_info_right {
|
||||
width: 50%;
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
|
||||
.class_info {
|
||||
width: 110rpx;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
|
||||
.class_info_top {
|
||||
font-size: 20rpx;
|
||||
font-family: 'PingFang', 'PingFang';
|
||||
font-weight: 500;
|
||||
color: rgba(7, 47, 90, 0.5);
|
||||
}
|
||||
|
||||
.class_info_bot {
|
||||
margin-top: 12rpx;
|
||||
font-size: 28rpx;
|
||||
font-family: 'PingFang', 'PingFang';
|
||||
font-weight: 800;
|
||||
color: #2D7CE6;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.act1 {
|
||||
border: 2rpx solid #2D7CE6;
|
||||
}
|
||||
}
|
||||
.botbtn{
|
||||
padding: 32rpx 32rpx 0 32rpx;
|
||||
margin-left: -32rpx;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: 750rpx;
|
||||
height: 200rpx;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0rpx -10rpx 16rpx 0rpx rgba(202,202,202,0.25);
|
||||
border-radius: 40rpx 40rpx 0rpx 0rpx;
|
||||
.btn{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 28rpx;
|
||||
font-family:'PingFang','PingFang';
|
||||
font-weight: 800;
|
||||
color: #FFFFFF;
|
||||
width: 686rpx;
|
||||
height: 80rpx;
|
||||
background: linear-gradient(180deg, #74AFFF 0%, #2D7CE6 100%);
|
||||
border-radius: 104rpx 104rpx 104rpx 104rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<view class="view_body">
|
||||
<u-navbar :is-back="true" title='班级详情' title-color="#000" :border-bottom="false" :background="true" id="navbar">
|
||||
<u-navbar :is-back="true" title='班级详情' title-color="#2E4975" :border-bottom="false" :background="true" id="navbar">
|
||||
</u-navbar>
|
||||
<view class="view_botton" v-if="loading==false">
|
||||
<view class="view_spoken">
|
||||
|
|
@ -98,7 +98,9 @@
|
|||
|
||||
return {
|
||||
isShow: true,
|
||||
|
||||
bgc: {
|
||||
backgroundColor: "#F6F9FC",
|
||||
},
|
||||
operation:[
|
||||
{
|
||||
image:'https://file.langsi.online/yasiimg/web/static/ukPnTLkhCKU5zhbM7SMu',
|
||||
|
|
@ -129,7 +131,7 @@
|
|||
}
|
||||
},
|
||||
onLoad(option) {
|
||||
// this.classid=option.id
|
||||
/* > */ // this.classid=option.id
|
||||
this.classid=15
|
||||
|
||||
},
|
||||
|
|
@ -139,8 +141,16 @@
|
|||
},
|
||||
methods:{
|
||||
toaddwork(){
|
||||
let classinofs=[
|
||||
{
|
||||
name:this.classinfo.name,
|
||||
avatar:this.classinfo.avatar,
|
||||
id:this.classinfo.id,
|
||||
|
||||
}
|
||||
]
|
||||
uni.navigateTo({
|
||||
url: "/pages_teacher/teacher_teachers/teacher_addOperation?id=" + this.classinfo.id
|
||||
url: "/pages_teacher/teacher_teachers/teacher_addOperation?classinfo=" + encodeURIComponent(JSON.stringify(classinofs))
|
||||
}).then(res => {
|
||||
|
||||
}).catch(err => {
|
||||
|
|
|
|||
|
|
@ -1,13 +1,13 @@
|
|||
<template>
|
||||
<view class="concent">
|
||||
<view class="view_body">
|
||||
<u-navbar :is-back="true" title='添加作业' title-color="#000" :border-bottom="false" :background="true" id="navbar">
|
||||
<u-navbar :is-back="true" title='添加作业' title-color="#000" :border-bottom="false" :background="bgc" id="navbar">
|
||||
</u-navbar>
|
||||
<view class="view_header">
|
||||
<view class="view_title">标题</view>
|
||||
<view class="view_input">
|
||||
<u-form-item prop="value">
|
||||
<u-input v-model="form.value" :type="type" :border="border" placeholder="输入作业标题" />
|
||||
<u-input v-model="worktit" :type="type" :border="border" placeholder="输入作业标题" />
|
||||
</u-form-item>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -15,56 +15,30 @@
|
|||
<view>
|
||||
<view class="view_tubiao">
|
||||
<view class="view_title">班级安排</view>
|
||||
<view class="view_tb">
|
||||
|
||||
<view class="view_add">
|
||||
<text>+</text>
|
||||
添加
|
||||
</view>
|
||||
<view class="view_tb" @click="addclass()">
|
||||
+
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="class_bj">
|
||||
<view class="class_images">
|
||||
<view class="class_ys">
|
||||
<view class="class_tp">
|
||||
<image src="https://file.langsi.online/yasiimg/web/static/u4T48EWFfk5p6yrV3gOw" mode=""></image>
|
||||
</view>
|
||||
<view class="class_wz">雅思1班</view>
|
||||
</view>
|
||||
<view class="class_ys">
|
||||
<view class="class_tp">
|
||||
<image src="https://file.langsi.online/yasiimg/web/static/u4T48EWFfk5p6yrV3gOw" mode=""></image>
|
||||
</view>
|
||||
<view class="class_wz">雅思1班</view>
|
||||
</view>
|
||||
<view class="class_ys">
|
||||
<view class="class_tp">
|
||||
<image src="https://file.langsi.online/yasiimg/web/static/u4T48EWFfk5p6yrV3gOw" mode=""></image>
|
||||
</view>
|
||||
<view class="class_wz">雅思1班</view>
|
||||
</view>
|
||||
<view class="noting" v-if="classinfo.length<=0">
|
||||
<image src="https://file.langsi.online/yasiimg/web/static/ulqScWZvBYd22CW5uV0H" ></image>
|
||||
<view class="text1">
|
||||
暂未安排哦！
|
||||
</view>
|
||||
<!-- 2 -->
|
||||
<view class="class_images">
|
||||
<view class="class_ys">
|
||||
<view class="text2" @click="addclass()">
|
||||
去安排
|
||||
</view>
|
||||
</view>
|
||||
<view class="class_bj">
|
||||
|
||||
<view class="class_images" >
|
||||
<view class="class_ys" v-for="(item,index) in classinfo" :key="index">
|
||||
<view class="class_tp">
|
||||
<image src="https://file.langsi.online/yasiimg/web/static/u4T48EWFfk5p6yrV3gOw" mode=""></image>
|
||||
</view>
|
||||
<view class="class_wz">雅思1班</view>
|
||||
</view>
|
||||
<view class="class_ys">
|
||||
<view class="class_tp">
|
||||
<image src="https://file.langsi.online/yasiimg/web/static/u4T48EWFfk5p6yrV3gOw" mode=""></image>
|
||||
</view>
|
||||
<view class="class_wz">雅思1班</view>
|
||||
</view>
|
||||
<view class="class_ys">
|
||||
<view class="class_tp">
|
||||
<image src="https://file.langsi.online/yasiimg/web/static/u4T48EWFfk5p6yrV3gOw" mode=""></image>
|
||||
</view>
|
||||
<view class="class_wz">雅思1班</view>
|
||||
<view class="class_wz">{{item.name}}</view>
|
||||
</view>
|
||||
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -72,58 +46,33 @@
|
|||
<view>
|
||||
<view class="view_tubiao">
|
||||
<view class="view_title">学员安排</view>
|
||||
<view class="view_tb">
|
||||
<view class="view_tb" @click="toaddstu()">
|
||||
|
||||
<view class="view_add">
|
||||
<text>+</text>
|
||||
添加
|
||||
</view>
|
||||
+
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="class_bj">
|
||||
<view class="class_images">
|
||||
<view class="class_ys">
|
||||
<view class="class_tp">
|
||||
<image src="https://file.langsi.online/yasiimg/web/static/u4T48EWFfk5p6yrV3gOw" mode=""></image>
|
||||
</view>
|
||||
<view class="class_wz">LULY</view>
|
||||
</view>
|
||||
<view class="class_ys">
|
||||
<view class="class_tp">
|
||||
<image src="https://file.langsi.online/yasiimg/web/static/u4T48EWFfk5p6yrV3gOw" mode=""></image>
|
||||
</view>
|
||||
<view class="class_wz">Bright</view>
|
||||
</view>
|
||||
<view class="class_ys">
|
||||
<view class="class_tp">
|
||||
<image src="https://file.langsi.online/yasiimg/web/static/u4T48EWFfk5p6yrV3gOw" mode=""></image>
|
||||
</view>
|
||||
<view class="class_wz">Bright</view>
|
||||
</view>
|
||||
<view class="noting" v-if="stuinfo.length<=0">
|
||||
<image src="https://file.langsi.online/yasiimg/web/static/ulqScWZvBYd22CW5uV0H" ></image>
|
||||
<view class="text1">
|
||||
暂未安排哦！
|
||||
</view>
|
||||
<!-- 2 -->
|
||||
<view class="class_images">
|
||||
<view class="class_ys">
|
||||
<view class="class_tp">
|
||||
<image src="https://file.langsi.online/yasiimg/web/static/u4T48EWFfk5p6yrV3gOw" mode=""></image>
|
||||
</view>
|
||||
<view class="class_wz">LULY</view>
|
||||
</view>
|
||||
<view class="class_ys">
|
||||
<view class="class_tp">
|
||||
<image src="https://file.langsi.online/yasiimg/web/static/u4T48EWFfk5p6yrV3gOw" mode=""></image>
|
||||
</view>
|
||||
<view class="class_wz">Bright</view>
|
||||
</view>
|
||||
<view class="class_ys">
|
||||
<view class="class_tp">
|
||||
<image src="https://file.langsi.online/yasiimg/web/static/u4T48EWFfk5p6yrV3gOw" mode=""></image>
|
||||
</view>
|
||||
<view class="class_wz">Bright</view>
|
||||
</view>
|
||||
<view class="text2" @click="toaddstu()">
|
||||
去安排
|
||||
</view>
|
||||
</view>
|
||||
<view class="class_bj" >
|
||||
<view class="class_images">
|
||||
<view class="class_ys" v-for="(item,index) in stuinfo" :key="index">
|
||||
<view class="class_tp">
|
||||
<image :src="item.avatar" mode=""></image>
|
||||
</view>
|
||||
<view class="class_wz">{{item.name}}</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
|
||||
</view>
|
||||
</view>
|
||||
<!-- 作业安排 -->
|
||||
<view>
|
||||
|
|
@ -300,34 +249,96 @@
|
|||
export default {
|
||||
data() {
|
||||
return {
|
||||
// 表单双向数据绑定
|
||||
form: {
|
||||
value: '',
|
||||
times:'',
|
||||
|
||||
bgc: {
|
||||
backgroundColor: "#F6F9FC",
|
||||
},
|
||||
// prick 时间选择框数据
|
||||
params: {
|
||||
year: true,
|
||||
month: true,
|
||||
day: true,
|
||||
hour: false,
|
||||
minute: false,
|
||||
second: false
|
||||
},
|
||||
show: false,
|
||||
year: true,
|
||||
month: true,
|
||||
day: true,
|
||||
hour: true,
|
||||
minute: false,
|
||||
second: false
|
||||
},
|
||||
show: false,
|
||||
radio: '',
|
||||
switchVal: false,
|
||||
classinfo:[],
|
||||
stuinfo:[],
|
||||
worktit:'',
|
||||
times:'',
|
||||
|
||||
}
|
||||
},
|
||||
onLoad(option) {
|
||||
uni.removeStorageSync('selectedClassInfo');
|
||||
uni.removeStorageSync('selectedStuInfo');
|
||||
// this.classinfo=JSON.parse(decodeURIComponent(option.classinfo))
|
||||
let classinofs=[
|
||||
{
|
||||
name:'阅读5班',
|
||||
avatar:'Excepteur',
|
||||
id:15,
|
||||
|
||||
}
|
||||
]
|
||||
this.classinfo=classinofs
|
||||
|
||||
},
|
||||
onShow() {
|
||||
// Read selectedClassInfo data
|
||||
const selectedClassInfo = uni.getStorageSync('selectedClassInfo');
|
||||
console.log(selectedClassInfo,'selectedClassInfoselectedClassInfo');
|
||||
if (selectedClassInfo && selectedClassInfo.length > 0) {
|
||||
this.classinfo=selectedClassInfo
|
||||
// Remove duplicates from this.classinfo
|
||||
// this.classinfo = this.classinfo.filter(item => !selectedClassInfo.some(selectedItem => selectedItem.id === item.id));
|
||||
|
||||
// // Add non-duplicate items from selectedClassInfo to this.classinfo
|
||||
// this.classinfo = this.classinfo.concat(selectedClassInfo);
|
||||
|
||||
}
|
||||
const selectedstuInfo = uni.getStorageSync('selectedStuInfo');
|
||||
|
||||
if (selectedstuInfo && selectedstuInfo.length > 0) {
|
||||
this.stuinfo=selectedstuInfo
|
||||
// Remove duplicates from this.classinfo
|
||||
// this.stuinfo = this.stuinfo.filter(item => !selectedstuInfo.some(selectedItem => selectedItem.id === item.id));
|
||||
|
||||
// // Add non-duplicate items from selectedClassInfo to this.classinfo
|
||||
// this.stuinfo = this.stuinfo.concat(selectedstuInfo);
|
||||
|
||||
}
|
||||
},
|
||||
methods:{
|
||||
toaddstu(){
|
||||
uni.navigateTo({
|
||||
url: "/pages_teacher/pages_add/add_studentsforwork?stuinfo=" + encodeURIComponent(JSON.stringify(this.stuinfo))
|
||||
|
||||
}).then(res => {
|
||||
|
||||
}).catch(err => {
|
||||
|
||||
});
|
||||
},
|
||||
addclass(){
|
||||
uni.navigateTo({
|
||||
url: "/pages/Mystudent/addclassforwork?classinfo=" + encodeURIComponent(JSON.stringify(this.classinfo))
|
||||
}).then(res => {
|
||||
|
||||
}).catch(err => {
|
||||
|
||||
});
|
||||
},
|
||||
|
||||
// 获取截止时间
|
||||
printValue(e){
|
||||
this.form.times=`${e.year}-${e.month}-${e.day}`
|
||||
this.times=`${e.year}-${e.month}-${e.day}`
|
||||
},
|
||||
submit() {
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
@ -366,16 +377,61 @@
|
|||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-top: 46rpx;
|
||||
.view_tb{
|
||||
display: flex;
|
||||
padding-left: 24rpx;
|
||||
// align-items: center;
|
||||
// padding: 11rpx 24rpx 11rpx 24rpx;
|
||||
width: 120rpx;
|
||||
height: 52rpx;
|
||||
background: #FFFFFF;
|
||||
border-radius: 26rpx 26rpx 26rpx 26rpx;
|
||||
|
||||
border: 2rpx solid #F1F1F1;
|
||||
|
||||
color: #F18F21 ;
|
||||
font-size: 30rpx;
|
||||
}
|
||||
}
|
||||
.noting{
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-top: 16rpx;
|
||||
width: 686rpx;
|
||||
height: 124rpx;
|
||||
background: #FFFFFF;
|
||||
border-radius: 20rpx 20rpx 20rpx 20rpx;
|
||||
image{
|
||||
width: 58.19rpx;
|
||||
height: 60rpx;
|
||||
}
|
||||
.text1{
|
||||
margin-left: 12rpx;
|
||||
font-size: 24rpx;
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 500;
|
||||
color: #627698;
|
||||
}
|
||||
.text2{
|
||||
margin-left: 12rpx;
|
||||
font-size: 24rpx;
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 500;
|
||||
color: #2D7CE6;
|
||||
border-bottom: 2px solid #2D7CE6;
|
||||
}
|
||||
}
|
||||
|
||||
.class_bj {
|
||||
margin-top: 16rpx;
|
||||
}
|
||||
|
||||
.class_images {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-top: 20rpx;
|
||||
flex-wrap: wrap;
|
||||
// justify-content: space-between;
|
||||
// margin-top: 20rpx;
|
||||
}
|
||||
|
||||
.class_tp {
|
||||
|
|
@ -389,8 +445,12 @@
|
|||
color: #2E4975;
|
||||
margin: 20rpx 0;
|
||||
}
|
||||
|
||||
.class_ys:nth-child(3n) {
|
||||
margin-right: 0;
|
||||
}
|
||||
.class_ys {
|
||||
margin-top: 20rpx;
|
||||
margin-right: 20rpx;
|
||||
width: 215rpx;
|
||||
height: 96rpx;
|
||||
display: flex;
|
||||
|
|
@ -402,18 +462,23 @@
|
|||
background: #FFFFFF;
|
||||
border-radius: 20rpx 20rpx 20rpx 20rpx;
|
||||
}
|
||||
|
||||
|
||||
.class_wz {
|
||||
font-size: 28rpx;
|
||||
font-family: 'PingFang';
|
||||
font-weight: 500;
|
||||
color: #072F5A;
|
||||
width: 125rpx;
|
||||
font-size: 28rpx;
|
||||
font-family: 'PingFang';
|
||||
font-weight: 500;
|
||||
color: #072F5A;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.view_form{
|
||||
padding: 0rpx 32rpx;
|
||||
background: #FFFFFF;
|
||||
margin-top: 16rpx;
|
||||
border-radius: 20rpx 20rpx 20rpx 20rpx;
|
||||
border-radius: 20rpx 20rpx 20rpx 20rpx;
|
||||
}
|
||||
.view_textrea{
|
||||
height: 260rpx;
|
||||
|
|
@ -432,10 +497,10 @@ border-radius: 20rpx 20rpx 20rpx 20rpx;
|
|||
color: #FFFFFF;
|
||||
}
|
||||
.view_footer{
|
||||
width: 100%;
|
||||
width: 100%;
|
||||
padding: 0 16rpx;
|
||||
height: 144rpx;
|
||||
border-radius: 40rpx 40rpx 0rpx 0rpx;
|
||||
border-radius: 40rpx 40rpx 0rpx 0rpx;
|
||||
padding: 32rpx 0rpx;
|
||||
background-color: #fff;
|
||||
box-shadow: 0rpx -10rpx 16rpx 0rpx rgba(202,202,202,0.25);
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user