diff --git a/pages.json b/pages.json index e21b33c..a4d67f3 100644 --- a/pages.json +++ b/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" + } } ] diff --git a/pages/Mystudent/addforwork.vue b/pages/Mystudent/addclassforwork.vue similarity index 56% rename from pages/Mystudent/addforwork.vue rename to pages/Mystudent/addclassforwork.vue index 11885a4..f277030 100644 --- a/pages/Mystudent/addforwork.vue +++ b/pages/Mystudent/addclassforwork.vue @@ -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> diff --git a/pages_teacher/pages_add/add_students.vue b/pages_teacher/pages_add/add_students.vue deleted file mode 100644 index ed3f2a7..0000000 --- a/pages_teacher/pages_add/add_students.vue +++ /dev/null @@ -1,9 +0,0 @@ -<template> - <view>添加学生-个人</view> -</template> - -<script> -</script> - -<style> -</style> \ No newline at end of file diff --git a/pages_teacher/pages_add/add_studentsforwork.vue b/pages_teacher/pages_add/add_studentsforwork.vue new file mode 100644 index 0000000..59e3b63 --- /dev/null +++ b/pages_teacher/pages_add/add_studentsforwork.vue @@ -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> \ No newline at end of file diff --git a/pages_teacher/teacher_class/class_detail.vue b/pages_teacher/teacher_class/class_detail.vue index 620a48c..c67606f 100644 --- a/pages_teacher/teacher_class/class_detail.vue +++ b/pages_teacher/teacher_class/class_detail.vue @@ -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 => { diff --git a/pages_teacher/teacher_teachers/teacher_addOperation.vue b/pages_teacher/teacher_teachers/teacher_addOperation.vue index eefbc23..0d42a84 100644 --- a/pages_teacher/teacher_teachers/teacher_addOperation.vue +++ b/pages_teacher/teacher_teachers/teacher_addOperation.vue @@ -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);