xinyi/kaiguan-zfb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'tx' of http://gitea.langsi.online/youmanlu/youmanlu-teacher-uniapp into dev_lbw

Browse Source
This commit is contained in:
libowei 2023-12-12 11:35:27 +08:00
commit 5ea72f897a
9 changed files with 1770 additions and 1601 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
common/http.interceptor.js
View File

@ -42,7 +42,7 @@ const install = (Vue, vm) => {
// 所以哪怕您重新登录修改了Storage，下一次的请求将会是最新值 // 所以哪怕您重新登录修改了Storage，下一次的请求将会是最新值
// const token = uni.getStorageSync('token'); // const token = uni.getStorageSync('token');
const token = " Bearer 0b34feaf02224ccb9d4e09730ab68c35" const token = " Bearer e465eb9d9ae74b4dad7a63dbe0e54587"
// console.log("我是token", token) // console.log("我是token", token)
config.header.Authorization = token; config.header.Authorization = token;

4
pages/Mystudent/addstu.vue
View File

@ -62,8 +62,8 @@
} }
}, },
onLoad(option) { onLoad(option) {
// this.classid=option.id this.classid=option.id
this.classid=15 // this.classid=15
this.getallstu() this.getallstu()
}, },
methods: { methods: {

4
pages/Mystudent/formstu.vue
View File

@ -95,8 +95,8 @@ export default {
} }
}, },
onLoad(option) { onLoad(option) {
// this.classid=option.id this.classid=option.id
this.classid=15 // this.classid=15
}, },
onShow() { onShow() {

2
pages/Mystudent/student.vue
View File

@ -47,7 +47,7 @@
</view> </view>
<view class="info_box"> <view class="info_box">
<view class="info_cont" <view class="info_cont"
style="width:90rpx ;"> style="width:80rpx ;">
<view class="info_cont_top"> <view class="info_cont_top">
学生人数 学生人数
</view> </view>

4
pages_teacher/teacher_class/class_detail.vue
View File

@ -131,8 +131,8 @@
} }
}, },
onLoad(option) { onLoad(option) {
/* > */ // this.classid=option.id this.classid=option.id
this.classid=15 // this.classid=15
}, },
onShow(){ onShow(){

29
pages_teacher/teacher_teachers/components/audiology.vue
View File

@ -37,7 +37,7 @@
shape="circle"></u-checkbox> shape="circle"></u-checkbox>
</view> </view>
</view> </view>
<view class="partshow" v-if="tk==partitem.id"> <view class="partshow" v-if="selectedItems.includes(partitem.id)">
<view class="Part2" v-for="(quesitem,quesindex) in partitem.modules" :key="quesindex"> <view class="Part2" v-for="(quesitem,quesindex) in partitem.modules" :key="quesindex">
<view class="imaflex"> <view class="imaflex">
<view>{{quesitem.number}} {{quesitem.typeText}}</view> <view>{{quesitem.number}} {{quesitem.typeText}}</view>
@ -66,6 +66,8 @@
image: true, image: true,
tk: null, tk: null,
selectwrite: [], selectwrite: [],
selectedItems: [],
} }
}, },
@ -93,6 +95,23 @@
this.itemActive = activeindex; this.itemActive = activeindex;
this.updateSubsetsInListHearing() this.updateSubsetsInListHearing()
console.log(this.listHearing, "this.itemActivethis.itemActive"); console.log(this.listHearing, "this.itemActivethis.itemActive");
const uniquePartIds = new Set();
// Loop through listHearing and collect unique part IDs
this.listHearing.forEach((paper) => {
paper.tests.forEach((test) => {
test.parts.forEach((part) => {
const hasSelectedQuesitem = part.modules.some((quesitem) => quesitem.subsets);
if (hasSelectedQuesitem) {
uniquePartIds.add(part.id);
}
});
});
});
// Convert the Set to an array and update selectedItems
this.selectedItems = Array.from(uniquePartIds);
}); });
}, },
Bages_addActive(TextIndex, id) { Bages_addActive(TextIndex, id) {
@ -101,12 +120,12 @@
}, },
icon(id) { icon(id) {
this.image = !this.image; this.image = !this.image;
this.tk = id; if (this.image) {
if (this.image == false) { this.selectedItems = this.selectedItems.filter(item => item !== id);
this.tk = id;
} else { } else {
this.tk = null; this.selectedItems.push(id);
} }
console.log(this.selectedItems,'this.selectedItemsthis.selectedItems');
}, },
checkboxChange(partitem, e) { checkboxChange(partitem, e) {
if (e.value) { if (e.value) {

33
pages_teacher/teacher_teachers/components/reading.vue
View File

@ -37,7 +37,7 @@
shape="circle"></u-checkbox> shape="circle"></u-checkbox>
</view> </view>
</view> </view>
<view class="partshow" v-if="tk==partitem.id"> <view class="partshow" v-if="selectedItems.includes(partitem.id)">
<view class="Part2" v-for="(quesitem,quesindex) in partitem.modules" :key="quesindex"> <view class="Part2" v-for="(quesitem,quesindex) in partitem.modules" :key="quesindex">
<view class="imaflex"> <view class="imaflex">
<view>{{quesitem.number}}{{quesitem.typeText}}</view> <view>{{quesitem.number}}{{quesitem.typeText}}</view>
@ -66,6 +66,7 @@
image: true, image: true,
tk: null, tk: null,
selectwrite: [], selectwrite: [],
selectedItems: [],
} }
}, },
@ -91,6 +92,24 @@
} }
this.itemActive = activeindex this.itemActive = activeindex
this.updateSubsetsInListHearing() this.updateSubsetsInListHearing()
const uniquePartIds = new Set();
// Loop through listHearing and collect unique part IDs
this.listHearing.forEach((paper) => {
paper.tests.forEach((test) => {
test.parts.forEach((part) => {
const hasSelectedQuesitem = part.modules.some((quesitem) => quesitem.subsets);
if (hasSelectedQuesitem) {
uniquePartIds.add(part.id);
}
});
});
});
// Convert the Set to an array and update selectedItems
this.selectedItems = Array.from(uniquePartIds);
console.log( this.selectedItems ,' this.selectedItems ');
}) })
}, },
// 听力test点击事件 // 听力test点击事件
@ -100,13 +119,13 @@
}, },
// 点击变化图表 // 点击变化图表
icon(id) { icon(id) {
this.image = !this.image this.image = !this.image;
this.tk = id if (this.image) {
if (this.image == false) { this.selectedItems = this.selectedItems.filter(item => item !== id);
this.tk = id
} else { } else {
this.tk = null this.selectedItems.push(id);
} }
console.log(this.selectedItems,'this.selectedItemsthis.selectedItems');
}, },
checkboxChange(partitem, e) { checkboxChange(partitem, e) {
if (e.value) { if (e.value) {
@ -200,6 +219,8 @@
}); });
}); });
}); });
console.log(this.selectwrite,'selectwriteselectwrite');
}, },
// 添加信息到selectwrite数组 // 添加信息到selectwrite数组

366
pages_teacher/teacher_teachers/teacher_addOperation.vue
View File

