页面渲染 逻辑处理 逻辑修改
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" :
|
"style" :
|
||||||
{
|
{
|
||||||
"navigationBarTitleText": "",
|
"navigationBarTitleText": "",
|
||||||
|
|
@ -195,6 +195,17 @@
|
||||||
"enablePullDownRefresh": false,
|
"enablePullDownRefresh": false,
|
||||||
"navigationStyle": "custom"
|
"navigationStyle": "custom"
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
// 作业添加学生
|
||||||
|
{
|
||||||
|
"path" : "pages_add/add_studentsforwork",
|
||||||
|
"style" :
|
||||||
|
{
|
||||||
|
"navigationBarTitleText": "",
|
||||||
|
"navigationBarBackgroundColor": "#4473f6",
|
||||||
|
"enablePullDownRefresh": false,
|
||||||
|
"navigationStyle": "custom"
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
]
|
]
|
||||||
|
|
|
||||||
|
|
@ -13,95 +13,34 @@
|
||||||
</image>
|
</image>
|
||||||
</view>
|
</view>
|
||||||
<input type="text"
|
<input type="text"
|
||||||
|
v-model="searchKeyword"
|
||||||
placeholder="搜索相关内容..."
|
placeholder="搜索相关内容..."
|
||||||
class="input"
|
class="input"
|
||||||
placeholder-style="color:#C7CDD3 ">
|
placeholder-style="color:#C7CDD3"
|
||||||
|
@input="search()">
|
||||||
</view>
|
</view>
|
||||||
<view class="teacher_card_box" v-show="showpage==0">
|
<view class="teacher_card_box" >
|
||||||
<view class="teacher_card" >
|
<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">
|
<view class="class_card_left">
|
||||||
<image src=" https://file.langsi.online/yasiimg/web/static/udWNTRG6GulmTtgPRQ49"></image>
|
<image src=" https://file.langsi.online/yasiimg/web/static/udWNTRG6GulmTtgPRQ49"></image>
|
||||||
</view>
|
</view>
|
||||||
<view class="class_card_right">
|
<view class="class_card_right">
|
||||||
<view class="class_card_right_top">
|
<view class="class_card_right_top" v-html="highlightSearch(item.name)">
|
||||||
雅思1班
|
|
||||||
</view>
|
</view>
|
||||||
<view class="class_card_right_bot">
|
<view class="class_card_right_bot">
|
||||||
共21人
|
共{{item.totalMembers}}人
|
||||||
</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人
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
<view class="teacher_card_box" v-show="showpage==1">
|
<view class="zhanwei" style="width: 100%; height: 230rpx;">
|
||||||
<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>
|
</view>
|
||||||
<view class="botbtn">
|
<view class="botbtn" v-if="selectclass.length>0">
|
||||||
<view class="btn">
|
<view class="btn" @click="addclassinfo()">
|
||||||
确定添加（2）
|
确定添加（{{selectclass.length}}）
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
@ -115,10 +54,92 @@ export default {
|
||||||
backgroundColor: "#transparent",
|
backgroundColor: "#transparent",
|
||||||
},
|
},
|
||||||
showpage:1,
|
showpage:1,
|
||||||
|
classlist:{},
|
||||||
|
changeclasslist:{},
|
||||||
|
isloding:true,
|
||||||
|
selectclass: [],
|
||||||
|
searchKeyword:''
|
||||||
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
onLoad(option) {
|
||||||
|
this.selectclass=JSON.parse(decodeURIComponent(option.classinfo))
|
||||||
|
},
|
||||||
|
onShow() {
|
||||||
|
this.getclassList()
|
||||||
|
},
|
||||||
methods: {
|
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>
|
</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>
|
<template>
|
||||||
<view class="view_body">
|
<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>
|
</u-navbar>
|
||||||
<view class="view_botton" v-if="loading==false">
|
<view class="view_botton" v-if="loading==false">
|
||||||
<view class="view_spoken">
|
<view class="view_spoken">
|
||||||
|
|
@ -98,7 +98,9 @@
|
||||||
|
|
||||||
return {
|
return {
|
||||||
isShow: true,
|
isShow: true,
|
||||||
|
bgc: {
|
||||||
|
backgroundColor: "#F6F9FC",
|
||||||
|
},
|
||||||
operation:[
|
operation:[
|
||||||
{
|
{
|
||||||
image:'https://file.langsi.online/yasiimg/web/static/ukPnTLkhCKU5zhbM7SMu',
|
image:'https://file.langsi.online/yasiimg/web/static/ukPnTLkhCKU5zhbM7SMu',
|
||||||
|
|
@ -129,7 +131,7 @@
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
onLoad(option) {
|
onLoad(option) {
|
||||||
// this.classid=option.id
|
/* > */ // this.classid=option.id
|
||||||
this.classid=15
|
this.classid=15
|
||||||
|
|
||||||
},
|
},
|
||||||
|
|
@ -139,8 +141,16 @@
|
||||||
},
|
},
|
||||||
methods:{
|
methods:{
|
||||||
toaddwork(){
|
toaddwork(){
|
||||||
|
let classinofs=[
|
||||||
|
{
|
||||||
|
name:this.classinfo.name,
|
||||||
|
avatar:this.classinfo.avatar,
|
||||||
|
id:this.classinfo.id,
|
||||||
|
|
||||||
|
}
|
||||||
|
]
|
||||||
uni.navigateTo({
|
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 => {
|
}).then(res => {
|
||||||
|
|
||||||
}).catch(err => {
|
}).catch(err => {
|
||||||
|
|
|
||||||
|
|
@ -1,13 +1,13 @@
|
||||||
<template>
|
<template>
|
||||||
<view class="concent">
|
<view class="concent">
|
||||||
<view class="view_body">
|
<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>
|
</u-navbar>
|
||||||
<view class="view_header">
|
<view class="view_header">
|
||||||
<view class="view_title">标题</view>
|
<view class="view_title">标题</view>
|
||||||
<view class="view_input">
|
<view class="view_input">
|
||||||
<u-form-item prop="value">
|
<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>
|
</u-form-item>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
@ -15,56 +15,30 @@
|
||||||
<view>
|
<view>
|
||||||
<view class="view_tubiao">
|
<view class="view_tubiao">
|
||||||
<view class="view_title">班级安排</view>
|
<view class="view_title">班级安排</view>
|
||||||
<view class="view_tb">
|
<view class="view_tb" @click="addclass()">
|
||||||
|
+
|
||||||
<view class="view_add">
|
|
||||||
<text>+</text>
|
|
||||||
添加
|
|
||||||
</view>
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
<view class="noting" v-if="classinfo.length<=0">
|
||||||
<view class="class_bj">
|
<image src="https://file.langsi.online/yasiimg/web/static/ulqScWZvBYd22CW5uV0H" ></image>
|
||||||
<view class="class_images">
|
<view class="text1">
|
||||||
<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>
|
</view>
|
||||||
<!-- 2 -->
|
<view class="text2" @click="addclass()">
|
||||||
<view class="class_images">
|
去安排
|
||||||
<view class="class_ys">
|
</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">
|
<view class="class_tp">
|
||||||
<image src="https://file.langsi.online/yasiimg/web/static/u4T48EWFfk5p6yrV3gOw" mode=""></image>
|
<image src="https://file.langsi.online/yasiimg/web/static/u4T48EWFfk5p6yrV3gOw" mode=""></image>
|
||||||
</view>
|
</view>
|
||||||
<view class="class_wz">雅思1班</view>
|
<view class="class_wz">{{item.name}}</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>
|
||||||
|
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
@ -72,58 +46,33 @@
|
||||||
<view>
|
<view>
|
||||||
<view class="view_tubiao">
|
<view class="view_tubiao">
|
||||||
<view class="view_title">学员安排</view>
|
<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>
|
</view>
|
||||||
|
<view class="noting" v-if="stuinfo.length<=0">
|
||||||
<view class="class_bj">
|
<image src="https://file.langsi.online/yasiimg/web/static/ulqScWZvBYd22CW5uV0H" ></image>
|
||||||
<view class="class_images">
|
<view class="text1">
|
||||||
<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>
|
</view>
|
||||||
<!-- 2 -->
|
<view class="text2" @click="toaddstu()">
|
||||||
<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>
|
</view>
|
||||||
</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>
|
||||||
<!-- 作业安排 -->
|
<!-- 作业安排 -->
|
||||||
<view>
|
<view>
|
||||||
|
|
@ -300,34 +249,96 @@
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
// 表单双向数据绑定
|
bgc: {
|
||||||
form: {
|
backgroundColor: "#F6F9FC",
|
||||||
value: '',
|
|
||||||
times:'',
|
|
||||||
|
|
||||||
},
|
},
|
||||||
// prick 时间选择框数据
|
// prick 时间选择框数据
|
||||||
params: {
|
params: {
|
||||||
year: true,
|
year: true,
|
||||||
month: true,
|
month: true,
|
||||||
day: true,
|
day: true,
|
||||||
hour: false,
|
hour: true,
|
||||||
minute: false,
|
minute: false,
|
||||||
second: false
|
second: false
|
||||||
},
|
},
|
||||||
show: false,
|
show: false,
|
||||||
radio: '',
|
radio: '',
|
||||||
switchVal: false,
|
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:{
|
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){
|
printValue(e){
|
||||||
this.form.times=`${e.year}-${e.month}-${e.day}`
|
this.times=`${e.year}-${e.month}-${e.day}`
|
||||||
},
|
},
|
||||||
submit() {
|
submit() {
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
@ -366,16 +377,61 @@
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
margin-top: 46rpx;
|
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 {
|
.class_bj {
|
||||||
margin-top: 16rpx;
|
margin-top: 16rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.class_images {
|
.class_images {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
flex-wrap: wrap;
|
||||||
margin-top: 20rpx;
|
// justify-content: space-between;
|
||||||
|
// margin-top: 20rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.class_tp {
|
.class_tp {
|
||||||
|
|
@ -389,8 +445,12 @@
|
||||||
color: #2E4975;
|
color: #2E4975;
|
||||||
margin: 20rpx 0;
|
margin: 20rpx 0;
|
||||||
}
|
}
|
||||||
|
.class_ys:nth-child(3n) {
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
.class_ys {
|
.class_ys {
|
||||||
|
margin-top: 20rpx;
|
||||||
|
margin-right: 20rpx;
|
||||||
width: 215rpx;
|
width: 215rpx;
|
||||||
height: 96rpx;
|
height: 96rpx;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
@ -402,18 +462,23 @@
|
||||||
background: #FFFFFF;
|
background: #FFFFFF;
|
||||||
border-radius: 20rpx 20rpx 20rpx 20rpx;
|
border-radius: 20rpx 20rpx 20rpx 20rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.class_wz {
|
.class_wz {
|
||||||
font-size: 28rpx;
|
width: 125rpx;
|
||||||
font-family: 'PingFang';
|
font-size: 28rpx;
|
||||||
font-weight: 500;
|
font-family: 'PingFang';
|
||||||
color: #072F5A;
|
font-weight: 500;
|
||||||
|
color: #072F5A;
|
||||||
|
overflow: hidden;
|
||||||
|
white-space: nowrap;
|
||||||
|
text-overflow: ellipsis;
|
||||||
}
|
}
|
||||||
.view_form{
|
.view_form{
|
||||||
padding: 0rpx 32rpx;
|
padding: 0rpx 32rpx;
|
||||||
background: #FFFFFF;
|
background: #FFFFFF;
|
||||||
margin-top: 16rpx;
|
margin-top: 16rpx;
|
||||||
border-radius: 20rpx 20rpx 20rpx 20rpx;
|
border-radius: 20rpx 20rpx 20rpx 20rpx;
|
||||||
}
|
}
|
||||||
.view_textrea{
|
.view_textrea{
|
||||||
height: 260rpx;
|
height: 260rpx;
|
||||||
|
|
@ -432,10 +497,10 @@ border-radius: 20rpx 20rpx 20rpx 20rpx;
|
||||||
color: #FFFFFF;
|
color: #FFFFFF;
|
||||||
}
|
}
|
||||||
.view_footer{
|
.view_footer{
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0 16rpx;
|
padding: 0 16rpx;
|
||||||
height: 144rpx;
|
height: 144rpx;
|
||||||
border-radius: 40rpx 40rpx 0rpx 0rpx;
|
border-radius: 40rpx 40rpx 0rpx 0rpx;
|
||||||
padding: 32rpx 0rpx;
|
padding: 32rpx 0rpx;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
box-shadow: 0rpx -10rpx 16rpx 0rpx rgba(202,202,202,0.25);
|
box-shadow: 0rpx -10rpx 16rpx 0rpx rgba(202,202,202,0.25);
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user