From e4fcedb6e0a6c43f36fb67bc480510f113cd4fc4 Mon Sep 17 00:00:00 2001
From: taoxu <2622874537@qq.com>
Date: Tue, 12 Dec 2023 00:42:01 +0800
Subject: [PATCH] =?UTF-8?q?=E6=95=B0=E6=8D=AE=E5=A4=84=E7=90=86=20?=
=?UTF-8?q?=E6=B8=B2=E6=9F=93=E4=BF=AE=E6=94=B9=20=E9=80=BB=E8=BE=91?=
=?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
common/http.interceptor.js | 2 +-
pages/Mystudent/addstu.vue | 4 +-
pages/Mystudent/formstu.vue | 4 +-
pages/Mystudent/student.vue | 2 +-
pages_teacher/teacher_class/class_detail.vue | 4 +-
.../teacher_teachers/components/audiology.vue | 37 +-
.../teacher_teachers/components/reading.vue | 41 +-
.../teacher_teachers/teacher_addOperation.vue | 1232 +++++-----
.../teacher_teachers/teacher_writeadd.vue | 2045 +++++++++--------
9 files changed, 1770 insertions(+), 1601 deletions(-)
diff --git a/common/http.interceptor.js b/common/http.interceptor.js
index 2986464..004bf4f 100644
--- a/common/http.interceptor.js
+++ b/common/http.interceptor.js
@@ -42,7 +42,7 @@ const install = (Vue, vm) => {
// 所以哪怕您重新登录修改了Storage，下一次的请求将会是最新值
// const token = uni.getStorageSync('token');
- const token = " Bearer 0b34feaf02224ccb9d4e09730ab68c35"
+ const token = " Bearer e465eb9d9ae74b4dad7a63dbe0e54587"
// console.log("我是token", token)
config.header.Authorization = token;
diff --git a/pages/Mystudent/addstu.vue b/pages/Mystudent/addstu.vue
index 89d0a64..e522741 100644
--- a/pages/Mystudent/addstu.vue
+++ b/pages/Mystudent/addstu.vue
@@ -62,8 +62,8 @@
}
},
onLoad(option) {
- // this.classid=option.id
- this.classid=15
+ this.classid=option.id
+ // this.classid=15
this.getallstu()
},
methods: {
diff --git a/pages/Mystudent/formstu.vue b/pages/Mystudent/formstu.vue
index e174b40..202a9a3 100644
--- a/pages/Mystudent/formstu.vue
+++ b/pages/Mystudent/formstu.vue
@@ -95,8 +95,8 @@ export default {
}
},
onLoad(option) {
- // this.classid=option.id
- this.classid=15
+ this.classid=option.id
+ // this.classid=15
},
onShow() {
diff --git a/pages/Mystudent/student.vue b/pages/Mystudent/student.vue
index cabfb89..f7ccdf5 100644
--- a/pages/Mystudent/student.vue
+++ b/pages/Mystudent/student.vue
@@ -47,7 +47,7 @@
</view>
<view class="info_box">
<view class="info_cont"
- style="width:90rpx ;">
+ style="width:80rpx ;">
<view class="info_cont_top">
学生人数
</view>
diff --git a/pages_teacher/teacher_class/class_detail.vue b/pages_teacher/teacher_class/class_detail.vue
index c67606f..7c43fcf 100644
--- a/pages_teacher/teacher_class/class_detail.vue
+++ b/pages_teacher/teacher_class/class_detail.vue
@@ -131,8 +131,8 @@
}
},
onLoad(option) {
- /* > */ // this.classid=option.id
- this.classid=15
+ this.classid=option.id
+ // this.classid=15
},
onShow(){
diff --git a/pages_teacher/teacher_teachers/components/audiology.vue b/pages_teacher/teacher_teachers/components/audiology.vue
index d25bd45..4b2d350 100644
--- a/pages_teacher/teacher_teachers/components/audiology.vue
+++ b/pages_teacher/teacher_teachers/components/audiology.vue
@@ -37,7 +37,7 @@
shape="circle"></u-checkbox>
</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="imaflex">
<view>{{quesitem.number}} {{quesitem.typeText}}</view>
@@ -66,6 +66,8 @@
image: true,
tk: null,
selectwrite: [],
+ selectedItems: [],
+
}
},
@@ -93,6 +95,23 @@
this.itemActive = activeindex;
this.updateSubsetsInListHearing()
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) {
@@ -100,14 +119,14 @@
this.$forceUpdate();
},
icon(id) {
- this.image = !this.image;
- this.tk = id;
- if (this.image == false) {
- this.tk = id;
- } else {
- this.tk = null;
- }
- },
+ this.image = !this.image;
+ if (this.image) {
+ this.selectedItems = this.selectedItems.filter(item => item !== id);
+ } else {
+ this.selectedItems.push(id);
+ }
+ console.log(this.selectedItems,'this.selectedItemsthis.selectedItems');
+ },
checkboxChange(partitem, e) {
if (e.value) {
this.listHearing.forEach((paper) => {
diff --git a/pages_teacher/teacher_teachers/components/reading.vue b/pages_teacher/teacher_teachers/components/reading.vue
index 9196442..2e614d9 100644
--- a/pages_teacher/teacher_teachers/components/reading.vue
+++ b/pages_teacher/teacher_teachers/components/reading.vue
@@ -37,7 +37,7 @@
shape="circle"></u-checkbox>
</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="imaflex">
<view>{{quesitem.number}}{{quesitem.typeText}}</view>
@@ -66,6 +66,7 @@
image: true,
tk: null,
selectwrite: [],
+ selectedItems: [],
}
},
@@ -91,6 +92,24 @@
}
this.itemActive = activeindex
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点击事件
@@ -99,15 +118,15 @@
this.$forceUpdate()
},
// 点击变化图表
- icon(id) {
- this.image = !this.image
- this.tk = id
- if (this.image == false) {
- this.tk = id
- } else {
- this.tk = null
- }
- },
+ icon(id) {
+ this.image = !this.image;
+ if (this.image) {
+ this.selectedItems = this.selectedItems.filter(item => item !== id);
+ } else {
+ this.selectedItems.push(id);
+ }
+ console.log(this.selectedItems,'this.selectedItemsthis.selectedItems');
+ },
checkboxChange(partitem, e) {
if (e.value) {
this.listHearing.forEach((paper) => {
@@ -200,6 +219,8 @@
});
});
});
+ console.log(this.selectwrite,'selectwriteselectwrite');
+
},
// 添加信息到selectwrite数组
diff --git a/pages_teacher/teacher_teachers/teacher_addOperation.vue b/pages_teacher/teacher_teachers/teacher_addOperation.vue
index 350d9a2..a48574b 100644
--- a/pages_teacher/teacher_teachers/teacher_addOperation.vue
+++ b/pages_teacher/teacher_teachers/teacher_addOperation.vue
@@ -1,21 +1,14 @@
<template>
<view class="concent">
<view class="view_body">
- <u-navbar :is-back="true"
- title='添加作业'
- title-color="#000"
- :border-bottom="false"
- :background="bgc"
- 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="worktit"
- :type="type"
- :border="border"
- placeholder="输入作业标题" />
+ <u-input v-model="worktit" :type="type" :border="border" placeholder="输入作业标题" />
</u-form-item>
</view>
</view>
@@ -23,39 +16,32 @@
<view>
<view class="view_tubiao">
<view class="view_title">班级安排</view>
- <view class="view_tb"
- @click="addclass()">
+ <view class="view_tb" @click="addclass()">
+
</view>
</view>
- <view class="noting"
- v-if="classinfo.length <= 0">
+ <view class="noting" v-if="classinfo.length <= 0">
<image src="https://file.langsi.online/yasiimg/web/static/ulqScWZvBYd22CW5uV0H"></image>
<view class="text1">
暂未安排哦！
</view>
- <view class="text2"
- @click="addclass()">
+ <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"
- style="position: relative;">
+ <view class="class_ys" v-for="(item, index) in classinfo" :key="index"
+ style="position: relative;">
<view class="close"
- style="position: absolute;top: 0rpx;right: 8rpx;width: 20rpx;height: 20rpx;"
- @click="delcls(item.id)">
- <image src="https://file.langsi.online/yasiimg/web/static/ueH3qwYazyVXmiYoVPJE"
- mode="">
+ style="position: absolute;top: 0rpx;right: 8rpx;width: 20rpx;height: 20rpx;"
+ @click="delcls(item.id)">
+ <image src="https://file.langsi.online/yasiimg/web/static/ueH3qwYazyVXmiYoVPJE" mode="">
</image>
</view>
<view class="class_tp">
- <image src="https://file.langsi.online/yasiimg/web/static/u4T48EWFfk5p6yrV3gOw"
- mode="">
+ <image src="https://file.langsi.online/yasiimg/web/static/u4T48EWFfk5p6yrV3gOw" mode="">
</image>
</view>
<view class="class_wz">{{ item.name }}</view>
@@ -69,39 +55,32 @@
<view>
<view class="view_tubiao">
<view class="view_title">学员安排</view>
- <view class="view_tb"
- @click="toaddstu()">
+ <view class="view_tb" @click="toaddstu()">
+
</view>
</view>
- <view class="noting"
- v-if="stuinfo.length <= 0">
+ <view class="noting" v-if="stuinfo.length <= 0">
<image src="https://file.langsi.online/yasiimg/web/static/ulqScWZvBYd22CW5uV0H"></image>
<view class="text1">
暂未安排哦！
</view>
- <view class="text2"
- @click="toaddstu()">
+ <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"
- style="position: relative;">
+ <view class="class_ys" v-for="(item, index) in stuinfo" :key="index"
+ style="position: relative;">
<view class="close"
- style="position: absolute;top: 0rpx;right: 8rpx;width: 20rpx;height: 20rpx;"
- @click="delstu(item.id)">
- <image src="https://file.langsi.online/yasiimg/web/static/ueH3qwYazyVXmiYoVPJE"
- mode="">
+ style="position: absolute;top: 0rpx;right: 8rpx;width: 20rpx;height: 20rpx;"
+ @click="delstu(item.id)">
+ <image src="https://file.langsi.online/yasiimg/web/static/ueH3qwYazyVXmiYoVPJE" mode="">
</image>
</view>
<view class="class_tp">
- <image :src="item.avatar"
- mode=""></image>
+ <image :src="item.avatar" mode=""></image>
</view>
<view class="class_wz">{{ item.name }}</view>
</view>
@@ -118,93 +97,89 @@
<view class="view_tubiao">
<view class="view_title">作业安排</view>
</view>
-
+
</view>
<view>
- <view v-for="(item,index) in selectreadlist" :key="index">
+ <view v-for="(item,index) in selectreadlist" :key="index">
<view class="Ielts">{{item.papername}}</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-item nodeTop="2"
- v-for="(items,indexs) in item.message" :key="indexs">
+ <u-time-line-item nodeTop="2" v-for="(items,indexs) in item.message" :key="indexs">
<template v-slot:content>
<view>
<view style="display: flex;flex-wrap: nowrap;">
-
- <view class="Test"
- >{{items.testname}}</view>
-
+
+ <view class="Test">{{items.testname}}</view>
+
<view class="ellipses">阅读</view>
-
-
+
+
</view>
<view class="u-order-desc">
- <text>{{items.questionname}} {{items.typeName}}</text>
+ <text>{{items.questionname}} {{items.typeName}}</text>
</view>
</view>
</template>
</u-time-line-item>
-
+
</u-time-line>
</view>
</view>
</view>
<view>
- <view v-for="(item,index) in selectlistenlist" :key="index">
+ <view v-for="(item,index) in selectlistenlist" :key="index">
<view class="Ielts">{{item.papername}}</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-item nodeTop="2"
- v-for="(items,indexs) in item.message" :key="indexs">
+ <u-time-line-item nodeTop="2" v-for="(items,indexs) in item.message" :key="indexs">
<template v-slot:content>
<view>
<view style="display: flex;flex-wrap: nowrap;">
-
- <view class="Test"
- >{{items.testname}}</view>
-
+
+ <view class="Test">{{items.testname}}</view>
+
<view class="greener">听力</view>
-
-
+
+
</view>
<view class="u-order-desc">
- <text>{{items.questionname}} {{items.typeName}}</text>
+ <text>{{items.questionname}} {{items.typeName}}</text>
</view>
</view>
</template>
</u-time-line-item>
-
+
</u-time-line>
</view>
</view>
</view>
<view>
- <view v-for="(item,index) in selectwritelist" :key="index">
+ <view v-for="(item,index) in selectwritelist" :key="index">
<view class="Ielts">{{item.examName}}</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-item nodeTop="2"
- v-for="(items,indexs) in item.message" :key="indexs">
+ <u-time-line-item nodeTop="2" v-for="(items,indexs) in item.message" :key="indexs">
<template v-slot:content>
<view>
<view style="display: flex;flex-wrap: nowrap;">
-
- <view class="Test"
- >{{items.test}}</view>
-
- <view class="ellipses" style="background: rgba(63,122,242,0.2);color: #3F7AF2;">写作</view>
-
+
+ <view class="Test">{{items.test}}</view>
+
+ <view class="ellipses"
+ style="background: rgba(63,122,242,0.2);color: #3F7AF2;">写作
+ </view>
+
</view>
<view class="u-order-desc">
- <text>{{items.task}}</text>
+ <text>{{items.task}}</text>
</view>
</view>
</template>
</u-time-line-item>
-
+
</u-time-line>
</view>
</view>
@@ -213,17 +188,16 @@
<view>
<view class="Ielts"></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-item nodeTop="2"
- v-for="(item, index) in selectspeak"
- :key="index">
+ <u-time-line-item nodeTop="2" v-for="(item, index) in selectspeak" :key="index">
<template v-slot:content>
<view>
<view style="display: flex;flex-wrap: nowrap;">
- <view class="Test"
- style="width: 80%;">{{ item.part }}-{{ item.introduction }}</view>
+ <view class="Test" style="width: 80%;">
+ {{ item.part }}-{{ item.introduction }}
+ </view>
<view class="erotic">口语</view>
@@ -231,10 +205,8 @@
<view class="u-order-desc">
<view style="display: inline;">
<view class="txt">{{ item.topicEn }}:</view>
- <view v-for="(items, indexs) in item.speakingType"
- :key="indexs"
- class="type"
- style="display: inline;">
+ <view v-for="(items, indexs) in item.speakingType" :key="indexs"
+ class="type" style="display: inline;">
<view v-if="items == 1">串题</view>
<view v-else-if="items == 2">跟读</view>
<view v-else-if="items == 3">模考</view>
@@ -250,8 +222,7 @@
</view>
</view>
<!--按钮 -->
- <view style="display: flex; justify-content: center; margin-top: 32rpx;"
- @click="addwork()">
+ <view style="display: flex; justify-content: center; margin-top: 32rpx;" @click="addwork()">
<view class="increase">
<u-icon name="plus"></u-icon>
添加
@@ -267,17 +238,10 @@
</view>
<view>
<view class="view_form">
- <u-picker mode="time"
- v-model="show"
- :params="params"
- @confirm="printValue"></u-picker>
+ <u-picker mode="time" v-model="show" :params="params" @confirm="printValue"></u-picker>
<u-form-item prop="times">
- <u-input v-model="times"
- :type="type"
- :border="border"
- placeholder="选择作业截止的时间"
- @click="show = true"
- placeholder-style="color: rgba(46,73,117,0.4);font-size: 24rpx;" />
+ <u-input v-model="times" :type="type" :border="border" placeholder="选择作业截止的时间"
+ @click="show = true" placeholder-style="color: rgba(46,73,117,0.4);font-size: 24rpx;" />
</u-form-item>
@@ -290,21 +254,18 @@
<view class="view_title">描述</view>
</view>
<view class="view_textrea">
- <textarea value=""
- placeholder="输入你的描述... "
- placeholder-style="color: rgba(46,73,117,0.4);font-size: 24rpx;" />
+ <textarea v-model="classword" placeholder="输入你的描述... "
+ placeholder-style="color: rgba(46,73,117,0.4);font-size: 24rpx;" />
</view>
</view>
</view>
<!-- 按钮 -->
- <view class="zhanwei"
- style="width: 100%;height: 230rpx;">
+ <view class="zhanwei" style="width: 100%;height: 230rpx;">
</view>
<view class="botbtn">
- <view class="btn"
- @click="addclassinfo()">
+ <view class="btn" @click="addclassinfo()">
确定添加
</view>
</view>
@@ -312,514 +273,615 @@
</view>
</template>
<script>
-export default {
- data() {
- return {
- bgc: {
- backgroundColor: "#F6F9FC",
+ export default {
+ data() {
+ return {
+ bgc: {
+ backgroundColor: "#F6F9FC",
+ },
+ // prick 时间选择框数据
+ params: {
+ year: true,
+ month: true,
+ day: true,
+ hour: true,
+ minute: false,
+ second: false,
+ timestamp: true
+ },
+ show: false,
+ radio: '',
+ switchVal: false,
+ classinfo: [],
+ stuinfo: [],
+ worktit: '',
+ times: '',
+ time: 0,
+ selectspeak: [],
+ selectwrite: [],
+ selectlisten: [],
+ selectread: [],
+ selectwritelist: [],
+ selectlistenlist: [],
+ selectreadlist: [],
+ classword: 'aaa',
+ mocktype:'0'
+
+ }
+ },
+ onLoad(option) {
+ // uni.removeStorageSync('selectedClassInfo');
+ // uni.removeStorageSync('selectedStuInfo');
+ // uni.removeStorageSync('selectforwork');
+ // 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');
+
+ 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);
+
+ }
+ const selectforwork = uni.getStorageSync('selectforwork');
+ console.log(selectforwork, 'selectedClassInfoselectedClassInfo');
+ if (selectforwork) {
+ this.selectspeak = selectforwork.selectspeak
+ this.selectwrite = selectforwork.selectwrite
+ this.selectlisten = selectforwork.selectlisten
+ this.selectread = selectforwork.selectread
+ this.mocktype= selectforwork.mocktype
+ // this.selectwrite = selectforwork.selectwrite;
+ //处理写作数据
+ const groupedItems = {};
+
+ this.selectwrite.forEach(item => {
+ const examName = item.examName;
+
+ if (!groupedItems[examName]) {
+ groupedItems[examName] = {
+ examName: examName,
+ message: []
+ };
+ }
+
+ groupedItems[examName].message.push({
+ test: item.test,
+ task: item.task,
+ id: item.id
+ });
+ });
+
+
+ this.selectwritelist = Object.values(groupedItems);
+ //处理听力数据
+ const groupedItems1 = {};
+
+ this.selectlisten.forEach(item => {
+ const papername = item.papername;
+
+ if (!groupedItems1[papername]) {
+ groupedItems1[papername] = {
+ papername: papername,
+ message: []
+ };
+ }
+
+ groupedItems1[papername].message.push({
+ id: item.id,
+ paperId: item.paperId,
+ // papername: paperTitle,
+ partId: item.partId,
+ testId: item.testId,
+ testname: item.testname,
+ typeName: item.typeName,
+ questionname: item.questionname,
+ });
+ });
+
+ // Convert groupedItems object to an array
+ this.selectlistenlist = Object.values(groupedItems1);
+
+ const groupedItems2 = {};
+
+ this.selectread.forEach(item => {
+ const papername = item.papername;
+
+ if (!groupedItems2[papername]) {
+ groupedItems2[papername] = {
+ papername: papername,
+ message: []
+ };
+ }
+
+ groupedItems2[papername].message.push({
+ id: item.id,
+ paperId: item.paperId,
+ // papername: paperTitle,
+ partId: item.partId,
+ testId: item.testId,
+ testname: item.testname,
+ typeName: item.typeName,
+ questionname: item.questionname,
+ });
+ });
+
+ // Convert groupedItems object to an array
+ this.selectreadlist = Object.values(groupedItems2);
+
+ console.log(this.selectread, 'this.selectread');
+ console.log(this.selectlisten, 'this.selectlisten');
+ // 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: {
+
+ addwork() {
+ const dataToSave = {
+ selectspeak: this.selectspeak,
+ selectwrite: this.selectwrite,
+ selectlisten: this.selectlisten,
+ selectread: this.selectread,
+ mocktype:this.mocktype,
+ };
+ uni.navigateTo({
+ url: "/pages_teacher/teacher_teachers/teacher_writeadd?dataToSave=" + encodeURIComponent(JSON
+ .stringify(dataToSave))
+ }).then(res => {
+
+ }).catch(err => {
+
+ });
},
- // prick 时间选择框数据
- params: {
- year: true,
- month: true,
- day: true,
- hour: true,
- minute: false,
- second: false
+ delcls(id) {
+ this.classinfo = this.classinfo.filter(item => item.id !== id);
},
- show: false,
- radio: '',
- switchVal: false,
- classinfo: [],
- stuinfo: [],
- worktit: '',
- times: '',
- selectspeak: [],
- selectwrite: [],
- selectlisten: [],
- selectread: [],
- selectwritelist: [],
- selectlistenlist: [],
- selectreadlist: [],
+ delstu(id) {
+ this.stuinfo = this.stuinfo.filter(item => item.id !== id);
+ },
+ toaddstu() {
+ uni.navigateTo({
+ url: "/pages_teacher/pages_add/add_studentsforwork?stuinfo=" + encodeURIComponent(JSON
+ .stringify(this.stuinfo))
- }
- },
- onLoad(option) {
- uni.removeStorageSync('selectedClassInfo');
- uni.removeStorageSync('selectedStuInfo');
- // this.classinfo=JSON.parse(decodeURIComponent(option.classinfo))
- let classinofs = [{
- name: '阅读5班',
- avatar: 'Excepteur',
- id: 15,
+ }).then(res => {
- }]
- this.classinfo = classinofs
+ }).catch(err => {
- },
- onShow() {
- // Read selectedClassInfo data
- const selectedClassInfo = uni.getStorageSync('selectedClassInfo');
-
- 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);
-
- }
- const selectforwork = uni.getStorageSync('selectforwork');
- console.log(selectforwork, 'selectedClassInfoselectedClassInfo');
- if (selectforwork) {
- this.selectspeak = selectforwork.selectspeak
- this.selectwrite = selectforwork.selectwrite
- this.selectlisten = selectforwork.selectlisten
- this.selectread = selectforwork.selectread
- // this.selectwrite = selectforwork.selectwrite;
- //处理写作数据
- const groupedItems = {};
-
- this.selectwrite.forEach(item => {
- const examName = item.examName;
-
- if (!groupedItems[examName]) {
- groupedItems[examName] = {
- examName: examName,
- message: []
- };
- }
-
- groupedItems[examName].message.push({
- test: item.test,
- task: item.task,
- id: item.id
});
- });
-
-
- this.selectwritelist = Object.values(groupedItems);
- //处理听力数据
- const groupedItems1 = {};
-
- this.selectlisten.forEach(item => {
- const papername = item.papername;
-
- if (!groupedItems1[papername]) {
- groupedItems1[papername] = {
- papername: papername,
- message: []
- };
- }
-
- groupedItems1[papername].message.push({
- id: item.id,
- paperId: item.paperId,
- // papername: paperTitle,
- partId: item.partId,
- testId: item.testId,
- testname: item.testname,
- typeName: item.typeName,
- questionname:item. questionname,
+ },
+ addclass() {
+ uni.navigateTo({
+ url: "/pages/Mystudent/addclassforwork?classinfo=" + encodeURIComponent(JSON.stringify(this
+ .classinfo))
+ }).then(res => {
+
+ }).catch(err => {
+
});
- });
-
- // Convert groupedItems object to an array
- this.selectlistenlist = Object.values(groupedItems1);
-
- const groupedItems2 = {};
-
- this.selectread.forEach(item => {
- const papername = item.papername;
-
- if (!groupedItems2[papername]) {
- groupedItems2[papername] = {
- papername: papername,
- message: []
- };
- }
-
- groupedItems2[papername].message.push({
- id: item.id,
- paperId: item.paperId,
- // papername: paperTitle,
- partId: item.partId,
- testId: item.testId,
- testname: item.testname,
- typeName: item.typeName,
- questionname:item. questionname,
+ },
+
+ // 获取截止时间
+ printValue(e) {
+ // console.log(e,'timestamp: truetimestamp: true');
+ this.times = `${e.year}-${e.month}-${e.day}-${e.hour}`;
+ this.time = e.timestamp
+ },
+ 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 添加到数组中
});
- });
-
- // Convert groupedItems object to an array
- this.selectreadlist = Object.values(groupedItems2);
+
- console.log(this.selectreadlist, 'this.selectread');
- console.log(this.selectlistenlist, 'this.selectlisten');
- // Remove duplicates from this.classinfo
- // this.stuinfo = this.stuinfo.filter(item => !selectedstuInfo.some(selectedItem => selectedItem.id === item.id));
+ this.stuinfo.forEach(item => {
+ studentIdSet.push(item.id); // 将 id 添加到数组中
+ });
- // // Add non-duplicate items from selectedClassInfo to this.classinfo
- // this.stuinfo = this.stuinfo.concat(selectedstuInfo);
-
- }
-
- },
- methods: {
-
- addwork() {
- const dataToSave = {
- selectspeak: this.selectspeak,
- selectwrite: this.selectwrite,
- selectlisten: this.selectlisten,
- selectread: this.selectread
- };
- uni.navigateTo({
- url: "/pages_teacher/teacher_teachers/teacher_writeadd?dataToSave=" + encodeURIComponent(JSON.stringify(dataToSave))
- }).then(res => {
-
- }).catch(err => {
-
- });
- },
- delcls(id) {
- this.classinfo = this.classinfo.filter(item => item.id !== id);
- },
- delstu(id) {
- this.stuinfo = this.stuinfo.filter(item => item.id !== id);
- },
- 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.times = `${e.year}-${e.month}-${e.day}`
- },
- submit() {
+ // 现在 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>
<style lang="scss" scoped>
-.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;
- z-index: 999;
-
- .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;
- }
-}
-
-// 样式穿透
-::v-deep .u-dot {
- background: #2D7CE6 !important;
-}
-
-.concent {
- width: 100vw;
- background: linear-gradient(183deg, #F0F6FF 0%, #FAFAFA 100%);
-}
-
-.view_body {
- width: 91.3%;
- margin: 0 auto;
-}
-
-.view_title {
- font-size: 28rpx;
- font-family: 'PingFang';
- font-weight: 800;
- color: #2E4975;
-}
-
-.view_input {
- line-height: 70rpx;
- background: #FFFFFF;
- border-radius: 20rpx 20rpx 20rpx 20rpx;
- margin-top: 16rpx;
- padding: 0 24rpx;
-}
-
-.view_tubiao {
- display: flex;
- 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;
+ .botbtn {
+ padding: 32rpx 32rpx 0 32rpx;
+ // margin-left: -32rpx;
+ position: fixed;
+ bottom: 0;
+ width: 750rpx;
+ height: 200rpx;
background: #FFFFFF;
- border-radius: 26rpx 26rpx 26rpx 26rpx;
+ box-shadow: 0rpx -10rpx 16rpx 0rpx rgba(202, 202, 202, 0.25);
+ border-radius: 40rpx 40rpx 0rpx 0rpx;
+ z-index: 999;
- 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;
+ .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;
+ }
}
- .text1 {
- margin-left: 12rpx;
- font-size: 24rpx;
- font-family: PingFang SC, PingFang SC;
- font-weight: 500;
- color: #627698;
+ // 样式穿透
+ ::v-deep .u-dot {
+ background: #2D7CE6 !important;
}
- .text2 {
- margin-left: 12rpx;
- font-size: 24rpx;
- font-family: PingFang SC, PingFang SC;
- font-weight: 500;
- color: #2D7CE6;
- border-bottom: 2px solid #2D7CE6;
+ .concent {
+ width: 100vw;
+ background: linear-gradient(183deg, #F0F6FF 0%, #FAFAFA 100%);
}
-}
-.class_bj {
- margin-top: 16rpx;
-}
+ .view_body {
+ width: 91.3%;
+ margin: 0 auto;
+ }
-.class_images {
- display: flex;
- flex-wrap: wrap;
- // justify-content: space-between;
- // margin-top: 20rpx;
-}
-
-.class_tp {
- width: 56rpx;
- height: 56rpx;
- margin-right: 12rpx;
-}
-
-.Ielts {
- font-size: 40rpx;
- font-weight: 400;
- 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;
- justify-content: center;
- align-items: center;
- padding: 20rpx;
- // width: 215rpx;
- height: 96rpx;
- background: #FFFFFF;
- border-radius: 20rpx 20rpx 20rpx 20rpx;
-}
-
-
-.class_wz {
- 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;
-}
-
-.view_textrea {
- height: 260rpx;
- background: #FFFFFF;
- border-radius: 20rpx 20rpx 20rpx 20rpx;
- ;
- margin-top: 16rpx;
- padding: 28rpx 32rpx;
-}
-
-.view_button {
- width: 93.1%;
- margin: auto;
- text-align: center;
- line-height: 80rpx;
- background: linear-gradient(180deg, #74AFFF 0%, #2D7CE6 100%);
- border-radius: 104rpx 104rpx 104rpx 104rpx;
- color: #FFFFFF;
-}
-
-.view_footer {
- width: 100%;
- padding: 0 16rpx;
- height: 144rpx;
- border-radius: 40rpx 40rpx 0rpx 0rpx;
- padding: 32rpx 0rpx;
- background-color: #fff;
- box-shadow: 0rpx -10rpx 16rpx 0rpx rgba(202, 202, 202, 0.25);
- margin-top: 8rpx;
-}
-
-.u-node {
- width: 44rpx;
- height: 44rpx;
- border-radius: 100rpx;
- display: flex;
- justify-content: center;
- align-items: center;
- background: #d0d0d0;
-}
-
-.u-order-desc {
- display: block;
- // flex-wrap: nowrap;
- padding: 20rpx;
- background: #F9F9F9;
- border-radius: 20rpx 20rpx 20rpx 20rpx;
- margin: 12rpx 0rpx;
-
- .txt {
-
- font-size: 24rpx;
- font-weight: 500;
+ .view_title {
+ font-size: 28rpx;
+ font-family: 'PingFang';
+ font-weight: 800;
color: #2E4975;
}
-}
-.u-order-time {
- color: rgb(200, 200, 200);
- font-size: 26rpx;
-}
+ .view_input {
+ line-height: 70rpx;
+ background: #FFFFFF;
+ border-radius: 20rpx 20rpx 20rpx 20rpx;
+ margin-top: 16rpx;
+ padding: 0 24rpx;
+ }
-.yuandi {
- width: 18rpx;
- height: 18rpx;
- background: #2D7CE6;
- border-radius: 24rpx 24rpx 24rpx 24rpx;
-}
+ .view_tubiao {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin-top: 46rpx;
-.Test {
- font-size: 28rpx;
- font-weight: 800;
- color: #2E4975;
- margin-left: 12rpx;
-}
+ .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;
-.ellipses {
- font-size: 20rpx;
- background: rgba(242, 170, 2, 0.2);
- margin-left: 12rpx;
- padding: 8rpx 20rpx;
- color: #F2AA02;
- border-radius: 20rpx 20rpx 20rpx 20rpx;
-}
+ border: 2rpx solid #F1F1F1;
-.erotic {
- display: flex;
- justify-content: center;
- align-items: center;
- width: 80rpx;
- height: 36rpx;
- font-size: 20rpx;
- background: rgba(242, 63, 170, 0.1);
- margin-left: 12rpx;
- // padding: 8rpx 20rpx;
- color: #F23FEB;
- border-radius: 20rpx 20rpx 20rpx 20rpx;
-}
+ color: #F18F21;
+ font-size: 30rpx;
+ }
+ }
-.greener {
- font-size: 20rpx;
- background: rgba(27, 225, 178, 0.1);
- margin-left: 12rpx;
- padding: 8rpx 20rpx;
- color: #1BE1B2;
- border-radius: 20rpx 20rpx 20rpx 20rpx;
-}
+ .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;
-.increase {
- padding: 26rpx 125rpx;
- color: #FFFFFF;
- background-color: #F39852;
- border-radius: 20rpx 20rpx 20rpx 20rpx;
- text-align: center;
-}
+ 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;
+ flex-wrap: wrap;
+ // justify-content: space-between;
+ // margin-top: 20rpx;
+ }
+
+ .class_tp {
+ width: 56rpx;
+ height: 56rpx;
+ margin-right: 12rpx;
+ }
+
+ .Ielts {
+ font-size: 40rpx;
+ font-weight: 400;
+ 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;
+ justify-content: center;
+ align-items: center;
+ padding: 20rpx;
+ // width: 215rpx;
+ height: 96rpx;
+ background: #FFFFFF;
+ border-radius: 20rpx 20rpx 20rpx 20rpx;
+ }
+
+
+ .class_wz {
+ 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;
+ }
+
+ .view_textrea {
+ height: 260rpx;
+ background: #FFFFFF;
+ border-radius: 20rpx 20rpx 20rpx 20rpx;
+ ;
+ margin-top: 16rpx;
+ padding: 28rpx 32rpx;
+ }
+
+ .view_button {
+ width: 93.1%;
+ margin: auto;
+ text-align: center;
+ line-height: 80rpx;
+ background: linear-gradient(180deg, #74AFFF 0%, #2D7CE6 100%);
+ border-radius: 104rpx 104rpx 104rpx 104rpx;
+ color: #FFFFFF;
+ }
+
+ .view_footer {
+ width: 100%;
+ padding: 0 16rpx;
+ height: 144rpx;
+ border-radius: 40rpx 40rpx 0rpx 0rpx;
+ padding: 32rpx 0rpx;
+ background-color: #fff;
+ box-shadow: 0rpx -10rpx 16rpx 0rpx rgba(202, 202, 202, 0.25);
+ margin-top: 8rpx;
+ }
+
+ .u-node {
+ width: 44rpx;
+ height: 44rpx;
+ border-radius: 100rpx;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ background: #d0d0d0;
+ }
+
+ .u-order-desc {
+ display: block;
+ // flex-wrap: nowrap;
+ padding: 20rpx;
+ background: #F9F9F9;
+ border-radius: 20rpx 20rpx 20rpx 20rpx;
+ margin: 12rpx 0rpx;
+
+ .txt {
+
+ font-size: 24rpx;
+ font-weight: 500;
+ color: #2E4975;
+ }
+ }
+
+ .u-order-time {
+ color: rgb(200, 200, 200);
+ font-size: 26rpx;
+ }
+
+ .yuandi {
+ width: 18rpx;
+ height: 18rpx;
+ background: #2D7CE6;
+ border-radius: 24rpx 24rpx 24rpx 24rpx;
+ }
+
+ .Test {
+ font-size: 28rpx;
+ font-weight: 800;
+ color: #2E4975;
+ margin-left: 12rpx;
+ }
+
+ .ellipses {
+ font-size: 20rpx;
+ background: rgba(242, 170, 2, 0.2);
+ margin-left: 12rpx;
+ padding: 8rpx 20rpx;
+ color: #F2AA02;
+ border-radius: 20rpx 20rpx 20rpx 20rpx;
+ }
+
+ .erotic {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ width: 80rpx;
+ height: 36rpx;
+ font-size: 20rpx;
+ background: rgba(242, 63, 170, 0.1);
+ margin-left: 12rpx;
+ // padding: 8rpx 20rpx;
+ color: #F23FEB;
+ border-radius: 20rpx 20rpx 20rpx 20rpx;
+ }
+
+ .greener {
+ font-size: 20rpx;
+ background: rgba(27, 225, 178, 0.1);
+ margin-left: 12rpx;
+ padding: 8rpx 20rpx;
+ color: #1BE1B2;
+ border-radius: 20rpx 20rpx 20rpx 20rpx;
+ }
+
+ .increase {
+ padding: 26rpx 125rpx;
+ color: #FFFFFF;
+ background-color: #F39852;
+ border-radius: 20rpx 20rpx 20rpx 20rpx;
+ text-align: center;
+ }
</style>
\ No newline at end of file
diff --git a/pages_teacher/teacher_teachers/teacher_writeadd.vue b/pages_teacher/teacher_teachers/teacher_writeadd.vue
index b4bb3c5..1288dba 100644
--- a/pages_teacher/teacher_teachers/teacher_writeadd.vue
+++ b/pages_teacher/teacher_teachers/teacher_writeadd.vue
@@ -1,23 +1,13 @@
<template>
<view class="view_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="#000" :border-bottom="false" :background="true"
+ id="navbar">
</u-navbar>
<!-- 搜索 -->
- <view class="view_search"
- v-if="search">
- <u-search v-model="searchKeyword"
- :show-action="false"
- :animation="true"
- bg-color="#fff"
- placeholder="搜索相关内容..."
- color="#3E97FF"
- @input="searchs()"></u-search>
+ <view class="view_search" v-if="search">
+ <u-search v-model="searchKeyword" :show-action="false" :animation="true" bg-color="#fff"
+ placeholder="搜索相关内容..." color="#3E97FF" @input="searchs()"></u-search>
</view>
<!-- <view class="serchbox">
<view class="serchimg">
@@ -34,195 +24,156 @@
</view> -->
<!--导航栏 -->
<view class="view_tabs">
- <u-tabs :list="list"
- :is-scroll="false"
- :current="current"
- @change="change"
- active-color="#2D7CE6"
- bg-color="0"></u-tabs>
+ <u-tabs :list="list" :is-scroll="false" :current="current" @change="change" active-color="#2D7CE6"
+ bg-color="0"></u-tabs>
</view>
<!-- 轮播图 -->
- <swiper :interval="5000"
- :duration="1000"
- is-scroll="true"
- :current="current"
- @change="updateCurrent"
- class="swiper">
+ <swiper :interval="5000" :duration="1000" is-scroll="true" :current="current" @change="updateCurrent"
+ class="swiper">
<!-- 口语 -->
<swiper-item style="height: 300rpx;">
<view>
<view class="view_left">
- <view class="view_left_pd"
- @click="arrow_xl">
+ <view class="view_left_pd" @click="arrow_xl">
<view class="pull_down">
<view>{{ selectedOption }}</view>
- <u-icon name="arrow-down"
- size="22"></u-icon>
+ <u-icon name="arrow-down" size="22"></u-icon>
</view>
- <view class="pull_Down"
- v-if="arrow">
- <view v-for="(item, index) in options"
- :key="index"
- @click="arrow_options(item.id)">{{ item.name }}</view>
+ <view class="pull_Down" v-if="arrow">
+ <view v-for="(item, index) in options" :key="index" @click="arrow_options(item.id)">
+ {{ item.name }}</view>
</view>
</view>
</view>
<!-- 口语主体 -->
- <view v-for="(item, index) in slanderpart1" v-if="selectedOption=='Part1'"
- :key="index">
+ <view v-for="(item, index) in slanderpart1" v-if="selectedOption=='Part1'" :key="index">
<view class="view_inuygs">
<view class="header_part">
<view class="unite">{{ item.label }}</view>
</view>
- <view class="bottom_one"
- v-if="item.list.length <= 1"
- v-for="(items, indexs) in item.list"
- :key='indexs'>
+ <view class="bottom_one" v-if="item.list.length <= 1"
+ v-for="(items, indexs) in item.list" :key='indexs'>
<view :class="{ 'active': items.ischuanti === true }"
- @click="updateSelectspeak(items, 'ischuanti', indexs)">串题</view>
+ @click="updateSelectspeak(items, 'ischuanti', indexs)">串题</view>
<view :class="{ 'active': items.isgendu === true }"
- @click="updateSelectspeak(items, 'isgendu', indexs)">跟读</view>
+ @click="updateSelectspeak(items, 'isgendu', indexs)">跟读</view>
<view :class="{ 'active': items.ismk === true }"
- @click="updateSelectspeak(items, 'ismk', indexs)">模考</view>
+ @click="updateSelectspeak(items, 'ismk', indexs)">模考</view>
</view>
</view>
<!-- part1-->
- <view class="slander_for"
- v-if="item.list.length > 1">
- <view class="slander_of"
- v-for="(items, indexs) in item.list"
- :key='indexs'>
+ <view class="slander_for" v-if="item.list.length > 1">
+ <view class="slander_of" v-for="(items, indexs) in item.list" :key='indexs'>
<view class="textual" v-html="highlightSearch( items.topicEn)">
-
+
</view>
<view class="bottom_one">
<view :class="{ 'active': items.ischuanti === true }"
- @click="updateSelectspeak(items, 'ischuanti', indexs)">串题</view>
+ @click="updateSelectspeak(items, 'ischuanti', indexs)">串题</view>
<view :class="{ 'active': items.isgendu === true }"
- @click="updateSelectspeak(items, 'isgendu', indexs)">跟读</view>
+ @click="updateSelectspeak(items, 'isgendu', indexs)">跟读</view>
<view :class="{ 'active': items.ismk === true }"
- @click="updateSelectspeak(items, 'ismk', indexs)">模考</view>
+ @click="updateSelectspeak(items, 'ismk', indexs)">模考</view>
</view>
</view>
</view>
<!-- part2-->
- <view class="slander_for"
- v-if="item.list.length <= 1">
- <view class="slander_of"
- v-for="(items, indexs) in item.list"
- :key='indexs'>
+ <view class="slander_for" v-if="item.list.length <= 1">
+ <view class="slander_of" v-for="(items, indexs) in item.list" :key='indexs'>
<view class="textual2" v-html="highlightSearch( items.topicEn)">
-
+
</view>
</view>
</view>
</view>
<!-- part2 -->
- <view v-for="(item, index) in slanderpart2" v-if="selectedOption=='Part2'"
- :key="index">
+ <view v-for="(item, index) in slanderpart2" v-if="selectedOption=='Part2'" :key="index">
<view class="view_inuygs">
<view class="header_part">
<view class="unite">{{ item.label }}</view>
</view>
- <view class="bottom_one"
- v-if="item.list.length <= 1"
- v-for="(items, indexs) in item.list"
- :key='indexs'>
+ <view class="bottom_one" v-if="item.list.length <= 1"
+ v-for="(items, indexs) in item.list" :key='indexs'>
<view :class="{ 'active': items.ischuanti === true }"
- @click="updateSelectspeak(items, 'ischuanti', indexs)">串题</view>
+ @click="updateSelectspeak(items, 'ischuanti', indexs)">串题</view>
<view :class="{ 'active': items.isgendu === true }"
- @click="updateSelectspeak(items, 'isgendu', indexs)">跟读</view>
+ @click="updateSelectspeak(items, 'isgendu', indexs)">跟读</view>
<view :class="{ 'active': items.ismk === true }"
- @click="updateSelectspeak(items, 'ismk', indexs)">模考</view>
+ @click="updateSelectspeak(items, 'ismk', indexs)">模考</view>
</view>
</view>
<!-- part1-->
- <view class="slander_for"
- v-if="item.list.length > 1">
- <view class="slander_of"
- v-for="(items, indexs) in item.list"
- :key='indexs'>
+ <view class="slander_for" v-if="item.list.length > 1">
+ <view class="slander_of" v-for="(items, indexs) in item.list" :key='indexs'>
<view class="textual" v-html="highlightSearch( items.topicEn)">
-
+
</view>
<view class="bottom_one">
<view :class="{ 'active': items.ischuanti === true }"
- @click="updateSelectspeak(items, 'ischuanti', indexs)">串题</view>
+ @click="updateSelectspeak(items, 'ischuanti', indexs)">串题</view>
<view :class="{ 'active': items.isgendu === true }"
- @click="updateSelectspeak(items, 'isgendu', indexs)">跟读</view>
+ @click="updateSelectspeak(items, 'isgendu', indexs)">跟读</view>
<view :class="{ 'active': items.ismk === true }"
- @click="updateSelectspeak(items, 'ismk', indexs)">模考</view>
+ @click="updateSelectspeak(items, 'ismk', indexs)">模考</view>
</view>
</view>
</view>
<!-- part2-->
- <view class="slander_for"
- v-if="item.list.length <= 1">
- <view class="slander_of"
- v-for="(items, indexs) in item.list"
- :key='indexs'>
+ <view class="slander_for" v-if="item.list.length <= 1">
+ <view class="slander_of" v-for="(items, indexs) in item.list" :key='indexs'>
<view class="textual2" v-html="highlightSearch( items.topicEn)">
-
+
</view>
</view>
</view>
</view>
<!-- part3 -->
- <view v-for="(item, index) in slanderpart3" v-if="selectedOption=='Part3'"
- :key="index">
+ <view v-for="(item, index) in slanderpart3" v-if="selectedOption=='Part3'" :key="index">
<view class="view_inuygs">
<view class="header_part">
<view class="unite">{{ item.label }}</view>
</view>
- <view class="bottom_one"
- v-if="item.list.length <= 1"
- v-for="(items, indexs) in item.list"
- :key='indexs'>
+ <view class="bottom_one" v-if="item.list.length <= 1"
+ v-for="(items, indexs) in item.list" :key='indexs'>
<view :class="{ 'active': items.ischuanti === true }"
- @click="updateSelectspeak(items, 'ischuanti', indexs)">串题</view>
+ @click="updateSelectspeak(items, 'ischuanti', indexs)">串题</view>
<view :class="{ 'active': items.isgendu === true }"
- @click="updateSelectspeak(items, 'isgendu', indexs)">跟读</view>
+ @click="updateSelectspeak(items, 'isgendu', indexs)">跟读</view>
<view :class="{ 'active': items.ismk === true }"
- @click="updateSelectspeak(items, 'ismk', indexs)">模考</view>
+ @click="updateSelectspeak(items, 'ismk', indexs)">模考</view>
</view>
</view>
<!-- part1-->
- <view class="slander_for"
- v-if="item.list.length > 1">
- <view class="slander_of"
- v-for="(items, indexs) in item.list"
- :key='indexs'>
+ <view class="slander_for" v-if="item.list.length > 1">
+ <view class="slander_of" v-for="(items, indexs) in item.list" :key='indexs'>
<view class="textual" v-html="highlightSearch( items.topicEn)">
-
+
</view>
<view class="bottom_one">
<view :class="{ 'active': items.ischuanti === true }"
- @click="updateSelectspeak(items, 'ischuanti', indexs)">串题</view>
+ @click="updateSelectspeak(items, 'ischuanti', indexs)">串题</view>
<view :class="{ 'active': items.isgendu === true }"
- @click="updateSelectspeak(items, 'isgendu', indexs)">跟读</view>
+ @click="updateSelectspeak(items, 'isgendu', indexs)">跟读</view>
<view :class="{ 'active': items.ismk === true }"
- @click="updateSelectspeak(items, 'ismk', indexs)">模考</view>
+ @click="updateSelectspeak(items, 'ismk', indexs)">模考</view>
</view>
</view>
</view>
<!-- part2-->
- <view class="slander_for"
- v-if="item.list.length <= 1">
- <view class="slander_of"
- v-for="(items, indexs) in item.list"
- :key='indexs'>
+ <view class="slander_for" v-if="item.list.length <= 1">
+ <view class="slander_of" v-for="(items, indexs) in item.list" :key='indexs'>
<view class="textual2" v-html="highlightSearch( items.topicEn)">
-
+
</view>
</view>
</view>
</view>
</view>
</swiper-item>
-
+
<!-- 写作 -->
<swiper-item>
@@ -230,742 +181,1034 @@
</swiper-item>
<!--听力 -->
<swiper-item>
- <audiology ref="audiology"></audiology>
+ <audiology ref="audiology"></audiology>
</swiper-item>
<!-- 阅读 -->
<swiper-item>
- <reading ref="reading"></reading>
+ <reading ref="reading"></reading>
</swiper-item>
</swiper>
</view>
<!-- 底部按钮 -->
- <view :class="search == true ? 'footer2' : 'footer'"
- v-if="totalLength != 0">
- <view class="footer_button" @click="submessage()">
- <view :class="search == true ? 'button_andadd' : 'button_show'">确定添加（{{ totalLength }}）</view>
- <view class="footer_button_right"
- v-if="search">口语模考</view>
+ <view :class="search == true ? 'footer2' : 'footer'" v-if="totalLength != 0">
+ <view class="footer_button">
+ <view :class="search == true ? 'button_andadd' : 'button_show'" @click="submessage()">确定添加（{{ totalLength }}）</view>
+ <view class="footer_button_right" v-if="search" :class="mocktype==1?'act1':''" @click="ismock()">口语模考</view>
</view>
</view>
</view>
-</view></template>
+ </view>
+</template>
<script>
-import audiology from './components/audiology.vue'
-import reading from './components/reading.vue'
-import slander from './components/slander.vue'
-import compose from './components/compose.vue'
-export default {
- data() {
- return {
- // 导航栏
- list: [{
- name: '口语'
- },
- {
- name: '写作'
- },
- {
- name: '听力'
- },
- {
- name: '阅读'
- }
- ],
- radio: [{
- name: '1',
- disabled: false
- }],
- // 写作
- Compose: [],
- num: 0,
- // 下拉框的v-if布尔值
- radioValue: '',
- part1: true,
- current: 0,
- search: true,
- listType: [],
- idList: [],
- // 口语
- postdata: {
- "key": "",
- "pageNum": 0,
- "mode": "home",
- "part": "part1",
- "order": "0",
- "type": "",
- "isStudy": 0,
- "isFavorite": 0,
- "isEvlua": 0,
- "isFun": 0,
- "level": 0,
- "isNew": 0
- },
- slanderpart1: [],
- originslanderpart1: [],
- slanderpart2: [],
- originslanderpart2: [],
- slanderpart3: [],
- originslanderpart3: [],
- part2: false,
- grizzly: true,
- categorize: '分类',
- // 下拉框的v-if布尔值
- selectedOption: 'Part1',
- arrow: false,
- arrowDown: false,
- options: [{
- id: 1,
- name: 'Part1'
- },
- {
- id: 2,
- name: 'Part2'
- },
- {
- id: 3,
- name: 'Part3'
- }
- ],
- totalLength: 0,
- searchKeyword: '',
- userId: null,
- selectspeak: [],
- selectwrite: [],
- selectlisten: [],
- selectread: []
- }
- },
- components: {
- audiology,
- reading,
- compose
- },
- onShow() {
- this.getList()
- },
- 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
-
- this.$refs.compose.updatawrite(this.selectwrite)
- this.$refs.audiology.updatawrite(this.selectlisten)
- this.$refs.reading.updatawrite(this.selectread)
- this.calculateTotalLength()
- },
- methods: {
- updatawrite(data){
- this.selectwrite=data
- console.log(this.selectwrite, ' this.selectwrite this.selectwrite');
- this.calculateTotalLength()
- },
- updataread(data){
- this.selectread=data
- console.log(this.selectread, ' this.selectwrite this.selectwrite');
- this.calculateTotalLength()
- },
- updatalisten(data){
- this.selectlisten=data
- console.log(this.selectlisten, ' this.selectwrite this.selectwrite');
- this.calculateTotalLength()
- },
- submessage(){
- const dataToSave = {
- selectspeak: this.selectspeak,
- selectwrite: this.selectwrite,
- selectlisten: this.selectlisten,
- selectread: this.selectread
- };
-
- // 将数据保存在本地缓存中
- uni.setStorageSync('selectforwork', dataToSave);
- uni.navigateBack({
- delta: 1, // Number of pages to go back
- success(res) {
- console.log(res);
+ import audiology from './components/audiology.vue'
+ import reading from './components/reading.vue'
+ import slander from './components/slander.vue'
+ import compose from './components/compose.vue'
+ export default {
+ data() {
+ return {
+ // 导航栏
+ list: [{
+ name: '口语'
+ },
+ {
+ name: '写作'
+ },
+ {
+ name: '听力'
+ },
+ {
+ name: '阅读'
+ }
+ ],
+ radio: [{
+ name: '1',
+ disabled: false
+ }],
+ // 写作
+ Compose: [],
+ num: 0,
+ // 下拉框的v-if布尔值
+ radioValue: '',
+ part1: true,
+ current: 0,
+ search: true,
+ listType: [],
+ idList: [],
+ // 口语
+ postdata: {
+ "key": "",
+ "pageNum": 0,
+ "mode": "home",
+ "part": "part1",
+ "order": "0",
+ "type": "",
+ "isStudy": 0,
+ "isFavorite": 0,
+ "isEvlua": 0,
+ "isFun": 0,
+ "level": 0,
+ "isNew": 0
},
- fail(err) {
- console.error(err);
- }
- });
- },
- fuwei() {
-
- // this.slander = JSON.parse(JSON.stringify(this.originslanderpart1));
- // 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 });
- // }
- // });
- },
- searchs() {
- if(this.selectedOption=='Part1'){
- const filteredSlander = [];
-
- // 将搜索关键字转换为小写，使搜索不区分大小写
- const searchKeywordLowerCase = this.searchKeyword.toLowerCase();
-
- // 遍历原始数据
- for (const item of this.originslanderpart1) {
- const filteredList = item.list.filter(subItem => {
- // 将目标字符串转换为小写，使匹配不区分大小写
- const introductionLowerCase = subItem.introduction.toLowerCase();
- const topicEnLowerCase = subItem.topicEn.toLowerCase();
-
- // 检查 introduction 或 topicEn 是否包含小写的 searchKeyword
- return (
- introductionLowerCase.includes(searchKeywordLowerCase) ||
- topicEnLowerCase.includes(searchKeywordLowerCase)
- );
- });
-
- // 如果有匹配项，添加到 filteredSlander 中
- if (filteredList.length > 0) {
- filteredSlander.push({
- label: item.label,
- list: filteredList
- });
- }
- }
-
- // 更新 this.slander
- this.slanderpart1 = filteredSlander;
- }else if(this.selectedOption=='Part2'){
- const filteredSlander = [];
-
- // 将搜索关键字转换为小写，使搜索不区分大小写
- const searchKeywordLowerCase = this.searchKeyword.toLowerCase();
-
- // 遍历原始数据
- for (const item of this.originslanderpart2) {
- const filteredList = item.list.filter(subItem => {
- // 将目标字符串转换为小写，使匹配不区分大小写
- const introductionLowerCase = subItem.introduction.toLowerCase();
- const topicEnLowerCase = subItem.topicEn.toLowerCase();
-
- // 检查 introduction 或 topicEn 是否包含小写的 searchKeyword
- return (
- introductionLowerCase.includes(searchKeywordLowerCase) ||
- topicEnLowerCase.includes(searchKeywordLowerCase)
- );
- });
-
- // 如果有匹配项，添加到 filteredSlander 中
- if (filteredList.length > 0) {
- filteredSlander.push({
- label: item.label,
- list: filteredList
- });
- }
- }
-
- // 更新 this.slander
- this.slanderpart2 = filteredSlander;
- }else if(this.selectedOption=='Part3'){
- const filteredSlander = [];
-
- // 将搜索关键字转换为小写，使搜索不区分大小写
- const searchKeywordLowerCase = this.searchKeyword.toLowerCase();
-
- // 遍历原始数据
- for (const item of this.originslanderpart3) {
- const filteredList = item.list.filter(subItem => {
- // 将目标字符串转换为小写，使匹配不区分大小写
- const introductionLowerCase = subItem.introduction.toLowerCase();
- const topicEnLowerCase = subItem.topicEn.toLowerCase();
-
- // 检查 introduction 或 topicEn 是否包含小写的 searchKeyword
- return (
- introductionLowerCase.includes(searchKeywordLowerCase) ||
- topicEnLowerCase.includes(searchKeywordLowerCase)
- );
- });
-
- // 如果有匹配项，添加到 filteredSlander 中
- if (filteredList.length > 0) {
- filteredSlander.push({
- label: item.label,
- list: filteredList
- });
- }
- }
-
- // 更新 this.slander
- this.slanderpart3 = filteredSlander;
- }
-
-
- },
- 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;
- },
- calculateTotalLength() {
- this.totalLength = this.selectspeak.length + this.selectwrite.length + this.selectlisten.length + this.selectread.length;
-
- },
- calculateTotal(array) {
- return array.reduce((total, item) => {
- // 假设每个元素都有一个名为value的属性
- return total + (item.value || 0); // 如果value为undefined，将其视为0
- }, 0);
- },
- updateSelectspeak(items, type, indexs) {
- // 切换slander数组中的值
- items[type] = !items[type];
-
- // 获取对应的speakingType值
- const speakingTypeValue = this.getSpeakingTypeValue(type);
-
- // 检查selectspeak数组中是否已存在对应的对象
- const existingSelectspeak = this.selectspeak.find(select => select.id === items.id);
-
- if (existingSelectspeak) {
- // 如果已存在，在speakingType中添加新的值或移除对应的值
- if (items[type]) {
- // 如果选中了该项，请添加speakingType
- if (!existingSelectspeak.speakingType.includes(speakingTypeValue)) {
- existingSelectspeak.speakingType.push(speakingTypeValue);
+ slanderpart1: [],
+ originslanderpart1: [],
+ slanderpart2: [],
+ originslanderpart2: [],
+ slanderpart3: [],
+ originslanderpart3: [],
+ part2: false,
+ grizzly: true,
+ categorize: '分类',
+ // 下拉框的v-if布尔值
+ selectedOption: 'Part1',
+ arrow: false,
+ arrowDown: false,
+ options: [{
+ id: 1,
+ name: 'Part1'
+ },
+ {
+ id: 2,
+ name: 'Part2'
+ },
+ {
+ id: 3,
+ name: 'Part3'
}
- } else {
- // 如果取消选中该项，请删除speakingType
- existingSelectspeak.speakingType = existingSelectspeak.speakingType
- .filter(value => value !== speakingTypeValue);
-
- // 如果speakingType为空，则清除selectspeak项
- if (existingSelectspeak.speakingType.length === 0) {
- const indexToRemove = this.selectspeak.indexOf(existingSelectspeak);
- this.selectspeak.splice(indexToRemove, 1);
- }
- }
- } else {
- // 如果不存在，创建新的对象并添加到selectspeak数组中
- if (items[type]) {
- this.selectspeak.push({
- // part: indexs,
- part: items.part,
- topicEn: items.topicEn,
- id: items.id,
- introduction: items.introduction,
- speakingType: [speakingTypeValue]
- });
- }
- }
- this.calculateTotalLength()
- console.log(this.selectspeak, 'selectspeakselectspeak');
- },
- getSpeakingTypeValue(type) {
- // 返回对应的数字值
- switch (type) {
- case 'ischuanti':
- return '1';
- case 'isgendu':
- return '2';
- case 'ismk':
- return '3';
- default:
- return '';
+ ],
+ totalLength: 0,
+ searchKeyword: '',
+ userId: null,
+ selectspeak: [],
+ selectwrite: [],
+ selectlisten: [],
+ selectread: [],
+ mocktype:'0',
}
},
- upType(index, num) {
- this.listType.splice(index, 1, num)
+ components: {
+ audiology,
+ reading,
+ compose
},
- change(index) {
- this.current = index;
+ onShow() {
+ this.getList()
},
- // 选中某个单选框时，由radio时触发
- radioCheck(index) {
- if (this.radioValue == this.list2[index].id) {
- this.radioValue = null
- } else {
- this.radioValue = this.list2[index].id
- }
- },
- //轮播图滑动和tabs保持一致
- updateCurrent(current, source) {
- this.current = current.detail.current
- if (this.current == 0) {
- this.search = true
- } else {
- this.search = false
- }
- },
- getList() {
- let postdata= {
- "key": "",
- "pageNum": 0,
- "mode": "home",
- "part": "part1",
- "order": "0",
- "type": "",
- "isStudy": 0,
- "isFavorite": 0,
- "isEvlua": 0,
- "isFun": 0,
- "level": 0,
- "isNew": 0
- }
- this.$u.post('https://api.admin-v2.langsi.online/admin-api/speaking/topic/home/list', postdata).then(res => {
- if(res.code==0){
- this.getpart2()
- }
- let keyArr = Object.keys(res.data)
- let valueArr = Object.values(res.data)
- this.slanderpart1 = keyArr.map((item, index) => {
- return {
- label: item,
- list: valueArr[index]
- }
- })
- this.originslanderpart1 = keyArr.map((item, index) => {
- return {
- label: item,
- list: valueArr[index]
- }
- })
- this.originslanderpart1part1 = JSON.parse(JSON.stringify(this.originslanderpart1part1));
- let json = JSON.stringify(res.data)
- // console.log(json);
- })
+ onLoad(option) {
-
+ 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.audiology.updatawrite(this.selectlisten)
+ this.$refs.reading.updatawrite(this.selectread)
+ this.calculateTotalLength()
+ console.log(dataToSave,'optionoptionoptionoptionoptionoption');
+ }
+
},
- getpart2(){
- let postdata1= {
- "key": "",
- "pageNum": 0,
- "mode": "home",
- "part": "part2",
- "order": "0",
- "type": "",
- "isStudy": 0,
- "isFavorite": 0,
- "isEvlua": 0,
- "isFun": 0,
- "level": 0,
- "isNew": 0
- }
- this.$u.post('https://api.admin-v2.langsi.online/admin-api/speaking/topic/home/list', postdata1).then(res => {
- if(res.code==0){
- this.getpart3()
+ methods: {
+ ismock(){
+ console.log(this.mocktype,'this.mocktype');
+ if(this.mocktype=="0"){
+ this.mocktype='1'
+ }else if(this.mocktype=="1"){
+ this.mocktype='0'
}
- let keyArr = Object.keys(res.data)
- let valueArr = Object.values(res.data)
- this.slanderpart2 = keyArr.map((item, index) => {
- return {
- label: item,
- list: valueArr[index]
- }
- })
- this.originslanderpart2 = keyArr.map((item, index) => {
- return {
- label: item,
- list: valueArr[index]
- }
- })
- this.originslanderpart2 = JSON.parse(JSON.stringify(this.originslanderpart2));
- // let json = JSON.stringify(res.data)
-
- })
- },
- getpart3(){
- let postdata2= {
- "key": "",
- "pageNum": 0,
- "mode": "home",
- "part": "part3",
- "order": "0",
- "type": "",
- "isStudy": 0,
- "isFavorite": 0,
- "isEvlua": 0,
- "isFun": 0,
- "level": 0,
- "isNew": 0
- }
- 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 valueArr = Object.values(res.data)
- this.slanderpart3 = keyArr.map((item, index) => {
- return {
- label: item,
- list: valueArr[index]
- }
- })
- this.originslanderpart3 = keyArr.map((item, index) => {
- return {
- label: item,
- list: valueArr[index]
- }
- })
- this.originslanderpart3 = JSON.parse(JSON.stringify(this.originslanderpart3));
- let json = JSON.stringify(res.data)
- // console.log(json);
- })
- },
- //下拉显示下拉框
- arrow_xl() {
- this.arrow = !this.arrow
- },
- arrow_xl2() {
- this.arrowDown = !this.arrowDown
- },
- arrow_options(id) {
- this.options.forEach(item => {
- if (item.id == id) {
- this.selectedOption = item.name
+ },
+ updatawrite(data) {
+ this.selectwrite = data
+ console.log(this.selectwrite, ' this.selectwrite this.selectwrite');
+ this.calculateTotalLength()
+ },
+ updataread(data) {
+ this.selectread = data
+ console.log(this.selectread, ' this.selectwrite this.selectwrite');
+ this.calculateTotalLength()
+ },
+ updatalisten(data) {
+ this.selectlisten = data
+ console.log(this.selectlisten, ' this.selectwrite this.selectwrite');
+ this.calculateTotalLength()
+ },
+ submessage() {
+ const dataToSave = {
+ selectspeak: this.selectspeak,
+ selectwrite: this.selectwrite,
+ selectlisten: this.selectlisten,
+ selectread: this.selectread,
+ mocktype:this.mocktype,
+ };
- } else if (id == 2) {
- this.postdata.part = "part2"
- this.part2 = true
- this.grizzly = false
-
+ // 将数据保存在本地缓存中
+ uni.setStorageSync('selectforwork', dataToSave);
+ uni.navigateBack({
+ delta: 1, // Number of pages to go back
+ success(res) {
+ console.log(res);
+ },
+ fail(err) {
+ console.error(err);
+ }
+ });
+ },
+ fuwei() {
+
+ // this.slander = JSON.parse(JSON.stringify(this.originslanderpart1));
+ // 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 });
+ // }
+ // });
+ },
+ searchs() {
+ if (this.selectedOption == 'Part1') {
+ const filteredSlander = [];
+
+ // 将搜索关键字转换为小写，使搜索不区分大小写
+ const searchKeywordLowerCase = this.searchKeyword.toLowerCase();
+
+ // 遍历原始数据
+ for (const item of this.originslanderpart1) {
+ const filteredList = item.list.filter(subItem => {
+ // 将目标字符串转换为小写，使匹配不区分大小写
+ const introductionLowerCase = subItem.introduction.toLowerCase();
+ const topicEnLowerCase = subItem.topicEn.toLowerCase();
+
+ // 检查 introduction 或 topicEn 是否包含小写的 searchKeyword
+ return (
+ introductionLowerCase.includes(searchKeywordLowerCase) ||
+ topicEnLowerCase.includes(searchKeywordLowerCase)
+ );
+ });
+
+ // 如果有匹配项，添加到 filteredSlander 中
+ if (filteredList.length > 0) {
+ filteredSlander.push({
+ label: item.label,
+ list: filteredList
+ });
+ }
+ }
+
+ // 更新 this.slander
+ this.slanderpart1 = filteredSlander;
+ } else if (this.selectedOption == 'Part2') {
+ const filteredSlander = [];
+
+ // 将搜索关键字转换为小写，使搜索不区分大小写
+ const searchKeywordLowerCase = this.searchKeyword.toLowerCase();
+
+ // 遍历原始数据
+ for (const item of this.originslanderpart2) {
+ const filteredList = item.list.filter(subItem => {
+ // 将目标字符串转换为小写，使匹配不区分大小写
+ const introductionLowerCase = subItem.introduction.toLowerCase();
+ const topicEnLowerCase = subItem.topicEn.toLowerCase();
+
+ // 检查 introduction 或 topicEn 是否包含小写的 searchKeyword
+ return (
+ introductionLowerCase.includes(searchKeywordLowerCase) ||
+ topicEnLowerCase.includes(searchKeywordLowerCase)
+ );
+ });
+
+ // 如果有匹配项，添加到 filteredSlander 中
+ if (filteredList.length > 0) {
+ filteredSlander.push({
+ label: item.label,
+ list: filteredList
+ });
+ }
+ }
+
+ // 更新 this.slander
+ this.slanderpart2 = filteredSlander;
+ } else if (this.selectedOption == 'Part3') {
+ const filteredSlander = [];
+
+ // 将搜索关键字转换为小写，使搜索不区分大小写
+ const searchKeywordLowerCase = this.searchKeyword.toLowerCase();
+
+ // 遍历原始数据
+ for (const item of this.originslanderpart3) {
+ const filteredList = item.list.filter(subItem => {
+ // 将目标字符串转换为小写，使匹配不区分大小写
+ const introductionLowerCase = subItem.introduction.toLowerCase();
+ const topicEnLowerCase = subItem.topicEn.toLowerCase();
+
+ // 检查 introduction 或 topicEn 是否包含小写的 searchKeyword
+ return (
+ introductionLowerCase.includes(searchKeywordLowerCase) ||
+ topicEnLowerCase.includes(searchKeywordLowerCase)
+ );
+ });
+
+ // 如果有匹配项，添加到 filteredSlander 中
+ if (filteredList.length > 0) {
+ filteredSlander.push({
+ label: item.label,
+ list: filteredList
+ });
+ }
+ }
+
+ // 更新 this.slander
+ this.slanderpart3 = filteredSlander;
}
- else if (id == 3) {
- this.postdata.part = "part3"
- this.part2 = true
- this.grizzly = false
-
+
+
+ },
+ 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;
+ },
+ calculateTotalLength() {
+ this.totalLength = this.selectspeak.length + this.selectwrite.length + this.selectlisten.length + this
+ .selectread.length;
+
+ },
+ calculateTotal(array) {
+ return array.reduce((total, item) => {
+ // 假设每个元素都有一个名为value的属性
+ return total + (item.value || 0); // 如果value为undefined，将其视为0
+ }, 0);
+ },
+ updateSelectspeak(items, type, indexs) {
+ // 切换slander数组中的值
+ items[type] = !items[type];
+
+ // 获取对应的speakingType值
+ const speakingTypeValue = this.getSpeakingTypeValue(type);
+
+ // 检查selectspeak数组中是否已存在对应的对象
+ const existingSelectspeak = this.selectspeak.find(select => select.id === items.id);
+
+ if (existingSelectspeak) {
+ // 如果已存在，在speakingType中添加新的值或移除对应的值
+ if (items[type]) {
+ // 如果选中了该项，请添加speakingType
+ if (!existingSelectspeak.speakingType.includes(speakingTypeValue)) {
+ existingSelectspeak.speakingType.push(speakingTypeValue);
+ }
+ } else {
+ // 如果取消选中该项，请删除speakingType
+ existingSelectspeak.speakingType = existingSelectspeak.speakingType
+ .filter(value => value !== speakingTypeValue);
+
+ // 如果speakingType为空，则清除selectspeak项
+ if (existingSelectspeak.speakingType.length === 0) {
+ const indexToRemove = this.selectspeak.indexOf(existingSelectspeak);
+ this.selectspeak.splice(indexToRemove, 1);
+ }
+ }
} else {
- this.postdata.part = "part1"
- this.part2 = false
- this.grizzly = true
-
+ // 如果不存在，创建新的对象并添加到selectspeak数组中
+ if (items[type]) {
+ this.selectspeak.push({
+ // part: indexs,
+ part: items.part,
+ topicEn: items.topicEn,
+ id: items.id,
+ introduction: items.introduction,
+ speakingType: [speakingTypeValue]
+ });
+ }
}
- })
- },
- clicking(target, type) {
+ this.calculateTotalLength()
+ console.log(this.selectspeak, 'selectspeakselectspeak');
+ },
+ getSpeakingTypeValue(type) {
+ // 返回对应的数字值
+ switch (type) {
+ case 'ischuanti':
+ return '1';
+ case 'isgendu':
+ return '2';
+ case 'ismk':
+ return '3';
+ default:
+ return '';
+ }
+ },
+ upType(index, num) {
+ this.listType.splice(index, 1, num)
+ },
+ change(index) {
+ this.current = index;
+ },
+ // 选中某个单选框时，由radio时触发
+ radioCheck(index) {
+ if (this.radioValue == this.list2[index].id) {
+ this.radioValue = null
+ } else {
+ this.radioValue = this.list2[index].id
+ }
+ },
+ //轮播图滑动和tabs保持一致
+ updateCurrent(current, source) {
+ this.current = current.detail.current
+ if (this.current == 0) {
+ this.search = true
+ } else {
+ this.search = false
+ }
+ },
+ getList() {
+ let postdata = {
+ "key": "",
+ "pageNum": 0,
+ "mode": "home",
+ "part": "part1",
+ "order": "0",
+ "type": "",
+ "isStudy": 0,
+ "isFavorite": 0,
+ "isEvlua": 0,
+ "isFun": 0,
+ "level": 0,
+ "isNew": 0
+ }
+ this.$u.post('https://api.admin-v2.langsi.online/admin-api/speaking/topic/home/list', postdata).then(
+ res => {
+ if (res.code == 0) {
+ this.getpart2()
+ let keyArr = Object.keys(res.data)
+ let valueArr = Object.values(res.data)
+ this.slanderpart1 = keyArr.map((item, index) => {
+ return {
+ label: item,
+ list: valueArr[index]
+ }
+ })
+ this.originslanderpart1 = keyArr.map((item, index) => {
+ return {
+ label: item,
+ list: valueArr[index]
+ }
+ })
+ this.originslanderpart1part1 = JSON.parse(JSON.stringify(this.originslanderpart1));
+ let json = JSON.stringify(res.data)
+ this.updatapart1()
+
- },
- radioGroupChange() {
+ }
+ // console.log(json);
+ })
+
+
+
+
+ },
+ updatapart1() {
+ 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": "",
+ "pageNum": 0,
+ "mode": "home",
+ "part": "part2",
+ "order": "0",
+ "type": "",
+ "isStudy": 0,
+ "isFavorite": 0,
+ "isEvlua": 0,
+ "isFun": 0,
+ "level": 0,
+ "isNew": 0
+ }
+ this.$u.post('https://api.admin-v2.langsi.online/admin-api/speaking/topic/home/list', postdata1).then(
+ res => {
+ if (res.code == 0) {
+ this.getpart3()
+ }
+ let keyArr = Object.keys(res.data)
+ let valueArr = Object.values(res.data)
+ this.slanderpart2 = keyArr.map((item, index) => {
+ return {
+ label: item,
+ list: valueArr[index]
+ }
+ })
+
+ this.originslanderpart2 = keyArr.map((item, index) => {
+ return {
+ label: item,
+ list: valueArr[index]
+ }
+ })
+ this.updatapart2()
+ this.originslanderpart2 = JSON.parse(JSON.stringify(this.originslanderpart2));
+ // let json = JSON.stringify(res.data)
+
+ })
+ },
+ updatapart2() {
+ 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": "",
+ "pageNum": 0,
+ "mode": "home",
+ "part": "part3",
+ "order": "0",
+ "type": "",
+ "isStudy": 0,
+ "isFavorite": 0,
+ "isEvlua": 0,
+ "isFun": 0,
+ "level": 0,
+ "isNew": 0
+ }
+ 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 valueArr = Object.values(res.data)
+ this.slanderpart3 = keyArr.map((item, index) => {
+ return {
+ label: item,
+ list: valueArr[index]
+ }
+ })
+ this.originslanderpart3 = keyArr.map((item, index) => {
+ return {
+ label: item,
+ list: valueArr[index]
+ }
+ })
+ this.updatapart3()
+ this.originslanderpart3 = JSON.parse(JSON.stringify(this.originslanderpart3));
+ let json = JSON.stringify(res.data)
+ // 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() {
+ this.arrow = !this.arrow
+ },
+ arrow_xl2() {
+ this.arrowDown = !this.arrowDown
+ },
+ arrow_options(id) {
+ this.options.forEach(item => {
+ if (item.id == id) {
+ this.selectedOption = item.name
+
+ } else if (id == 2) {
+ this.postdata.part = "part2"
+ this.part2 = true
+ this.grizzly = false
+
+ } else if (id == 3) {
+ this.postdata.part = "part3"
+ this.part2 = true
+ this.grizzly = false
+
+ } else {
+ this.postdata.part = "part1"
+ this.part2 = false
+ this.grizzly = true
+
+ }
+ })
+ },
+ clicking(target, type) {
+
+ },
+ radioGroupChange() {
+
+ }
}
}
-}
</script>
<style lang="scss" scoped>
-.view_template {
- width: 100%;
- background: linear-gradient(183deg, #F0F6FF 0%, #FAFAFA 100%);
-}
-
-.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;
+ .view_template {
+ width: 100%;
+ background: linear-gradient(183deg, #F0F6FF 0%, #FAFAFA 100%);
}
- .input {
- margin: 0 auto;
- width: 568rpx;
+ .serchbox {
+ padding: 0 32rpx;
+ display: flex;
+ flex-wrap: nowrap;
+ margin-top: 30rpx;
+ align-items: center;
+ width: 686rpx;
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;
-
- }
-}
-
-.view_body {
- height: 89vh;
- width: 91.3%;
- margin: 0 auto;
- border-radius: 0rpx 0rpx 0rpx 0rpx;
-
- // padding: 32rpx;
- .view_search {
- height: 88rpx;
- margin: 0 auto;
- line-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;
+
+ }
}
- .view_button {
- border-radius: 12rpx 12rpx 12rpx 12rpx;
- padding: 12rpx 24rpx;
- font-size: 20rpx;
- font-weight: 500;
- color: rgba(101, 116, 140, 0.8);
+ .view_body {
+ height: 89vh;
+ width: 91.3%;
+ margin: 0 auto;
+ border-radius: 0rpx 0rpx 0rpx 0rpx;
+
+ // padding: 32rpx;
+ .view_search {
+ height: 88rpx;
+ margin: 0 auto;
+ line-height: 88rpx;
+ background: #FFFFFF;
+ border-radius: 20rpx 20rpx 20rpx 20rpx;
+
+ }
+
+ .view_button {
+ border-radius: 12rpx 12rpx 12rpx 12rpx;
+ padding: 12rpx 24rpx;
+ font-size: 20rpx;
+ font-weight: 500;
+ color: rgba(101, 116, 140, 0.8);
+ }
+
+ .view_buttons {
+ background: #2D7CE6;
+ border-radius: 12rpx 12rpx 12rpx 12rpx;
+ padding: 12rpx 24rpx;
+ font-size: 20rpx;
+ font-weight: 500;
+ color: #FFFFFF;
+ }
+
+ .view_fff {
+ background: #FFFFFF;
+ border-radius: 20rpx 20rpx 20rpx 20rpx;
+ }
+
+ .view_Do {
+ display: flex;
+ justify-content: space-between;
+ padding: 28rpx 0rpx;
+ margin: 0 28rpx;
+ border-bottom: 2rpx solid #F2F2F2;
+ }
+
+ .view_pushbutton {
+ display: flex;
+ }
+
+ .grizzly {
+ background: #E1EEFF;
+ border-radius: 8rpx 8rpx 8rpx 8rpx;
+ font-size: 20rpx;
+ font-weight: 500;
+ color: #2D7CE6;
+ padding: 6rpx 18rpx;
+ margin-left: 12rpx;
+ }
+
+ .yellow {
+ background: #FFEBD7;
+ border-radius: 8rpx 8rpx 8rpx 8rpx;
+ font-size: 20rpx;
+ font-weight: 500;
+ color: #FB9734;
+ padding: 6rpx 18rpx;
+ margin-left: 12rpx;
+ }
+
+ .view_English {
+ display: flex;
+ font-size: 24rpx;
+ font-weight: 500;
+ color: #2E4975;
+ }
+
+ .active {
+ z-index: 9;
+ background: #2D7CE6;
+ color: #fff;
+ }
+
+ .slander {
+ height: 352rpx;
+ background: #FFFFFF;
+ border-radius: 20rpx 20rpx 20rpx 20rpx;
+ }
+
+ .slander_behavior {
+ display: flex;
+ justify-content: space-between;
+ padding: 20rpx 0rpx;
+ border-bottom: 2rpx solid #F2F2F2;
+ }
+
+ .slander_for {
+ background: #FFFFFF;
+ border-radius: 20rpx 20rpx 20rpx 20rpx;
+ padding: 0 30rpx;
+ }
+
+ .unite {
+ width: 270rpx;
+ font-size: 28rpx;
+ font-family: 'PingFang';
+ font-weight: 800;
+ color: #2E4975;
+ margin: 26rpx 0rpx;
+ }
+
+ .slander_an {
+ background: #F4F4F4;
+ border-radius: 12rpx 12rpx 12rpx 12rpx;
+ font-size: 20rpx;
+ font-family: 'PingFang';
+ font-weight: 500;
+ color: rgba(101, 116, 140, 0.8);
+ padding: 10rpx;
+ margin-right: 15rpx;
+ }
+
+ .pd_icon {
+ margin-left: 8rpx;
+ }
+
+ .highlighted {
+
+ background: rgba(45, 124, 230, 0.1);
+ border-radius: 12rpx 12rpx 12rpx 12rpx;
+ color: #2D7CE6;
+ }
+
+ .part {
+ font-size: 28rpx;
+ font-family: 'PingFang';
+ font-weight: 500;
+ color: #2E4975;
+
+ }
+
+ .part2 {
+ font-size: 28rpx;
+ font-family: 'PingFang';
+ font-weight: 500;
+ color: #2E4975;
+ margin-left: 20rpx;
+
+ }
+
+ .swiper {
+ height: 80%;
+ }
+
+ swiper-item {
+ overflow: scroll;
+ }
+
+ .slander_left {
+ width: 328rpx;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ overflow: hidden
+ }
+
+ .view_left {
+ display: flex;
+ justify-content: left;
+ margin-top: 20rpx;
+ }
+
+ .view_inuygs {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ }
+
+ .view_left_pd {
+ position: relative;
+ padding: 12rpx 32rpx;
+ background: #FFFFFF;
+ border-radius: 20rpx 20rpx 20rpx 20rpx;
+ margin-right: 15rpx;
+ font-size: 24rpx;
+ color: #072F5A;
+ }
+
+ .unite {
+ width: 290rpx;
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ overflow: hidden;
+ -webkit-line-clamp: 1;
+ font-size: 28rpx;
+ font-family: 'PingFang';
+ font-weight: 800;
+ color: #2E4975;
+
+ margin-right: 20rpx;
+ }
+
+ .pull_Down {
+ position: absolute;
+ bottom: -184rpx;
+ left: 50%;
+ margin-left: -79rpx;
+ box-shadow: 0rpx 4rpx 10rpx 0rpx rgba(0, 0, 0, 0.25);
+ border-radius: 20rpx 20rpx 20rpx 20rpx;
+ background: #FFFFFF;
+ border-bottom: 2rpx solid #F2F2F2;
+
+ view {
+ padding: 15rpx 50rpx;
+ border-bottom: 2rpx solid #F2F2F2;
+ }
+ }
+
+ .pull_Down view:last-child {
+ border: none;
+ }
+
+ .header_part {
+ display: flex;
+ align-items: center;
+ margin: 26rpx 0rpx;
+ }
+
+ .slander_an {
+ padding: 6rpx 18rpx;
+ background: #fff;
+ border-radius: 12rpx 12rpx 12rpx 12rpx;
+ margin-left: 12rpx;
+ color: #65748C;
+ }
+
+ .slander_for {
+ background-color: #fff;
+ border-radius: 20rpx 20rpx 20rpx 20rpx;
+
+ }
+
+ .slander_of {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ padding: 24rpx 0;
+ margin: 0 20rpx;
+ border-bottom: 2rpx solid #F2F2F2;
+
+ }
+
+ .textual {
+ width: 290rpx;
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ overflow: hidden;
+ -webkit-line-clamp: 2;
+ }
+
+ .bottom_one {
+ display: flex;
+
+ view {
+ padding: 6rpx 18rpx;
+ background: #F4F4F4;
+ border-radius: 12rpx 12rpx 12rpx 12rpx;
+ font-size: 20rpx;
+ font-weight: 500;
+ color: rgba(101, 116, 140, 0.8);
+ margin-left: 15rpx;
+ }
+
+ .active {
+ background: rgba(45, 124, 230, 0.1);
+ color: #2D7CE6;
+ }
+ }
+
+ .pull_down {
+ display: flex;
+ justify-content: space-between;
+ width: 100rpx;
+ font-size: 24rpx;
+ }
+
+
+
}
- .view_buttons {
- background: #2D7CE6;
- border-radius: 12rpx 12rpx 12rpx 12rpx;
- padding: 12rpx 24rpx;
- font-size: 20rpx;
- font-weight: 500;
- color: #FFFFFF;
- }
-
- .view_fff {
+ .footer {
+ position: fixed;
+ bottom: 0;
+ width: 100%;
background: #FFFFFF;
- border-radius: 20rpx 20rpx 20rpx 20rpx;
+ box-shadow: 0rpx -6rpx 14rpx 0rpx rgba(177, 177, 177, 0.25);
+ padding: 30rpx 32rpx;
}
- .view_Do {
+ .footer2 {
+ position: fixed;
+ bottom: 0;
+ width: 100%;
+ background: #FFFFFF;
+ box-shadow: 0rpx -6rpx 14rpx 0rpx rgba(177, 177, 177, 0.25);
+ padding: 30rpx 32rpx;
+ margin-top: 25rpx;
+ }
+
+ .footer_button {
display: flex;
justify-content: space-between;
- padding: 28rpx 0rpx;
- margin: 0 28rpx;
- border-bottom: 2rpx solid #F2F2F2;
}
- .view_pushbutton {
- display: flex;
- }
-
- .grizzly {
- background: #E1EEFF;
- border-radius: 8rpx 8rpx 8rpx 8rpx;
- font-size: 20rpx;
- font-weight: 500;
- color: #2D7CE6;
- padding: 6rpx 18rpx;
- margin-left: 12rpx;
- }
-
- .yellow {
- background: #FFEBD7;
- border-radius: 8rpx 8rpx 8rpx 8rpx;
- font-size: 20rpx;
- font-weight: 500;
- color: #FB9734;
- padding: 6rpx 18rpx;
- margin-left: 12rpx;
- }
-
- .view_English {
- display: flex;
- font-size: 24rpx;
- font-weight: 500;
+ .button_ky {
+ padding: 24rpx 52rpx;
+ border-radius: 104rpx 104rpx 104rpx 104rpx;
color: #2E4975;
+ background-color: #FAFAFA;
}
- .active {
- z-index: 9;
- background: #2D7CE6;
+ .button_andadd {
+ background: linear-gradient(180deg, #74AFFF 0%, #2D7CE6 100%);
+ border-radius: 104rpx 104rpx 104rpx 104rpx;
+ padding: 26rpx 125rpx;
color: #fff;
}
- .slander {
- height: 352rpx;
- background: #FFFFFF;
- border-radius: 20rpx 20rpx 20rpx 20rpx;
+ .button_show {
+ width: 100%;
+ background: linear-gradient(180deg, #74AFFF 0%, #2D7CE6 100%);
+ border-radius: 104rpx 104rpx 104rpx 104rpx;
+ padding: 26rpx 125rpx;
+ color: #fff;
+ text-align: center;
}
- .slander_behavior {
- display: flex;
- justify-content: space-between;
- padding: 20rpx 0rpx;
- border-bottom: 2rpx solid #F2F2F2;
+ .view_fff_bottom {
+ margin-bottom: 54rpx;
}
- .slander_for {
- background: #FFFFFF;
- border-radius: 20rpx 20rpx 20rpx 20rpx;
- padding: 0 30rpx;
- }
-
- .unite {
- width: 270rpx;
- font-size: 28rpx;
- font-family: 'PingFang';
- font-weight: 800;
- color: #2E4975;
- margin: 26rpx 0rpx;
- }
-
- .slander_an {
- background: #F4F4F4;
- border-radius: 12rpx 12rpx 12rpx 12rpx;
- font-size: 20rpx;
- font-family: 'PingFang';
- font-weight: 500;
- color: rgba(101, 116, 140, 0.8);
- padding: 10rpx;
- margin-right: 15rpx;
- }
-
- .pd_icon {
- margin-left: 8rpx;
- }
-
- .highlighted {
-
- background: rgba(45, 124, 230, 0.1);
- border-radius: 12rpx 12rpx 12rpx 12rpx;
- color: #2D7CE6;
- }
-
- .part {
- font-size: 28rpx;
- font-family: 'PingFang';
+ .Task {
+ font-size: 24rpx;
font-weight: 500;
color: #2E4975;
-
- }
-
- .part2 {
- font-size: 28rpx;
- font-family: 'PingFang';
- font-weight: 500;
- color: #2E4975;
- margin-left: 20rpx;
-
- }
-
- .swiper {
- height: 80%;
- }
-
- swiper-item {
- overflow: scroll;
- }
-
- .slander_left {
- width: 328rpx;
- text-overflow: ellipsis;
- white-space: nowrap;
- overflow: hidden
}
.view_left {
@@ -974,12 +1217,6 @@ export default {
margin-top: 20rpx;
}
- .view_inuygs {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
-
.view_left_pd {
position: relative;
padding: 12rpx 32rpx;
@@ -987,26 +1224,11 @@ export default {
border-radius: 20rpx 20rpx 20rpx 20rpx;
margin-right: 15rpx;
font-size: 24rpx;
- color: #072F5A;
- }
-
- .unite {
- width: 290rpx;
- display: -webkit-box;
- -webkit-box-orient: vertical;
- overflow: hidden;
- -webkit-line-clamp: 1;
- font-size: 28rpx;
- font-family: 'PingFang';
- font-weight: 800;
- color: #2E4975;
-
- margin-right: 20rpx;
}
.pull_Down {
position: absolute;
- bottom: -184rpx;
+ bottom: -130rpx;
left: 50%;
margin-left: -79rpx;
box-shadow: 0rpx 4rpx 10rpx 0rpx rgba(0, 0, 0, 0.25);
@@ -1020,197 +1242,42 @@ export default {
}
}
+ .pull_DownTow {
+ width: 150rpx;
+ position: absolute;
+ bottom: -133rpx;
+ left: 50%;
+ margin-left: -72rpx;
+ box-shadow: 0rpx 4rpx 10rpx 0rpx rgba(0, 0, 0, 0.25);
+ border-radius: 20rpx 20rpx 20rpx 20rpx;
+ background: #FFFFFF;
+ border-bottom: 2rpx solid #F2F2F2;
+ text-align: center;
+
+ view {
+ padding: 15rpx 0rpx;
+ border-bottom: 2rpx solid #F2F2F2;
+ }
+
+ }
+
.pull_Down view:last-child {
border: none;
}
- .header_part {
- display: flex;
- align-items: center;
- margin: 26rpx 0rpx;
- }
-
- .slander_an {
- padding: 6rpx 18rpx;
- background: #fff;
- border-radius: 12rpx 12rpx 12rpx 12rpx;
- margin-left: 12rpx;
- color: #65748C;
- }
-
- .slander_for {
+ .sl_body {
background-color: #fff;
- border-radius: 20rpx 20rpx 20rpx 20rpx;
-
}
- .slander_of {
- display: flex;
- align-items: center;
- justify-content: space-between;
- padding: 24rpx 0;
- margin: 0 20rpx;
- border-bottom: 2rpx solid #F2F2F2;
-
+ .footer_button_right {
+ padding: 24rpx 62rpx;
+ border: 1px solid #2D7CE6;
+ border-radius: 104rpx 104rpx 104rpx 104rpx;
+ color: #2D7CE6;
}
-
- .textual {
- width: 290rpx;
- display: -webkit-box;
- -webkit-box-orient: vertical;
- overflow: hidden;
- -webkit-line-clamp: 2;
+ .act1{
+ color: #fff;
+ background: #2D7CE6 ;
+ border: 1px solid #2D7CE6;
}
-
- .bottom_one {
- display: flex;
-
- view {
- padding: 6rpx 18rpx;
- background: #F4F4F4;
- border-radius: 12rpx 12rpx 12rpx 12rpx;
- font-size: 20rpx;
- font-weight: 500;
- color: rgba(101, 116, 140, 0.8);
- margin-left: 15rpx;
- }
-
- .active {
- background: rgba(45, 124, 230, 0.1);
- color: #2D7CE6;
- }
- }
-
- .pull_down {
- display: flex;
- justify-content: space-between;
- width: 100rpx;
- font-size: 24rpx;
- }
-
-
-
-}
-
-.footer {
- position: fixed;
- bottom: 0;
- width: 100%;
- background: #FFFFFF;
- box-shadow: 0rpx -6rpx 14rpx 0rpx rgba(177, 177, 177, 0.25);
- padding: 30rpx 32rpx;
-}
-
-.footer2 {
- position: fixed;
- bottom: 0;
- width: 100%;
- background: #FFFFFF;
- box-shadow: 0rpx -6rpx 14rpx 0rpx rgba(177, 177, 177, 0.25);
- padding: 30rpx 32rpx;
- margin-top: 25rpx;
-}
-
-.footer_button {
- display: flex;
- justify-content: space-between;
-}
-
-.button_ky {
- padding: 24rpx 52rpx;
- border-radius: 104rpx 104rpx 104rpx 104rpx;
- color: #2E4975;
- background-color: #FAFAFA;
-}
-
-.button_andadd {
- background: linear-gradient(180deg, #74AFFF 0%, #2D7CE6 100%);
- border-radius: 104rpx 104rpx 104rpx 104rpx;
- padding: 26rpx 125rpx;
- color: #fff;
-}
-
-.button_show {
- width: 100%;
- background: linear-gradient(180deg, #74AFFF 0%, #2D7CE6 100%);
- border-radius: 104rpx 104rpx 104rpx 104rpx;
- padding: 26rpx 125rpx;
- color: #fff;
- text-align: center;
-}
-
-.view_fff_bottom {
- margin-bottom: 54rpx;
-}
-
-.Task {
- font-size: 24rpx;
- font-weight: 500;
- color: #2E4975;
-}
-
-.view_left {
- display: flex;
- justify-content: left;
- margin-top: 20rpx;
-}
-
-.view_left_pd {
- position: relative;
- padding: 12rpx 32rpx;
- background: #FFFFFF;
- border-radius: 20rpx 20rpx 20rpx 20rpx;
- margin-right: 15rpx;
- font-size: 24rpx;
-}
-
-.pull_Down {
- position: absolute;
- bottom: -130rpx;
- left: 50%;
- margin-left: -79rpx;
- box-shadow: 0rpx 4rpx 10rpx 0rpx rgba(0, 0, 0, 0.25);
- border-radius: 20rpx 20rpx 20rpx 20rpx;
- background: #FFFFFF;
- border-bottom: 2rpx solid #F2F2F2;
-
- view {
- padding: 15rpx 50rpx;
- border-bottom: 2rpx solid #F2F2F2;
- }
-}
-
-.pull_DownTow {
- width: 150rpx;
- position: absolute;
- bottom: -133rpx;
- left: 50%;
- margin-left: -72rpx;
- box-shadow: 0rpx 4rpx 10rpx 0rpx rgba(0, 0, 0, 0.25);
- border-radius: 20rpx 20rpx 20rpx 20rpx;
- background: #FFFFFF;
- border-bottom: 2rpx solid #F2F2F2;
- text-align: center;
-
- view {
- padding: 15rpx 0rpx;
- border-bottom: 2rpx solid #F2F2F2;
- }
-
-}
-
-.pull_Down view:last-child {
- border: none;
-}
-
-.sl_body {
- background-color: #fff;
-}
-
-.footer_button_right {
- padding: 24rpx 62rpx;
- border: 1px solid #2D7CE6;
- border-radius: 104rpx 104rpx 104rpx 104rpx;
- color: #2D7CE6;
-}
-</style>
+</style>
\ No newline at end of file