@ -1,21 +1,14 @@
<template> <template>
<view class="concent"> <view class="concent">
<view class="view_body"> <view class="view_body">
<u-navbar :is-back="true" <u-navbar :is-back="true" title='添加作业' title-color="#000" :border-bottom="false" :background="bgc"
title='添加作业'
title-color="#000"
:border-bottom="false"
:background="bgc"
id="navbar"> 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="worktit" <u-input v-model="worktit" :type="type" :border="border" placeholder="输入作业标题" />
:type="type"
:border="border"
placeholder="输入作业标题" />
</u-form-item> </u-form-item>
</view> </view>
</view> </view>
@ -23,39 +16,32 @@
<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()">
@click="addclass()">
+ +
</view> </view>
</view> </view>
<view class="noting" <view class="noting" v-if="classinfo.length <= 0">
v-if="classinfo.length <= 0">
<image src="https://file.langsi.online/yasiimg/web/static/ulqScWZvBYd22CW5uV0H"></image> <image src="https://file.langsi.online/yasiimg/web/static/ulqScWZvBYd22CW5uV0H"></image>
<view class="text1"> <view class="text1">
暂未安排哦！ 暂未安排哦！
</view> </view>
<view class="text2" <view class="text2" @click="addclass()">
@click="addclass()">
去安排 去安排
</view> </view>
</view> </view>
<view class="class_bj"> <view class="class_bj">
<view class="class_images"> <view class="class_images">
<view class="class_ys" <view class="class_ys" v-for="(item, index) in classinfo" :key="index"
v-for="(item, index) in classinfo"
:key="index"
style="position: relative;"> style="position: relative;">
<view class="close" <view class="close"
style="position: absolute;top: 0rpx;right: 8rpx;width: 20rpx;height: 20rpx;" style="position: absolute;top: 0rpx;right: 8rpx;width: 20rpx;height: 20rpx;"
@click="delcls(item.id)"> @click="delcls(item.id)">
<image src="https://file.langsi.online/yasiimg/web/static/ueH3qwYazyVXmiYoVPJE" <image src="https://file.langsi.online/yasiimg/web/static/ueH3qwYazyVXmiYoVPJE" mode="">
mode="">
</image> </image>
</view> </view>
<view class="class_tp"> <view class="class_tp">
<image src="https://file.langsi.online/yasiimg/web/static/u4T48EWFfk5p6yrV3gOw" <image src="https://file.langsi.online/yasiimg/web/static/u4T48EWFfk5p6yrV3gOw" mode="">
mode="">
</image> </image>
</view> </view>
<view class="class_wz">{{ item.name }}</view> <view class="class_wz">{{ item.name }}</view>
@ -69,39 +55,32 @@
<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()">
@click="toaddstu()">
+ +
</view> </view>
</view> </view>
<view class="noting" <view class="noting" v-if="stuinfo.length <= 0">
v-if="stuinfo.length <= 0">
<image src="https://file.langsi.online/yasiimg/web/static/ulqScWZvBYd22CW5uV0H"></image> <image src="https://file.langsi.online/yasiimg/web/static/ulqScWZvBYd22CW5uV0H"></image>
<view class="text1"> <view class="text1">
暂未安排哦！ 暂未安排哦！
</view> </view>
<view class="text2" <view class="text2" @click="toaddstu()">
@click="toaddstu()">
去安排 去安排
</view> </view>
</view> </view>
<view class="class_bj"> <view class="class_bj">
<view class="class_images"> <view class="class_images">
<view class="class_ys" <view class="class_ys" v-for="(item, index) in stuinfo" :key="index"
v-for="(item, index) in stuinfo"
:key="index"
style="position: relative;"> style="position: relative;">
<view class="close" <view class="close"
style="position: absolute;top: 0rpx;right: 8rpx;width: 20rpx;height: 20rpx;" style="position: absolute;top: 0rpx;right: 8rpx;width: 20rpx;height: 20rpx;"
@click="delstu(item.id)"> @click="delstu(item.id)">
<image src="https://file.langsi.online/yasiimg/web/static/ueH3qwYazyVXmiYoVPJE" <image src="https://file.langsi.online/yasiimg/web/static/ueH3qwYazyVXmiYoVPJE" mode="">
mode="">
</image> </image>
</view> </view>
<view class="class_tp"> <view class="class_tp">
<image :src="item.avatar" <image :src="item.avatar" mode=""></image>
mode=""></image>
</view> </view>
<view class="class_wz">{{ item.name }}</view> <view class="class_wz">{{ item.name }}</view>
</view> </view>
@ -126,14 +105,12 @@
<view <view
style="background-color: #fff; padding: 32rpx 40rpx;border-radius: 20rpx 20rpx 20rpx 20rpx;"> style="background-color: #fff; padding: 32rpx 40rpx;border-radius: 20rpx 20rpx 20rpx 20rpx;">
<u-time-line> <u-time-line>
<u-time-line-item nodeTop="2" <u-time-line-item nodeTop="2" v-for="(items,indexs) in item.message" :key="indexs">
v-for="(items,indexs) in item.message" :key="indexs">
<template v-slot:content> <template v-slot:content>
<view> <view>
<view style="display: flex;flex-wrap: nowrap;"> <view style="display: flex;flex-wrap: nowrap;">
<view class="Test" <view class="Test">{{items.testname}}</view>
>{{items.testname}}</view>
<view class="ellipses">阅读</view> <view class="ellipses">阅读</view>
@ -156,14 +133,12 @@
<view <view
style="background-color: #fff; padding: 32rpx 40rpx;border-radius: 20rpx 20rpx 20rpx 20rpx;"> style="background-color: #fff; padding: 32rpx 40rpx;border-radius: 20rpx 20rpx 20rpx 20rpx;">
<u-time-line> <u-time-line>
<u-time-line-item nodeTop="2" <u-time-line-item nodeTop="2" v-for="(items,indexs) in item.message" :key="indexs">
v-for="(items,indexs) in item.message" :key="indexs">
<template v-slot:content> <template v-slot:content>
<view> <view>
<view style="display: flex;flex-wrap: nowrap;"> <view style="display: flex;flex-wrap: nowrap;">
<view class="Test" <view class="Test">{{items.testname}}</view>
>{{items.testname}}</view>
<view class="greener">听力</view> <view class="greener">听力</view>
@ -186,16 +161,16 @@
<view <view
style="background-color: #fff; padding: 32rpx 40rpx;border-radius: 20rpx 20rpx 20rpx 20rpx;"> style="background-color: #fff; padding: 32rpx 40rpx;border-radius: 20rpx 20rpx 20rpx 20rpx;">
<u-time-line> <u-time-line>
<u-time-line-item nodeTop="2" <u-time-line-item nodeTop="2" v-for="(items,indexs) in item.message" :key="indexs">
v-for="(items,indexs) in item.message" :key="indexs">
<template v-slot:content> <template v-slot:content>
<view> <view>
<view style="display: flex;flex-wrap: nowrap;"> <view style="display: flex;flex-wrap: nowrap;">
<view class="Test" <view class="Test">{{items.test}}</view>
>{{items.test}}</view>
<view class="ellipses" style="background: rgba(63,122,242,0.2);color: #3F7AF2;">写作</view> <view class="ellipses"
style="background: rgba(63,122,242,0.2);color: #3F7AF2;">写作
</view>
</view> </view>
<view class="u-order-desc"> <view class="u-order-desc">
@ -215,15 +190,14 @@
<view <view
style="background-color: #fff; padding: 32rpx 40rpx;border-radius: 20rpx 20rpx 20rpx 20rpx;"> style="background-color: #fff; padding: 32rpx 40rpx;border-radius: 20rpx 20rpx 20rpx 20rpx;">
<u-time-line> <u-time-line>
<u-time-line-item nodeTop="2" <u-time-line-item nodeTop="2" v-for="(item, index) in selectspeak" :key="index">
v-for="(item, index) in selectspeak"
:key="index">
<template v-slot:content> <template v-slot:content>
<view> <view>
<view style="display: flex;flex-wrap: nowrap;"> <view style="display: flex;flex-wrap: nowrap;">
<view class="Test" <view class="Test" style="width: 80%;">
style="width: 80%;">{{ item.part }}-{{ item.introduction }}</view> {{ item.part }}-{{ item.introduction }}
</view>
<view class="erotic">口语</view> <view class="erotic">口语</view>
@ -231,10 +205,8 @@
<view class="u-order-desc"> <view class="u-order-desc">
<view style="display: inline;"> <view style="display: inline;">
<view class="txt">{{ item.topicEn }}:</view> <view class="txt">{{ item.topicEn }}:</view>
<view v-for="(items, indexs) in item.speakingType" <view v-for="(items, indexs) in item.speakingType" :key="indexs"
:key="indexs" class="type" style="display: inline;">
class="type"
style="display: inline;">
<view v-if="items == 1">串题</view> <view v-if="items == 1">串题</view>
<view v-else-if="items == 2">跟读</view> <view v-else-if="items == 2">跟读</view>
<view v-else-if="items == 3">模考</view> <view v-else-if="items == 3">模考</view>
@ -250,8 +222,7 @@
</view> </view>
</view> </view>
<!--按钮 --> <!--按钮 -->
<view style="display: flex; justify-content: center; margin-top: 32rpx;" <view style="display: flex; justify-content: center; margin-top: 32rpx;" @click="addwork()">
@click="addwork()">
<view class="increase"> <view class="increase">
<u-icon name="plus"></u-icon> <u-icon name="plus"></u-icon>
添加 添加
@ -267,17 +238,10 @@
</view> </view>
<view> <view>
<view class="view_form"> <view class="view_form">
<u-picker mode="time" <u-picker mode="time" v-model="show" :params="params" @confirm="printValue"></u-picker>
v-model="show"
:params="params"
@confirm="printValue"></u-picker>
<u-form-item prop="times"> <u-form-item prop="times">
<u-input v-model="times" <u-input v-model="times" :type="type" :border="border" placeholder="选择作业截止的时间"
:type="type" @click="show = true" placeholder-style="color: rgba(46,73,117,0.4);font-size: 24rpx;" />
:border="border"
placeholder="选择作业截止的时间"
@click="show = true"
placeholder-style="color: rgba(46,73,117,0.4);font-size: 24rpx;" />
</u-form-item> </u-form-item>
@ -290,21 +254,18 @@
<view class="view_title">描述</view> <view class="view_title">描述</view>
</view> </view>
<view class="view_textrea"> <view class="view_textrea">
<textarea value="" <textarea v-model="classword" placeholder="输入你的描述... "
placeholder="输入你的描述... "
placeholder-style="color: rgba(46,73,117,0.4);font-size: 24rpx;" /> placeholder-style="color: rgba(46,73,117,0.4);font-size: 24rpx;" />
</view> </view>
</view> </view>
</view> </view>
<!-- 按钮 --> <!-- 按钮 -->
<view class="zhanwei" <view class="zhanwei" style="width: 100%;height: 230rpx;">
style="width: 100%;height: 230rpx;">
</view> </view>
<view class="botbtn"> <view class="botbtn">
<view class="btn" <view class="btn" @click="addclassinfo()">
@click="addclassinfo()">
确定添加 确定添加
</view> </view>
</view> </view>
@ -312,7 +273,7 @@
</view> </view>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {
bgc: { bgc: {
@ -325,7 +286,8 @@ export default {
day: true, day: true,
hour: true, hour: true,
minute: false, minute: false,
second: false second: false,
timestamp: true
}, },
show: false, show: false,
radio: '', radio: '',
@ -334,6 +296,7 @@ export default {
stuinfo: [], stuinfo: [],
worktit: '', worktit: '',
times: '', times: '',
time: 0,
selectspeak: [], selectspeak: [],
selectwrite: [], selectwrite: [],
selectlisten: [], selectlisten: [],
@ -341,19 +304,22 @@ export default {
selectwritelist: [], selectwritelist: [],
selectlistenlist: [], selectlistenlist: [],
selectreadlist: [], selectreadlist: [],
classword: 'aaa',
mocktype:'0'
} }
}, },
onLoad(option) { onLoad(option) {
uni.removeStorageSync('selectedClassInfo'); // uni.removeStorageSync('selectedClassInfo');
uni.removeStorageSync('selectedStuInfo'); // uni.removeStorageSync('selectedStuInfo');
// this.classinfo=JSON.parse(decodeURIComponent(option.classinfo)) // uni.removeStorageSync('selectforwork');
let classinofs = [{ // this.classinfo = JSON.parse(decodeURIComponent(option.classinfo))
name: '阅读5班', // let classinofs = [{
avatar: 'Excepteur', // name: '阅读5班',
id: 15, // avatar: 'Excepteur',
// id: 15,
}] // }]
this.classinfo = classinofs this.classinfo = classinofs
}, },
@ -388,6 +354,7 @@ export default {
this.selectwrite = selectforwork.selectwrite this.selectwrite = selectforwork.selectwrite
this.selectlisten = selectforwork.selectlisten this.selectlisten = selectforwork.selectlisten
this.selectread = selectforwork.selectread this.selectread = selectforwork.selectread
this.mocktype= selectforwork.mocktype
// this.selectwrite = selectforwork.selectwrite; // this.selectwrite = selectforwork.selectwrite;
//处理写作数据 //处理写作数据
const groupedItems = {}; const groupedItems = {};
@ -432,7 +399,7 @@ export default {
testId: item.testId, testId: item.testId,
testname: item.testname, testname: item.testname,
typeName: item.typeName, typeName: item.typeName,
questionname:item. questionname, questionname: item.questionname,
}); });
}); });
@ -459,15 +426,15 @@ export default {
testId: item.testId, testId: item.testId,
testname: item.testname, testname: item.testname,
typeName: item.typeName, typeName: item.typeName,
questionname:item. questionname, questionname: item.questionname,
}); });
}); });
// Convert groupedItems object to an array // Convert groupedItems object to an array
this.selectreadlist = Object.values(groupedItems2); this.selectreadlist = Object.values(groupedItems2);
console.log(this.selectreadlist, 'this.selectread'); console.log(this.selectread, 'this.selectread');
console.log(this.selectlistenlist, 'this.selectlisten'); console.log(this.selectlisten, 'this.selectlisten');
// Remove duplicates from this.classinfo // Remove duplicates from this.classinfo
// this.stuinfo = this.stuinfo.filter(item => !selectedstuInfo.some(selectedItem => selectedItem.id === item.id)); // this.stuinfo = this.stuinfo.filter(item => !selectedstuInfo.some(selectedItem => selectedItem.id === item.id));
@ -484,10 +451,12 @@ export default {
selectspeak: this.selectspeak, selectspeak: this.selectspeak,
selectwrite: this.selectwrite, selectwrite: this.selectwrite,
selectlisten: this.selectlisten, selectlisten: this.selectlisten,
selectread: this.selectread selectread: this.selectread,
mocktype:this.mocktype,
}; };
uni.navigateTo({ uni.navigateTo({
url: "/pages_teacher/teacher_teachers/teacher_writeadd?dataToSave=" + encodeURIComponent(JSON.stringify(dataToSave)) url: "/pages_teacher/teacher_teachers/teacher_writeadd?dataToSave=" + encodeURIComponent(JSON
.stringify(dataToSave))
}).then(res => { }).then(res => {
}).catch(err => { }).catch(err => {
@ -502,7 +471,8 @@ export default {
}, },
toaddstu() { toaddstu() {
uni.navigateTo({ uni.navigateTo({
url: "/pages_teacher/pages_add/add_studentsforwork?stuinfo=" + encodeURIComponent(JSON.stringify(this.stuinfo)) url: "/pages_teacher/pages_add/add_studentsforwork?stuinfo=" + encodeURIComponent(JSON
.stringify(this.stuinfo))
}).then(res => { }).then(res => {
@ -523,16 +493,108 @@ export default {
// 获取截止时间 // 获取截止时间
printValue(e) { printValue(e) {
this.times = `${e.year}-${e.month}-${e.day}` // console.log(e,'timestamp: truetimestamp: true');
this.times = `${e.year}-${e.month}-${e.day}-${e.hour}`;
this.time = e.timestamp
}, },
submit() { addclassinfo() {
let classIdSet = []; // 初始化一个数组，用于存储唯一的 class id
let studentIdSet = []; // 初始化一个数组，用于存储唯一的 class id
let workDetailsPageReqVOList = [];
let des =this.classword
let doneTime = this.times
let name =this.worktit
this.classinfo.forEach(item => {
classIdSet.push(item.id); // 将 id 添加到数组中
});
this.stuinfo.forEach(item => {
studentIdSet.push(item.id); // 将 id 添加到数组中
});
// 现在 classIdSet 包含了唯一的 class id
// console.log(studentIdSet);
// let classIdSet
this.selectspeak.forEach(item => {
workDetailsPageReqVOList.push({
classify:'4',
questionId: item.id,
speakingType: item.speakingType.join(','), // 将数组转换为逗号分隔的字符串
// 其他字段按需添加
});
});
this.selectwrite.forEach(item => {
workDetailsPageReqVOList.push({
questionId: item.id,
classify:'3'
// speakingType: item.speakingType.join(','), // 将数组转换为逗号分隔的字符串
// 其他字段按需添加
});
});
this.selectlisten.forEach(item => {
workDetailsPageReqVOList.push({
moduleId: item.id,
testId: item.testId,
partId: item.partId,
paperId: item.paperId,
classify:'1'
// speakingType: item.speakingType.join(','), // 将数组转换为逗号分隔的字符串
// 其他字段按需添加
});
});
this.selectread.forEach(item => {
workDetailsPageReqVOList.push({
moduleId: item.id,
testId: item.testId,
partId: item.partId,
paperId: item.paperId,
classify:'2'
// speakingType: item.speakingType.join(','), // 将数组转换为逗号分隔的字符串
// 其他字段按需添加
});
});
// 现在 this.workDetailsPageReqVOList 包含了转换后的数据
let data={
mockType:this.mocktype,
name:name,
des:des,
doneTime:doneTime,
classIdSet:classIdSet,
studentIdSet:studentIdSet,
workDetailsPageReqVOList:workDetailsPageReqVOList
} }
this.$u.post(`https://api.admin-v2.langsi.online/admin-api/classroom/work-record/add`, data).then(res => {
if (res.code === 0) {
this.$refs.uToast.show({
title: '添加成功',
type: 'success',
position:'top'
})
this.selectedIds=[]
this.fuwei()
}else{
this.$refs.uToast.show({
title: '添加失败',
type: 'error',
position:'top'
})
this.selectedIds=[]
this.fuwei()
}
});
// let json = JSON.stringify(data)
// console.log(json, 'workDetailsPageReqVOList');
}
}
} }
}
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.botbtn { .botbtn {
padding: 32rpx 32rpx 0 32rpx; padding: 32rpx 32rpx 0 32rpx;
// margin-left: -32rpx; // margin-left: -32rpx;
position: fixed; position: fixed;
@ -557,39 +619,39 @@ export default {
background: linear-gradient(180deg, #74AFFF 0%, #2D7CE6 100%); background: linear-gradient(180deg, #74AFFF 0%, #2D7CE6 100%);
border-radius: 104rpx 104rpx 104rpx 104rpx; border-radius: 104rpx 104rpx 104rpx 104rpx;
} }
} }
// 样式穿透 // 样式穿透
::v-deep .u-dot { ::v-deep .u-dot {
background: #2D7CE6 !important; background: #2D7CE6 !important;
} }
.concent { .concent {
width: 100vw; width: 100vw;
background: linear-gradient(183deg, #F0F6FF 0%, #FAFAFA 100%); background: linear-gradient(183deg, #F0F6FF 0%, #FAFAFA 100%);
} }
.view_body { .view_body {
width: 91.3%; width: 91.3%;
margin: 0 auto; margin: 0 auto;
} }
.view_title { .view_title {
font-size: 28rpx; font-size: 28rpx;
font-family: 'PingFang'; font-family: 'PingFang';
font-weight: 800; font-weight: 800;
color: #2E4975; color: #2E4975;
} }
.view_input { .view_input {
line-height: 70rpx; line-height: 70rpx;
background: #FFFFFF; background: #FFFFFF;
border-radius: 20rpx 20rpx 20rpx 20rpx; border-radius: 20rpx 20rpx 20rpx 20rpx;
margin-top: 16rpx; margin-top: 16rpx;
padding: 0 24rpx; padding: 0 24rpx;
} }
.view_tubiao { .view_tubiao {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
@ -610,9 +672,9 @@ export default {
color: #F18F21; color: #F18F21;
font-size: 30rpx; font-size: 30rpx;
} }
} }
.noting { .noting {
display: flex; display: flex;
flex-wrap: nowrap; flex-wrap: nowrap;
align-items: center; align-items: center;
@ -644,37 +706,37 @@ export default {
color: #2D7CE6; color: #2D7CE6;
border-bottom: 2px solid #2D7CE6; border-bottom: 2px solid #2D7CE6;
} }
} }
.class_bj { .class_bj {
margin-top: 16rpx; margin-top: 16rpx;
} }
.class_images { .class_images {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
// justify-content: space-between; // justify-content: space-between;
// margin-top: 20rpx; // margin-top: 20rpx;
} }
.class_tp { .class_tp {
width: 56rpx; width: 56rpx;
height: 56rpx; height: 56rpx;
margin-right: 12rpx; margin-right: 12rpx;
} }
.Ielts { .Ielts {
font-size: 40rpx; font-size: 40rpx;
font-weight: 400; font-weight: 400;
color: #2E4975; color: #2E4975;
margin: 20rpx 0; margin: 20rpx 0;
} }
.class_ys:nth-child(3n) { .class_ys:nth-child(3n) {
margin-right: 0; margin-right: 0;
} }
.class_ys { .class_ys {
margin-top: 20rpx; margin-top: 20rpx;
margin-right: 20rpx; margin-right: 20rpx;
width: 215rpx; width: 215rpx;
@ -687,10 +749,10 @@ export default {
height: 96rpx; height: 96rpx;
background: #FFFFFF; background: #FFFFFF;
border-radius: 20rpx 20rpx 20rpx 20rpx; border-radius: 20rpx 20rpx 20rpx 20rpx;
} }
.class_wz { .class_wz {
width: 125rpx; width: 125rpx;
font-size: 28rpx; font-size: 28rpx;
font-family: 'PingFang'; font-family: 'PingFang';
@ -699,25 +761,25 @@ export default {
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; 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;
background: #FFFFFF; background: #FFFFFF;
border-radius: 20rpx 20rpx 20rpx 20rpx; border-radius: 20rpx 20rpx 20rpx 20rpx;
; ;
margin-top: 16rpx; margin-top: 16rpx;
padding: 28rpx 32rpx; padding: 28rpx 32rpx;
} }
.view_button { .view_button {
width: 93.1%; width: 93.1%;
margin: auto; margin: auto;
text-align: center; text-align: center;
@ -725,9 +787,9 @@ export default {
background: linear-gradient(180deg, #74AFFF 0%, #2D7CE6 100%); background: linear-gradient(180deg, #74AFFF 0%, #2D7CE6 100%);
border-radius: 104rpx 104rpx 104rpx 104rpx; border-radius: 104rpx 104rpx 104rpx 104rpx;
color: #FFFFFF; color: #FFFFFF;
} }
.view_footer { .view_footer {
width: 100%; width: 100%;
padding: 0 16rpx; padding: 0 16rpx;
height: 144rpx; height: 144rpx;
@ -736,9 +798,9 @@ export default {
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);
margin-top: 8rpx; margin-top: 8rpx;
} }
.u-node { .u-node {
width: 44rpx; width: 44rpx;
height: 44rpx; height: 44rpx;
border-radius: 100rpx; border-radius: 100rpx;
@ -746,9 +808,9 @@ export default {
justify-content: center; justify-content: center;
align-items: center; align-items: center;
background: #d0d0d0; background: #d0d0d0;
} }
.u-order-desc { .u-order-desc {
display: block; display: block;
// flex-wrap: nowrap; // flex-wrap: nowrap;
padding: 20rpx; padding: 20rpx;
@ -762,37 +824,37 @@ export default {
font-weight: 500; font-weight: 500;
color: #2E4975; color: #2E4975;
} }
} }
.u-order-time { .u-order-time {
color: rgb(200, 200, 200); color: rgb(200, 200, 200);
font-size: 26rpx; font-size: 26rpx;
} }
.yuandi { .yuandi {
width: 18rpx; width: 18rpx;
height: 18rpx; height: 18rpx;
background: #2D7CE6; background: #2D7CE6;
border-radius: 24rpx 24rpx 24rpx 24rpx; border-radius: 24rpx 24rpx 24rpx 24rpx;
} }
.Test { .Test {
font-size: 28rpx; font-size: 28rpx;
font-weight: 800; font-weight: 800;
color: #2E4975; color: #2E4975;
margin-left: 12rpx; margin-left: 12rpx;
} }
.ellipses { .ellipses {
font-size: 20rpx; font-size: 20rpx;
background: rgba(242, 170, 2, 0.2); background: rgba(242, 170, 2, 0.2);
margin-left: 12rpx; margin-left: 12rpx;
padding: 8rpx 20rpx; padding: 8rpx 20rpx;
color: #F2AA02; color: #F2AA02;
border-radius: 20rpx 20rpx 20rpx 20rpx; border-radius: 20rpx 20rpx 20rpx 20rpx;
} }
.erotic { .erotic {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
@ -804,22 +866,22 @@ export default {
// padding: 8rpx 20rpx; // padding: 8rpx 20rpx;
color: #F23FEB; color: #F23FEB;
border-radius: 20rpx 20rpx 20rpx 20rpx; border-radius: 20rpx 20rpx 20rpx 20rpx;
} }
.greener { .greener {
font-size: 20rpx; font-size: 20rpx;
background: rgba(27, 225, 178, 0.1); background: rgba(27, 225, 178, 0.1);
margin-left: 12rpx; margin-left: 12rpx;
padding: 8rpx 20rpx; padding: 8rpx 20rpx;
color: #1BE1B2; color: #1BE1B2;
border-radius: 20rpx 20rpx 20rpx 20rpx; border-radius: 20rpx 20rpx 20rpx 20rpx;
} }
.increase { .increase {
padding: 26rpx 125rpx; padding: 26rpx 125rpx;
color: #FFFFFF; color: #FFFFFF;
background-color: #F39852; background-color: #F39852;
border-radius: 20rpx 20rpx 20rpx 20rpx; border-radius: 20rpx 20rpx 20rpx 20rpx;
text-align: center; text-align: center;
} }
</style> </style>

393
pages_teacher/teacher_teachers/teacher_writeadd.vue
View File

@ -1,23 +1,13 @@
<template> <template>
<view class="view_template"> <view class="view_template">
<view class="view_body"> <view class="view_body">
<u-navbar :is-back="true" <u-navbar :is-back="true" title='添加作业' title-color="#000" :border-bottom="false" :background="true"
title='添加作业'
title-color="#000"
:border-bottom="false"
:background="true"
id="navbar"> id="navbar">
</u-navbar> </u-navbar>
<!-- 搜索 --> <!-- 搜索 -->
<view class="view_search" <view class="view_search" v-if="search">
v-if="search"> <u-search v-model="searchKeyword" :show-action="false" :animation="true" bg-color="#fff"
<u-search v-model="searchKeyword" placeholder="搜索相关内容..." color="#3E97FF" @input="searchs()"></u-search>
:show-action="false"
:animation="true"
bg-color="#fff"
placeholder="搜索相关内容..."
color="#3E97FF"
@input="searchs()"></u-search>
</view> </view>
<!-- <view class="serchbox"> <!-- <view class="serchbox">
<view class="serchimg"> <view class="serchimg">
@ -34,50 +24,35 @@
</view> --> </view> -->
<!--导航栏 --> <!--导航栏 -->
<view class="view_tabs"> <view class="view_tabs">
<u-tabs :list="list" <u-tabs :list="list" :is-scroll="false" :current="current" @change="change" active-color="#2D7CE6"
:is-scroll="false"
:current="current"
@change="change"
active-color="#2D7CE6"
bg-color="0"></u-tabs> bg-color="0"></u-tabs>
</view> </view>
<!-- 轮播图 --> <!-- 轮播图 -->
<swiper :interval="5000" <swiper :interval="5000" :duration="1000" is-scroll="true" :current="current" @change="updateCurrent"
:duration="1000"
is-scroll="true"
:current="current"
@change="updateCurrent"
class="swiper"> class="swiper">
<!-- 口语 --> <!-- 口语 -->
<swiper-item style="height: 300rpx;"> <swiper-item style="height: 300rpx;">
<view> <view>
<view class="view_left"> <view class="view_left">
<view class="view_left_pd" <view class="view_left_pd" @click="arrow_xl">
@click="arrow_xl">
<view class="pull_down"> <view class="pull_down">
<view>{{ selectedOption }}</view> <view>{{ selectedOption }}</view>
<u-icon name="arrow-down" <u-icon name="arrow-down" size="22"></u-icon>
size="22"></u-icon>
</view> </view>
<view class="pull_Down" <view class="pull_Down" v-if="arrow">
v-if="arrow"> <view v-for="(item, index) in options" :key="index" @click="arrow_options(item.id)">
<view v-for="(item, index) in options" {{ item.name }}</view>
:key="index"
@click="arrow_options(item.id)">{{ item.name }}</view>
</view> </view>
</view> </view>
</view> </view>
<!-- 口语主体 --> <!-- 口语主体 -->
<view v-for="(item, index) in slanderpart1" v-if="selectedOption=='Part1'" <view v-for="(item, index) in slanderpart1" v-if="selectedOption=='Part1'" :key="index">
:key="index">
<view class="view_inuygs"> <view class="view_inuygs">
<view class="header_part"> <view class="header_part">
<view class="unite">{{ item.label }}</view> <view class="unite">{{ item.label }}</view>
</view> </view>
<view class="bottom_one" <view class="bottom_one" v-if="item.list.length <= 1"
v-if="item.list.length <= 1" v-for="(items, indexs) in item.list" :key='indexs'>
v-for="(items, indexs) in item.list"
:key='indexs'>
<view :class="{ 'active': items.ischuanti === true }" <view :class="{ 'active': items.ischuanti === true }"
@click="updateSelectspeak(items, 'ischuanti', indexs)">串题</view> @click="updateSelectspeak(items, 'ischuanti', indexs)">串题</view>
<view :class="{ 'active': items.isgendu === true }" <view :class="{ 'active': items.isgendu === true }"
@ -88,11 +63,8 @@
</view> </view>
<!-- part1--> <!-- part1-->
<view class="slander_for" <view class="slander_for" v-if="item.list.length > 1">
v-if="item.list.length > 1"> <view class="slander_of" v-for="(items, indexs) in item.list" :key='indexs'>
<view class="slander_of"
v-for="(items, indexs) in item.list"
:key='indexs'>
<view class="textual" v-html="highlightSearch( items.topicEn)"> <view class="textual" v-html="highlightSearch( items.topicEn)">
</view> </view>
@ -107,11 +79,8 @@
</view> </view>
</view> </view>
<!-- part2--> <!-- part2-->
<view class="slander_for" <view class="slander_for" v-if="item.list.length <= 1">
v-if="item.list.length <= 1"> <view class="slander_of" v-for="(items, indexs) in item.list" :key='indexs'>
<view class="slander_of"
v-for="(items, indexs) in item.list"
:key='indexs'>
<view class="textual2" v-html="highlightSearch( items.topicEn)"> <view class="textual2" v-html="highlightSearch( items.topicEn)">
</view> </view>
@ -119,16 +88,13 @@
</view> </view>
</view> </view>
<!-- part2 --> <!-- part2 -->
<view v-for="(item, index) in slanderpart2" v-if="selectedOption=='Part2'" <view v-for="(item, index) in slanderpart2" v-if="selectedOption=='Part2'" :key="index">
:key="index">
<view class="view_inuygs"> <view class="view_inuygs">
<view class="header_part"> <view class="header_part">
<view class="unite">{{ item.label }}</view> <view class="unite">{{ item.label }}</view>
</view> </view>
<view class="bottom_one" <view class="bottom_one" v-if="item.list.length <= 1"
v-if="item.list.length <= 1" v-for="(items, indexs) in item.list" :key='indexs'>
v-for="(items, indexs) in item.list"
:key='indexs'>
<view :class="{ 'active': items.ischuanti === true }" <view :class="{ 'active': items.ischuanti === true }"
@click="updateSelectspeak(items, 'ischuanti', indexs)">串题</view> @click="updateSelectspeak(items, 'ischuanti', indexs)">串题</view>
<view :class="{ 'active': items.isgendu === true }" <view :class="{ 'active': items.isgendu === true }"
@ -139,11 +105,8 @@
</view> </view>
<!-- part1--> <!-- part1-->
<view class="slander_for" <view class="slander_for" v-if="item.list.length > 1">
v-if="item.list.length > 1"> <view class="slander_of" v-for="(items, indexs) in item.list" :key='indexs'>
<view class="slander_of"
v-for="(items, indexs) in item.list"
:key='indexs'>
<view class="textual" v-html="highlightSearch( items.topicEn)"> <view class="textual" v-html="highlightSearch( items.topicEn)">
</view> </view>
@ -158,11 +121,8 @@
</view> </view>
</view> </view>
<!-- part2--> <!-- part2-->
<view class="slander_for" <view class="slander_for" v-if="item.list.length <= 1">
v-if="item.list.length <= 1"> <view class="slander_of" v-for="(items, indexs) in item.list" :key='indexs'>
<view class="slander_of"
v-for="(items, indexs) in item.list"
:key='indexs'>
<view class="textual2" v-html="highlightSearch( items.topicEn)"> <view class="textual2" v-html="highlightSearch( items.topicEn)">
</view> </view>
@ -170,16 +130,13 @@
</view> </view>
</view> </view>
<!-- part3 --> <!-- part3 -->
<view v-for="(item, index) in slanderpart3" v-if="selectedOption=='Part3'" <view v-for="(item, index) in slanderpart3" v-if="selectedOption=='Part3'" :key="index">
:key="index">
<view class="view_inuygs"> <view class="view_inuygs">
<view class="header_part"> <view class="header_part">
<view class="unite">{{ item.label }}</view> <view class="unite">{{ item.label }}</view>
</view> </view>
<view class="bottom_one" <view class="bottom_one" v-if="item.list.length <= 1"
v-if="item.list.length <= 1" v-for="(items, indexs) in item.list" :key='indexs'>
v-for="(items, indexs) in item.list"
:key='indexs'>
<view :class="{ 'active': items.ischuanti === true }" <view :class="{ 'active': items.ischuanti === true }"
@click="updateSelectspeak(items, 'ischuanti', indexs)">串题</view> @click="updateSelectspeak(items, 'ischuanti', indexs)">串题</view>
<view :class="{ 'active': items.isgendu === true }" <view :class="{ 'active': items.isgendu === true }"
@ -190,11 +147,8 @@
</view> </view>
<!-- part1--> <!-- part1-->
<view class="slander_for" <view class="slander_for" v-if="item.list.length > 1">
v-if="item.list.length > 1"> <view class="slander_of" v-for="(items, indexs) in item.list" :key='indexs'>
<view class="slander_of"
v-for="(items, indexs) in item.list"
:key='indexs'>
<view class="textual" v-html="highlightSearch( items.topicEn)"> <view class="textual" v-html="highlightSearch( items.topicEn)">
</view> </view>
@ -209,11 +163,8 @@
</view> </view>
</view> </view>
<!-- part2--> <!-- part2-->
<view class="slander_for" <view class="slander_for" v-if="item.list.length <= 1">
v-if="item.list.length <= 1"> <view class="slander_of" v-for="(items, indexs) in item.list" :key='indexs'>
<view class="slander_of"
v-for="(items, indexs) in item.list"
:key='indexs'>
<view class="textual2" v-html="highlightSearch( items.topicEn)"> <view class="textual2" v-html="highlightSearch( items.topicEn)">
</view> </view>
@ -239,23 +190,22 @@
</swiper> </swiper>
</view> </view>
<!-- 底部按钮 --> <!-- 底部按钮 -->
<view :class="search == true ? 'footer2' : 'footer'" <view :class="search == true ? 'footer2' : 'footer'" v-if="totalLength != 0">
v-if="totalLength != 0"> <view class="footer_button">
<view class="footer_button" @click="submessage()"> <view :class="search == true ? 'button_andadd' : 'button_show'" @click="submessage()">确定添加（{{ totalLength }}）</view>
<view :class="search == true ? 'button_andadd' : 'button_show'">确定添加（{{ totalLength }}）</view> <view class="footer_button_right" v-if="search" :class="mocktype==1?'act1':''" @click="ismock()">口语模考</view>
<view class="footer_button_right"
v-if="search">口语模考</view>
</view> </view>
</view> </view>
</view> </view>
</view></template> </view>
</template>
<script> <script>
import audiology from './components/audiology.vue' import audiology from './components/audiology.vue'
import reading from './components/reading.vue' import reading from './components/reading.vue'
import slander from './components/slander.vue' import slander from './components/slander.vue'
import compose from './components/compose.vue' import compose from './components/compose.vue'
export default { export default {
data() { data() {
return { return {
// 导航栏 // 导航栏
@ -333,7 +283,8 @@ export default {
selectspeak: [], selectspeak: [],
selectwrite: [], selectwrite: [],
selectlisten: [], selectlisten: [],
selectread: [] selectread: [],
mocktype:'0',
} }
}, },
components: { components: {
@ -346,40 +297,54 @@ export default {
}, },
onLoad(option) { onLoad(option) {
const dataToSave =JSON.parse(decodeURIComponent(option.dataToSave))
this.selectspeak=dataToSave.selectspeak
this.selectwrite=dataToSave.selectwrite
this.selectlisten=dataToSave.selectlisten
this.selectread=dataToSave.selectread
if(option!=undefined){
const dataToSave = JSON.parse(decodeURIComponent(option.dataToSave))
this.selectspeak = dataToSave.selectspeak
this.selectwrite = dataToSave.selectwrite
this.selectlisten = dataToSave.selectlisten
this.selectread = dataToSave.selectread
this.mocktype=dataToSave.mocktype
this.$refs.compose.updatawrite(this.selectwrite) this.$refs.compose.updatawrite(this.selectwrite)
this.$refs.audiology.updatawrite(this.selectlisten) this.$refs.audiology.updatawrite(this.selectlisten)
this.$refs.reading.updatawrite(this.selectread) this.$refs.reading.updatawrite(this.selectread)
this.calculateTotalLength() this.calculateTotalLength()
console.log(dataToSave,'optionoptionoptionoptionoptionoption');
}
}, },
methods: { methods: {
updatawrite(data){ ismock(){
this.selectwrite=data console.log(this.mocktype,'this.mocktype');
if(this.mocktype=="0"){
this.mocktype='1'
}else if(this.mocktype=="1"){
this.mocktype='0'
}
},
updatawrite(data) {
this.selectwrite = data
console.log(this.selectwrite, ' this.selectwrite this.selectwrite'); console.log(this.selectwrite, ' this.selectwrite this.selectwrite');
this.calculateTotalLength() this.calculateTotalLength()
}, },
updataread(data){ updataread(data) {
this.selectread=data this.selectread = data
console.log(this.selectread, ' this.selectwrite this.selectwrite'); console.log(this.selectread, ' this.selectwrite this.selectwrite');
this.calculateTotalLength() this.calculateTotalLength()
}, },
updatalisten(data){ updatalisten(data) {
this.selectlisten=data this.selectlisten = data
console.log(this.selectlisten, ' this.selectwrite this.selectwrite'); console.log(this.selectlisten, ' this.selectwrite this.selectwrite');
this.calculateTotalLength() this.calculateTotalLength()
}, },
submessage(){ submessage() {
const dataToSave = { const dataToSave = {
selectspeak: this.selectspeak, selectspeak: this.selectspeak,
selectwrite: this.selectwrite, selectwrite: this.selectwrite,
selectlisten: this.selectlisten, selectlisten: this.selectlisten,
selectread: this.selectread selectread: this.selectread,
mocktype:this.mocktype,
}; };
// 将数据保存在本地缓存中 // 将数据保存在本地缓存中
@ -405,7 +370,7 @@ export default {
// }); // });
}, },
searchs() { searchs() {
if(this.selectedOption=='Part1'){ if (this.selectedOption == 'Part1') {
const filteredSlander = []; const filteredSlander = [];
// 将搜索关键字转换为小写，使搜索不区分大小写 // 将搜索关键字转换为小写，使搜索不区分大小写
@ -436,7 +401,7 @@ export default {
// 更新 this.slander // 更新 this.slander
this.slanderpart1 = filteredSlander; this.slanderpart1 = filteredSlander;
}else if(this.selectedOption=='Part2'){ } else if (this.selectedOption == 'Part2') {
const filteredSlander = []; const filteredSlander = [];
// 将搜索关键字转换为小写，使搜索不区分大小写 // 将搜索关键字转换为小写，使搜索不区分大小写
@ -467,7 +432,7 @@ export default {
// 更新 this.slander // 更新 this.slander
this.slanderpart2 = filteredSlander; this.slanderpart2 = filteredSlander;
}else if(this.selectedOption=='Part3'){ } else if (this.selectedOption == 'Part3') {
const filteredSlander = []; const filteredSlander = [];
// 将搜索关键字转换为小写，使搜索不区分大小写 // 将搜索关键字转换为小写，使搜索不区分大小写
@ -511,7 +476,8 @@ export default {
return name; return name;
}, },
calculateTotalLength() { calculateTotalLength() {
this.totalLength = this.selectspeak.length + this.selectwrite.length + this.selectlisten.length + this.selectread.length; this.totalLength = this.selectspeak.length + this.selectwrite.length + this.selectlisten.length + this
.selectread.length;
}, },
calculateTotal(array) { calculateTotal(array) {
@ -601,7 +567,7 @@ export default {
} }
}, },
getList() { getList() {
let postdata= { let postdata = {
"key": "", "key": "",
"pageNum": 0, "pageNum": 0,
"mode": "home", "mode": "home",
@ -615,10 +581,10 @@ export default {
"level": 0, "level": 0,
"isNew": 0 "isNew": 0
} }
this.$u.post('https://api.admin-v2.langsi.online/admin-api/speaking/topic/home/list', postdata).then(res => { this.$u.post('https://api.admin-v2.langsi.online/admin-api/speaking/topic/home/list', postdata).then(
if(res.code==0){ res => {
if (res.code == 0) {
this.getpart2() this.getpart2()
}
let keyArr = Object.keys(res.data) let keyArr = Object.keys(res.data)
let valueArr = Object.values(res.data) let valueArr = Object.values(res.data)
this.slanderpart1 = keyArr.map((item, index) => { this.slanderpart1 = keyArr.map((item, index) => {
@ -633,8 +599,13 @@ export default {
list: valueArr[index] list: valueArr[index]
} }
}) })
this.originslanderpart1part1 = JSON.parse(JSON.stringify(this.originslanderpart1part1)); this.originslanderpart1part1 = JSON.parse(JSON.stringify(this.originslanderpart1));
let json = JSON.stringify(res.data) let json = JSON.stringify(res.data)
this.updatapart1()
}
// console.log(json); // console.log(json);
}) })
@ -642,8 +613,37 @@ export default {
}, },
getpart2(){ updatapart1() {
let postdata1= { console.log('调用了');
// Iterate through each item in selectspeak
this.selectspeak.forEach(selectItem => {
// Find the corresponding item in slanderpart1
const slanderItem = this.slanderpart1.find(slanderItem =>
slanderItem.list.some(item => item.id === selectItem.id)
);
console.log(slanderItem, 'slanderItemslanderItem');
// If a corresponding item is found, update properties based on speakingType
if (slanderItem) {
const listItemIndex = slanderItem.list.findIndex(item => item.id === selectItem.id);
if (listItemIndex !== -1) {
// Use Vue.set to ensure reactivity when updating array elements by index
this.$set(slanderItem.list, listItemIndex, {
...slanderItem.list[listItemIndex],
ischuanti: selectItem.speakingType.includes('1'),
isgendu: selectItem.speakingType.includes('2'),
ismk: selectItem.speakingType.includes('3'),
});
}
}
});
console.log(this.slanderpart1, 'slanderpart1slanderpart1slanderpart1');
// 处理匹配的内容，可以根据需求进行其他操作
// console.log('Matching contents:', matchingContents);
},
getpart2() {
let postdata1 = {
"key": "", "key": "",
"pageNum": 0, "pageNum": 0,
"mode": "home", "mode": "home",
@ -657,8 +657,9 @@ export default {
"level": 0, "level": 0,
"isNew": 0 "isNew": 0
} }
this.$u.post('https://api.admin-v2.langsi.online/admin-api/speaking/topic/home/list', postdata1).then(res => { this.$u.post('https://api.admin-v2.langsi.online/admin-api/speaking/topic/home/list', postdata1).then(
if(res.code==0){ res => {
if (res.code == 0) {
this.getpart3() this.getpart3()
} }
let keyArr = Object.keys(res.data) let keyArr = Object.keys(res.data)
@ -669,19 +670,50 @@ export default {
list: valueArr[index] list: valueArr[index]
} }
}) })
this.originslanderpart2 = keyArr.map((item, index) => { this.originslanderpart2 = keyArr.map((item, index) => {
return { return {
label: item, label: item,
list: valueArr[index] list: valueArr[index]
} }
}) })
this.updatapart2()
this.originslanderpart2 = JSON.parse(JSON.stringify(this.originslanderpart2)); this.originslanderpart2 = JSON.parse(JSON.stringify(this.originslanderpart2));
// let json = JSON.stringify(res.data) // let json = JSON.stringify(res.data)
}) })
}, },
getpart3(){ updatapart2() {
let postdata2= { console.log('调用了');
// Iterate through each item in selectspeak
this.selectspeak.forEach(selectItem => {
// Find the corresponding item in slanderpart1
const slanderItem = this.slanderpart2.find(slanderItem =>
slanderItem.list.some(item => item.id === selectItem.id)
);
console.log(slanderItem, 'slanderItemslanderItem');
// If a corresponding item is found, update properties based on speakingType
if (slanderItem) {
const listItemIndex = slanderItem.list.findIndex(item => item.id === selectItem.id);
if (listItemIndex !== -1) {
// Use Vue.set to ensure reactivity when updating array elements by index
this.$set(slanderItem.list, listItemIndex, {
...slanderItem.list[listItemIndex],
ischuanti: selectItem.speakingType.includes('1'),
isgendu: selectItem.speakingType.includes('2'),
ismk: selectItem.speakingType.includes('3'),
});
}
}
});
// 处理匹配的内容，可以根据需求进行其他操作
// console.log('Matching contents:', matchingContents);
},
getpart3() {
let postdata2 = {
"key": "", "key": "",
"pageNum": 0, "pageNum": 0,
"mode": "home", "mode": "home",
@ -695,7 +727,8 @@ export default {
"level": 0, "level": 0,
"isNew": 0 "isNew": 0
} }
this.$u.post('https://api.admin-v2.langsi.online/admin-api/speaking/topic/home/list', postdata2).then(res => { this.$u.post('https://api.admin-v2.langsi.online/admin-api/speaking/topic/home/list', postdata2).then(
res => {
let keyArr = Object.keys(res.data) let keyArr = Object.keys(res.data)
let valueArr = Object.values(res.data) let valueArr = Object.values(res.data)
this.slanderpart3 = keyArr.map((item, index) => { this.slanderpart3 = keyArr.map((item, index) => {
@ -710,11 +743,41 @@ export default {
list: valueArr[index] list: valueArr[index]
} }
}) })
this.updatapart3()
this.originslanderpart3 = JSON.parse(JSON.stringify(this.originslanderpart3)); this.originslanderpart3 = JSON.parse(JSON.stringify(this.originslanderpart3));
let json = JSON.stringify(res.data) let json = JSON.stringify(res.data)
// console.log(json); // console.log(json);
}) })
}, },
updatapart3() {
console.log('调用了');
// Iterate through each item in selectspeak
this.selectspeak.forEach(selectItem => {
// Find the corresponding item in slanderpart1
const slanderItem = this.slanderpart2.find(slanderItem =>
slanderItem.list.some(item => item.id === selectItem.id)
);
console.log(slanderItem, 'slanderItemslanderItem');
// If a corresponding item is found, update properties based on speakingType
if (slanderItem) {
const listItemIndex = slanderItem.list.findIndex(item => item.id === selectItem.id);
if (listItemIndex !== -1) {
// Use Vue.set to ensure reactivity when updating array elements by index
this.$set(slanderItem.list, listItemIndex, {
...slanderItem.list[listItemIndex],
ischuanti: selectItem.speakingType.includes('1'),
isgendu: selectItem.speakingType.includes('2'),
ismk: selectItem.speakingType.includes('3'),
});
}
}
});
// 处理匹配的内容，可以根据需求进行其他操作
// console.log('Matching contents:', matchingContents);
},
//下拉显示下拉框 //下拉显示下拉框
arrow_xl() { arrow_xl() {
this.arrow = !this.arrow this.arrow = !this.arrow
@ -732,8 +795,7 @@ export default {
this.part2 = true this.part2 = true
this.grizzly = false this.grizzly = false
} } else if (id == 3) {
else if (id == 3) {
this.postdata.part = "part3" this.postdata.part = "part3"
this.part2 = true this.part2 = true
this.grizzly = false this.grizzly = false
@ -753,16 +815,16 @@ export default {
} }
} }
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.view_template { .view_template {
width: 100%; width: 100%;
background: linear-gradient(183deg, #F0F6FF 0%, #FAFAFA 100%); background: linear-gradient(183deg, #F0F6FF 0%, #FAFAFA 100%);
} }
.serchbox { .serchbox {
padding: 0 32rpx; padding: 0 32rpx;
display: flex; display: flex;
flex-wrap: nowrap; flex-wrap: nowrap;
@ -801,9 +863,9 @@ export default {
box-sizing: border-box; box-sizing: border-box;
} }
} }
.view_body { .view_body {
height: 89vh; height: 89vh;
width: 91.3%; width: 91.3%;
margin: 0 auto; margin: 0 auto;
@ -1090,18 +1152,18 @@ export default {
} }
.footer { .footer {
position: fixed; position: fixed;
bottom: 0; bottom: 0;
width: 100%; width: 100%;
background: #FFFFFF; background: #FFFFFF;
box-shadow: 0rpx -6rpx 14rpx 0rpx rgba(177, 177, 177, 0.25); box-shadow: 0rpx -6rpx 14rpx 0rpx rgba(177, 177, 177, 0.25);
padding: 30rpx 32rpx; padding: 30rpx 32rpx;
} }
.footer2 { .footer2 {
position: fixed; position: fixed;
bottom: 0; bottom: 0;
width: 100%; width: 100%;
@ -1109,62 +1171,62 @@ export default {
box-shadow: 0rpx -6rpx 14rpx 0rpx rgba(177, 177, 177, 0.25); box-shadow: 0rpx -6rpx 14rpx 0rpx rgba(177, 177, 177, 0.25);
padding: 30rpx 32rpx; padding: 30rpx 32rpx;
margin-top: 25rpx; margin-top: 25rpx;
} }
.footer_button { .footer_button {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
} }
.button_ky { .button_ky {
padding: 24rpx 52rpx; padding: 24rpx 52rpx;
border-radius: 104rpx 104rpx 104rpx 104rpx; border-radius: 104rpx 104rpx 104rpx 104rpx;
color: #2E4975; color: #2E4975;
background-color: #FAFAFA; background-color: #FAFAFA;
} }
.button_andadd { .button_andadd {
background: linear-gradient(180deg, #74AFFF 0%, #2D7CE6 100%); background: linear-gradient(180deg, #74AFFF 0%, #2D7CE6 100%);
border-radius: 104rpx 104rpx 104rpx 104rpx; border-radius: 104rpx 104rpx 104rpx 104rpx;
padding: 26rpx 125rpx; padding: 26rpx 125rpx;
color: #fff; color: #fff;
} }
.button_show { .button_show {
width: 100%; width: 100%;
background: linear-gradient(180deg, #74AFFF 0%, #2D7CE6 100%); background: linear-gradient(180deg, #74AFFF 0%, #2D7CE6 100%);
border-radius: 104rpx 104rpx 104rpx 104rpx; border-radius: 104rpx 104rpx 104rpx 104rpx;
padding: 26rpx 125rpx; padding: 26rpx 125rpx;
color: #fff; color: #fff;
text-align: center; text-align: center;
} }
.view_fff_bottom { .view_fff_bottom {
margin-bottom: 54rpx; margin-bottom: 54rpx;
} }
.Task { .Task {
font-size: 24rpx; font-size: 24rpx;
font-weight: 500; font-weight: 500;
color: #2E4975; color: #2E4975;
} }
.view_left { .view_left {
display: flex; display: flex;
justify-content: left; justify-content: left;
margin-top: 20rpx; margin-top: 20rpx;
} }
.view_left_pd { .view_left_pd {
position: relative; position: relative;
padding: 12rpx 32rpx; padding: 12rpx 32rpx;
background: #FFFFFF; background: #FFFFFF;
border-radius: 20rpx 20rpx 20rpx 20rpx; border-radius: 20rpx 20rpx 20rpx 20rpx;
margin-right: 15rpx; margin-right: 15rpx;
font-size: 24rpx; font-size: 24rpx;
} }
.pull_Down { .pull_Down {
position: absolute; position: absolute;
bottom: -130rpx; bottom: -130rpx;
left: 50%; left: 50%;
@ -1178,9 +1240,9 @@ export default {
padding: 15rpx 50rpx; padding: 15rpx 50rpx;
border-bottom: 2rpx solid #F2F2F2; border-bottom: 2rpx solid #F2F2F2;
} }
} }
.pull_DownTow { .pull_DownTow {
width: 150rpx; width: 150rpx;
position: absolute; position: absolute;
bottom: -133rpx; bottom: -133rpx;
@ -1197,20 +1259,25 @@ export default {
border-bottom: 2rpx solid #F2F2F2; border-bottom: 2rpx solid #F2F2F2;
} }
} }
.pull_Down view:last-child { .pull_Down view:last-child {
border: none; border: none;
} }
.sl_body { .sl_body {
background-color: #fff; background-color: #fff;
} }
.footer_button_right { .footer_button_right {
padding: 24rpx 62rpx; padding: 24rpx 62rpx;
border: 1px solid #2D7CE6; border: 1px solid #2D7CE6;
border-radius: 104rpx 104rpx 104rpx 104rpx; border-radius: 104rpx 104rpx 104rpx 104rpx;
color: #2D7CE6; color: #2D7CE6;
} }
.act1{
color: #fff;
background: #2D7CE6 ;
border: 1px solid #2D7CE6;
}
</style> </style>